Hi, I like to discuss here how to improve the page speed.
I used the PageSpeed feature in Google Chromes developer tools and it said 63%, so I would like to improve this because the site is sometimes pretty slow.
So, the results of the speed test are:
1. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
2. Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
3. Minify CSS for the following resources to reduce their size by 19.9KiB (22% reduction).
4. Minify JavaScript for the following resources to reduce their size by 19.5KiB (26% reduction).
5. Minify HTML for the following resources to reduce their size by 8.5KiB (24% reduction).
6.Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
7.195.5KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
8.The following resources are missing a cache validator. Resources that do not specify a cache validator cannot be refreshed efficiently. Specify a Last-Modified or ETag header to enable cache validation for the following resources:
9. The following publicly cacheable, compressible resources should have a “Vary: Accept-Encoding” header:
My questions are:
How to include external CSS, compress, minify all what has to be minified, setting expiry date, defer parsing JS, cache validate and put in the “Vary: Accept-Encoding” header…?
As always, any help and hints highly appreciated.