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