In general, the more HTTP requests your web page makes the slower it will load. A browser is limited to opening only a certain number of simultaneous connections to a single host. To prevent bottlenecks, the number of individual pages elements are reduced using resource consolidation whereby smaller files, such as images, are bundled together into one file. This reduces HTTP requests and the number of round trips required to load a webpage. Making fewer HTTP requests turns out to be the most important optimization technique, with the biggest impact. If your time is limited, and you can only complete one optimization task, pick this one.
Web Caching Optimization reduces server load, bandwidth usage, and latency. CDNs use dedicated web caching software to store copies of documents passing through their system. Leveraging the browser cache is crucial. It is recommended to have a max-age of 7 days in such cases. This saves server time and makes things altogether faster.
Code minification distinguishes discrepancies between codes written by web developers and how network elements interpret code. Minification removes comments and extra spaces as well as crunch variable names in order to minimize code.
Lossy compression techniques, similar to those used with audio files, remove non-essential header information and lower original image quality on many high-resolution images. These changes, such as pixel complexity or color gradations, are transparent to the end-user and do not noticeably affect the perception of the image.
Replacement of vector graphics with resolution-independent raster graphics. Raster substitution is best suited for simple geometric images.
Don’t upload the original photos on your website, they are too heavy. Use tools like TinyPNG, Kraken.io, JPEGmini, etc, which reduces the size of the image while quality remains more or less the same.
Redirects are performance killers. Avoid them whenever possible. A redirect will generate additional round-trip times and therefore quickly doubles the time that is required to load the initial HTML document before the browser even starts to load other assets.
There are significant advantages to offloading your website monitoring to a cloud-based host, for example, cost, scalability, efficiency, etc.
Domain name prefetching is a good solution to already resolve domain names before a user actually follow a link
Absolutely a must! Actually, Google penalizes those websites that don’t have it.
Web Font Performance
The disadvantages of web fonts, such as Google Fonts, are that they add extra HTTP requests to external resources. Web fonts are also rendered blocking. Try to prioritize based on browser support, choose only the styles you need, keep character sets down to a minimum, etc.
Hotlink protection refers to restricting HTTP referrers in order to prevent others from embedding your assets on other websites. Hotlink protection will save you bandwidth by prohibiting other sites from displaying your images.
Having a fast web host is equally as important as any website performance optimization you could make, as it is the backbone of your site. Stay away from cheap shared hosting.
Any missing file generates a 404 HTTP error. Depending upon the platform you are running 404 errors can be quite taxing on your server.
And last but not least is database optimization. Whether it is cleaning out old unused tables or creating indexes for faster access there are always things that can be optimize