Improve Website Performance with Compression and Delayed Loading

By Neeraj Singh | Updated: Oct 26, 2016
Improve real website performance and speed. Check with tools. See compression impact. Minify CSS and JS. Get snappy website.
SEO analyzers (SEO Centro) and Page speed calculators (GT Metrics or Google page speed) prefers compression as a valuable parameter in determining the website speed.
Although it is true that compression (deflate or g-zip) helps retrieving data faster, but the real response may not be the same. 

There are many reasons for that. One of the reasons that one should consider before using compression is the overall page weight. Compressing a page need processing on the server to compress and processing on the browser to decompress. If the page weight (HTML) is less than 50KB, you shall not consider this as an option as the compression header added to the content will make the payload bigger that what the original payload (page weight) was. Above that it will also consume processor on both server and the browser. This will further slow down your website speed.

Use delayed loading, if you wish for a faster response. Do consider loading your static JavaScript files at the end of the html output. This way, the browser will start rendering HTML before loading JavaScript (since loading JavaScript files is a render blocking operation). This will improve upon the timing from where visualization of your page begins. This way, the user will start experiencing your website as soon as the HTML content is delivered to your browser and hence experience better speed.