Post-reading summary of the high Performance website construction Guide

The Golden Rule of Web page performance:

Only 10%~20% end users spend their time on downloading HTML documents. The rest of the 80%~90% time is spent on all the components in the download page.

The remainder of the book guides the reduction of the 80%~90% end-user's corresponding time.

If you can follow all the rules that apply to your site, the speed of the page site will increase 20%~25%.

Start dry

Rule 1: Reduce HTTP requests

1. Image map (server-side image map, client image map)

2.CSS Sprites

3. Inline picture (ie not currently supported)

4. Merging scripts and style sheets

Rule 2: Use the Content Publishing network

Rule 3: Add a long Expires header, update the file name when upgrading

1. Using the Expires head

2. Using the Cache-control head max-age directive

Rule 4: Compression components (gzip)

Compress scripts and style sheets for files that are larger than 1KB or 2KB

Rule 5: Place the style sheet at the top

Use the link tag to place the style sheet in the document head

Rule 6: Place the script at the bottom of the page

Rule 7: Avoid CSS expressions

Rule 8: Use external JavaScript and CSS

1. Download after loading

2. Dynamic inline

Rule 9: Reduce DNS Lookups

Reduce DNS lookups by using keep-alive and reducing unique host domain names

Rule 10: Streamline JavaScript, CSS (using the appropriate tools)

1. Confusion (variable name, function name becomes shorter)

2. Save (remove blanks, annotations, etc.)

Rule 11: Avoid redirection

Rule 12: Remove duplicate scripts

Rule 13: Configure or remove Etage

Rule 14: Make Ajax cacheable

Ensure that AJAX requests follow performance guidance, especially with long expires headers

The book Analysis page recommended the use of Yahoo's YSlow tool, according to the page practice described in the book's performance rules of the merits of Chengdu to produce a separate score (a for the best, F is the worst).

This article is from the "AUB" blog, make sure to keep this source http://aubdiy.blog.51cto.com/2978849/1441346

Post-reading summary of the high Performance website construction Guide