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

todolistme performance

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