雅虎34黃金守則：

--------------------

????

?

1.盡量減少Http請求次數(shù)

? ??減少頁面中的元素

? ??合并文件

? ? 內(nèi)聯(lián)圖像

?

2.減少DNS查找次數(shù)（和保持較高程度并行下載）的權衡

? ??減少主機名

?

3.避免跳轉(zhuǎn)

? 跳轉(zhuǎn)會降低用戶體驗

? 忽略網(wǎng)址末尾的單斜杠/

? 在Apache服務器中可以使用Alias或者mod_rewrite或者the DirectorySlash來避免

?

4.可緩存的AJAX

?

5.Cache-Control Header.其中它的幾條規(guī)則也同樣適用于Ajax:

?

?Gizp壓縮文件

?減少DNS查找次數(shù)

?精簡JavaScript

?避免跳轉(zhuǎn)

?配置ETags

?

5.推遲加載內(nèi)容

?

6.預加載

?

7.減少DOM元素數(shù)量

?

8.根據(jù)域名劃分頁面內(nèi)容

?

9.使用iframe的數(shù)量最小

?

10.不要出現(xiàn)404錯誤

?

11.使用內(nèi)容分發(fā)網(wǎng)絡

?

12.為文件頭指定Expires或Cache-Control

?

13.Gzip壓縮文件內(nèi)容

?

14.配置ETag

?

15.盡早刷新輸出緩沖

?

16.使用GET來完成AJAX請求

?

17.把樣式表置于頂部

?

18.避免使用CSS表達式

?

19.使用外部JavaScrip和CSS

?

20.削減JavaScript和CSS

?

21.用<link>代替@import

?

22.避免使用濾鏡

?

23.把腳本置于頁面底部

?

24.剔除重復腳本

?

25.減少DOM訪問

?

26.開發(fā)智能事件處理程序

?

27.減少Cookie體積

?

28.對于頁面內(nèi)容使用無coockie域名

?

29.優(yōu)化頭像

?

30.優(yōu)化CSS Spirite

?

31.不要在HTML中縮放圖像

?

32.favicon.ico要小而且可緩存

?

33.保持單個內(nèi)容小于25K

?

34.打包組件成復合文本

?

?

摘自：http://www.cnblogs.com/li0803/archive/2009/09/20/1570581.html

?

轉(zhuǎn)載于:https://www.cnblogs.com/hxhuang/p/8602857.html

總結

以上是生活随笔為你收集整理的前端性能调优之Yahoo--23条的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。