3.Performance of competitors app - dkapexhiu/to-do-app GitHub Wiki

We gonna analyze the performance of the website todolistme.net with Chrome Developer Tools and find issues in performance and a way how to fix them:

• The big issue for this app is the loading time: it has a First meaningful paint and First interactive time too high and there are different opportunities shown by Google to fix it:
• We need to serve the images in the next-gen format (in the webp format) for improving the performance of the app
• We need also to enable text compression on server-side (text-based responses should be served with compression (gzip, deflate or brotli) to minimize total network bytes).
• We need to preload key requests using and instead offer the most basic resources for the page to load
• Minify JavaScript (minifying javascript files can reduce payload sizes and script parse time)
• Reduce render-blocking stylesheets (external stylesheets are blocking the first paint of the page; we need to deliver critical css via style tags and defer the non-critical styles)
• Remove unused CSS rules from stylesheets to reduce unnecessary bytes consumed by network activity
• Resize the images in different sizes to serve the right image in the right time to avoid offscreen images