前端性能调优之Yahoo--23条
雅虎34黃金守則:
--------------------
????
?
1.盡量減少Http請求次數
? ??減少頁面中的元素
? ??合并文件
? ? 內聯圖像
?
2.減少DNS查找次數(和保持較高程度并行下載)的權衡
? ??減少主機名
?
3.避免跳轉
? 跳轉會降低用戶體驗
? 忽略網址末尾的單斜杠/
? 在Apache服務器中可以使用Alias或者mod_rewrite或者the DirectorySlash來避免
?
4.可緩存的AJAX
?
5.Cache-Control Header.其中它的幾條規則也同樣適用于Ajax:
?
?Gizp壓縮文件
?減少DNS查找次數
?精簡JavaScript
?避免跳轉
?配置ETags
?
5.推遲加載內容
?
6.預加載
?
7.減少DOM元素數量
?
8.根據域名劃分頁面內容
?
9.使用iframe的數量最小
?
10.不要出現404錯誤
?
11.使用內容分發網絡
?
12.為文件頭指定Expires或Cache-Control
?
13.Gzip壓縮文件內容
?
14.配置ETag
?
15.盡早刷新輸出緩沖
?
16.使用GET來完成AJAX請求
?
17.把樣式表置于頂部
?
18.避免使用CSS表達式
?
19.使用外部JavaScrip和CSS
?
20.削減JavaScript和CSS
?
21.用<link>代替@import
?
22.避免使用濾鏡
?
23.把腳本置于頁面底部
?
24.剔除重復腳本
?
25.減少DOM訪問
?
26.開發智能事件處理程序
?
27.減少Cookie體積
?
28.對于頁面內容使用無coockie域名
?
29.優化頭像
?
30.優化CSS Spirite
?
31.不要在HTML中縮放圖像
?
32.favicon.ico要小而且可緩存
?
33.保持單個內容小于25K
?
34.打包組件成復合文本
?
?
摘自:http://www.cnblogs.com/li0803/archive/2009/09/20/1570581.html
?
轉載于:https://www.cnblogs.com/hxhuang/p/8602857.html
總結
以上是生活随笔為你收集整理的前端性能调优之Yahoo--23条的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JAVA 基础 / 第二十九课:接口与继
- 下一篇: 2017年html5行业报告,云适配发布