Web Front-end performance optimization summary and web performance optimization Summary

Web Front-end performance optimization summary and web performance optimization Summary

I. Overview

The main features of web Front-end performance optimization are:Reduces HTTP requests, sizes of request files, and other Optimizations.

Ii. Optimization details

1. Reduce HTTP requests

(1) Use Cache

(2) Sprite

(3) Merge files

(4) Introduce javascript and css from the outside

(5) image base64 encoding

 

2. Reduce the size of the request file

(1) compressing html/css/js/Image File Size

(2) Reduce the number of DOM

(3) Reduce the cookie size

 

3. Other Optimizations

(1) load as needed: lazyload, screen rolling, and Media Query

(2) pre-loading: loading, loading the next page in advance

(3) Place css and js in the correct position

(4) moderate use of cdn