Content optimization of Web front-end optimization

Tag: request to locate cross-domain ACK violation IFRAME domain sprite minimum

Front-end content optimization is mainly the following:

1. Minimizing HTTP Requests

(1) Merging files, merging multiple CSS files together;

(2) CSS Sprites, the CSS related to the background elements of the background map absolute positioning;

(3) image map;

(4) Using Data:url scheme to embed image data in the actual page;

2. Reduce DNS (domain Name System) lookup

The DNS lookup overhead is very large. For domestic sites, excessive use of the outside of the widget can easily cause more DNS lookup problems.

3. Minimize redirects

4. Make Ajax cacheable

Ajax response time is a critical issue for the user's experience, and the effective way to improve response time is the cache.

5. Delay Loading the component

6. Pre-loaded components

7. Reduce the number of DOM elements

8. Cut the grouping to multiple domains

The main is to improve the parallel download ability of the page, do not cross the domain too much, or the second conflict.

9. Minimizing the number of IFRAME

IFrame is SEO taboo, for the front end, pros and cons.

10. Eliminate HTTP 404 errors

　　

Content optimization of Web front-end optimization