web page performance optimization mainly in two ways, one is to optimize server-side, that is, the back-end optimization, back-end optimization is the most critical, the most obvious effect, when optimized to achieve the ultimate back-end, front-end optimization can not be ignored as a back-end, front-end optimization does not say that all mastered, at least to understand, so that if necessary it has, can be applied also ...
On the back-end optimization, which relates very much interested can refer to this: (creation, well here will promptly update the URL)
Optimized browser end mainly in the following ways:
1. Source and Image Compression
JavaScript source code files can be compressed using confusing way, CSS files, source code common compression, JPG images can be compressed to 50% to 70% depending on the quality, PNG can use some open source software compression to compress, such as color becomes 8 24 color, remove some of the PNG format information.
2. If the number of large color picture on the use JPG format, if you use a smaller number of color images in PNG format.
3. Combined static resources
including CSS, JavaScript, and small picture, reduce HTTP requests. A large part of users to access because of this one and get the maximum benefit.
Gzip 4. open the service end of the compression
This is very effective for text resources, image resources compression touching ...
5. Use CDN to accelerate static resources
CDN acceleration or use some public libraries to use a static address resources provided by third parties (such as jQuery, normalize.css). On the one hand increase the amount of concurrent downloads, and other sites on the other hand can be cached. Here recommend a free open-source CDN to accelerate web site: https://www.bootcdn.cn/
6. Save time delay caching static resources according to the situation
Thus, visitors will be able to visit the site frequently faster access. However, here to modify the way the file name, make sure that when the resource update, the user will pull the latest content.
7, the head of the CSS on the page, the JavaScript on the bottom of the page
so it does not block page rendering, so long blank page appears.
