YaHoo Front-end optimization military

1.Minimize HTTP requests reduces HTTP requests

Images, CSS, script, Flash, and so on all increase the number of HTTP requests, reducing the number of these elements to reduce response time. The multiple JS, CSS in the possible case of writing into a file, the page directly written to the picture is not good practice, it should be written into the CSS, using CSS sprites to use the background to locate the small image.
2.Use a Content Delivery Network leverages CDN Technology

CDN is really a good thing, 8 over the server provider of this service is generally charged, I used to buy the domestic space there is this but I did not know what to use, now no ...
3.Add an Expires or a Cache-control header set header file expiration or static cache

The browser will use the cache to reduce the number of HTTP requests to speed up page loading time, if the page header with a long expiration time, the browser will always cache the elements in the page. However, if the contents of the page will change the name, otherwise the user will not be active refresh, look at their own measurement ~ This can be done by modifying the. htaccess file.
4.Gzip Components Gzip Compression

Gzip format is a very popular compression technology, almost all browsers have the ability to unzip the gzip format, and it can compress the proportion is very large, the general compression rate of 85%. Compression is not compressed, you can do the next test here.
5.Put stylesheets at the top place CSS

Allow the browser to see the full style of the site as early as possible.
6.Put Scripts at the Bottom put JS on the bottom

After the site has been rendered, the function settings, of course, these JS to your loading process does not affect the performance of the content.

7.Avoid css Expressions Avoid CSS Expressions

CSS expression is very scary, this is only supported by IE, the operation of the execution time is very large, you move the mouse it will be recalculated, but sometimes in order to do browser compatibility must use this | | | IE6 to Die! ~
8.Make JavaScript and CSS External JS and css outside the chain

In front of the cache this thing, some of the more common JS and CSS, we can use the form of the chain, for example, I am from Google outside the chain of jquery files, if my browser in the browsing of other websites using this external link file has downloaded and cached this file, Then he doesn't need to download it when he's browsing my website! ~
9.Reduce DNS lookups reduce DNS lookups

It seems to be to reduce the site from the external call resources, my Google Analytics and Picasa outside the chain of images are counted inside.
10.Minify JavaScript and CSS reduce the volume of JS and CSS

Write JS and CSS are skilled, with the least code to achieve the same function, reduce whitespace, enhance logic, abbreviated way, and of course, there are many tools can also help you achieve this.
Avoid redirects avoid redirection

When you write the link again, although the "http://www. Today-s-ooxx. com "and" http://www. Today-s-ooxx. com/"Only one Last"/"only difference, but the result is different, the server needs to take the time to redirect the former and then jump, this to their own attention, can also be in Apache with alias or mod_rewrite or Directoryslash solution.
Remove Duplicate Scripts Delete duplicate script

Repeated calls to the Code browser do not recognize the ignore, but will be again the operation again, which is of course a big waste.
Configure etags Configuration Etags

I don't know what the hell is going on, anyway. It was removed in the htaccess.
Make Ajax cacheable Cache Ajax

Ajax is a real-time response, and the old data is cached before the browser receives the new data, which can improve efficiency.
Flush the buffer Early early release buffer

When a user makes a page request, the server takes 200 to 500 milliseconds to flatten the HTML, writes between the head and body, releases the buffer, and then sends the file header before sending the file content to improve efficiency.
Using Get for AJAX requests AJAX requests in Get mode

The Get method interacts with the server only once (sending data), and the Post is two times (sending the header and then sending the data).

YaHoo Front-end optimization military