An introduction to frontend optimization
A general and nice definition of “frontend optimization” would be something like this: “It is a crucial aspect of web development, ensuring smooth and efficient user experiences on your HTML pages.”
I would describe it more simply – it’s about doing everything possible to make a page load quickly and be completely responsive to the user in the least amount of time. The following are techniques, or actions that a frontend developer can do in order to “speed up a site”:
- Minimizing HTTP requests: The fewer files, the better. Remember that every file that your browsers need to download is a separate request. That also goes for images. There are three solutions to reduce the number of files needed for a page to be rendered and displayed:
- Bundling: This solution means that we merge multiple files (for example, multiple CSS files) into one larger file, reducing the number of requests...