Sunday, 17 November 2019

How to optimise performance of a web-site or mobile site

These are all the points which can boost up your website performance. Below are just bullet points. I'll be touching each of these point every week. Stay tuned for more info.

  1. Http2 multiplexing, header compression and other features like server push
  2. Rather than showing a loader, show a rendered page(did not mean interactive). Something like server side rendering.
  3. Adding more to point 2. Push interactive state away and try to render as early as possible.
  4. Code chunks, lazy loading.
  5. Css splitting, should be route and component based.
  6. DNS resolution ? 
  7. Omitting option call.
  8. To load only useful code, rest can be loaded later when resources are free.
  9. Minify css
  10. Dns preconnect
  11. Code splitting, js and css
  12. Preloading and prefetching
  13. Image sprite using grunt
  14. Prepond API call
  15. Reduce the number of bundle
  16. JS code which can delayed, should be delayed
  17. MJS
  18. Compression: Gzip vs Brotli
  19. CDN
  20. Critical rendering CSS
  21. Service worker: Caching, prefetching
  22. Web worker: using multiple threads
  23. DNS prefetching
  24. DNS resolution using same domain and then redirection to the actual domain
  25. Service worker prefetching

No comments:

Post a Comment