Website Acceleration Art and front-end developers are also critical

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Generally speaking, the acceleration of the website, most people think is the responsibility of backend developer and system management. This is not entirely true, because a high-performance Web site depends not only on the backend of the site, but also on the front end of the site, which means it also relies on the art and front-end developers.

In fact, in the current network environment, we are browsing the normal web site, usually the total time consuming add used in the back-end, the remaining is time is consumed by the front-end. So, if you plan to improve the speed of the site, you may want to optimize the backend, so that artists and front-end developers to consider the following aspects. I believe you may sigh, not big move knife GE can also effectively improve the performance of the site.

1. Reduce the number of HTTP requests as much as possible. For example: use a picture instead of more than one picture, and then display it in CSS.

2. Use CDN to accelerate the website. CDN can greatly improve the access speed of the website without changing the original website architecture. Especially for those who have national (or worldwide) users of the site, the effect will be more obvious.

3. css files are placed on the head of the page. Browsers must get CSS before displaying the page. Otherwise, the Web page cannot be displayed. So it's wise to put CSS files on the page head. Bole Online Development team has done testing, if a page includes multiple JS files, while the CSS file at the end of the page. When a user browses a Web page, it is obvious that the page is first blank (download JS and other files) and then displayed. Obviously, in this case, the user experience is very poor. Conversely, if you place a CSS file on the head of the page, you can see the page (no significant white space) when the user browses the page.

4. js file at the end of the page. Reason and CSS file on the page head.

5. CSS and JS code stored separately in the Web page of the file. Now many browsers, such as Firefox, IE 7,8 and so on will be pictures, css,js and other external files cached in the user's local, so, users through these browsers to browse the Web page only text content, do not download pictures, Css,js and other external documents. In this way, the speed of access can naturally improve a lot. In addition, the CSS and JS code stored separately in the file independent of the Web page, but also easy to manage.

6. To JS "thin body". Use of Third-party tools (do not need manual) to the JS compression, including the deletion of annotations, spaces, etc., usually can be reduced by about 20%. For example, not "thin body" before JS for 100KB, "thin body" after 80KB.

In addition to item 2nd, the other 5 aspects are related to art and front-end developers. More not mentioned tips, welcome to Add.

Original address: http://forum.jobbole.com/showthread.php/1417