This is it, people! It has arrived. The most demanded article of this series! This final and Part 4 of my series on “How I Built the Fastest E-commerce Store for a Home Decor Brand” will solely focus on Web Application Performance Optimization. This article will help you with how to boost the performance of your web application along with some tips and optimization hacks to take it to the next level. If you haven’t read previous parts, Here are the links:
Thanks for the useful articles! I just wanted to mention TinyPNG as an excellent resource to shrink image file size.
Cool, I love the website you did.
Can you share what you meant by this bonus:
2. Avoid Render Blocking by removing rel= “preload” or rel= “prefetch” present in and tags of your html file.
I thought that using preload avoided render blocking.
Hey @nefiga, Nice to know you liked it. Let’s discuss your question!
You are right, Using preload does avoid render-blocking but you need to use it carefully and most beginners don’t know this.
As a developer, you need to know which CSS, Js files should get high priority when they are requested from the server. Sometimes after you generate the production build of your project, every CSS, Js file is attached with **rel= “preload” or rel= “prefetch” tag. You should be using preload tag for only 2-3 important Js and CSS file, not everyone.
This article will help you in understanding preload- https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf