Website Speed Optimization

外掛說明

Website Speed Optimization will help your website speed up page loading.

Main Fuction

CSS Optimization

• Inline all CSS ==> One method to speed up the load times of web pages is to optimize the CSS delivery by inlining CSS scripts instead of requesting them through external files.
• Minify all CSS ==> CSS scripts found on web pages are usually not minimized, they usually contain extra characters, or extra lines, or unnecessary spaces.
• Move all CSS to footer ==> Page Speed measurement tools will usually recommend that you remove render-blocking JavaScript and CSS out of the tag. This will prioritize loading other resources first to increase page loading speed.

JS Optimization

• Move all JS to footer ==> Page Speed measurement tools will usually recommend that you remove render-blocking JavaScript and CSS out of the tag. This will prioritize loading other resources first to increase page loading speed.
• Inline all JS ==> Inline JS will reduce the number of requests to the server, and Inline JS will avoid blocking the initial page load to help the website be more appreciated.
• Minify all JS ==> Minify JS will eliminate unnecessary characters, making it less expensive to load the page

Html Optimizations

• Minify HTML

Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser – e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on.

Add Expires headers

• Set expires header CSS
• Set expires header JS
• Set expires header Media

Expires headers tell the browser whether they should request a specific file from the server or whether they should grab it from the browser’s cache.

The whole idea behind Expires Headers is not only to reduce the load of downloads from the server (constantly downloading the same file when it’s unmodified is wasting precious load time) but rather to reduce the number of HTTP requests for the server.

When you visit a website your browser is responsible for communicating with the web server to download all the required files. It then compiles those files to display the web page. As web pages become richer in graphics and content, more and more files are being transferred between your machine and the web server.

In the past you would have an HTML file and maybe a few images to serve for your website, however many modern websites might have 50+ files per page to transfer. The files themselves can be a huge load increase by themselves but for each file you must create a request and even if requests are fractions of a second, they can soon add up. Source

Cache CSS JS

• Cache Css
• Cache Js

Help website handle faster during page loading.