Website front-end optimization technology

① Browser Access Optimizations:

-Reduce the number of HTTP requests: Merge CSS, merge JavaScript, merge pictures (CSS Sprite)

-Use browser caching: By setting the Cache-control and Expires properties in the HTTP response header, CSS, JavaScript, pictures, etc. are cached in the browser, and when these static resources need to be updated, You can update the references in the HTML file to let the browser request new resources again

-Enable compression

-CSS front, javascript back

-Reduce cookie transmission

②CDN acceleration: The Essence of CDN (Content distribute Network) is still the cache, the data is cached in the nearest place, the CDN is usually deployed in the network operator's room, not only can improve the response speed, but also reduce the pressure of the application server. Of course, the CDN cache is usually a static resource.

③ Reverse Proxy: Reverse proxy is equivalent to a façade of the application server, can protect the security of the site, but also to achieve load balancing function, of course, it is most important that it caches the user access to the Hotspot resources, you can directly from the reverse proxy to return some content to the user's browser.

Website front-end optimization technology