濮阳杆衣贸易有限公司

主頁 > 知識庫 > 提高網頁效率的14條注意事項圖文第1/3頁

提高網頁效率的14條注意事項圖文第1/3頁

熱門標簽:洛陽防封卡外呼系統(tǒng)廠家 成都企業(yè)外呼系統(tǒng) 申請400電話移動 山東電銷機器人軟件 智能語音電銷機器人客戶端 上海400電話辦理到易號網 南通電銷外呼系統(tǒng)軟件 常州電話外呼系統(tǒng)招商 廣州防封電銷機器人廠家
網站最基本的東西是什么?
——內容?SEO(搜索引擎優(yōu)化)?UE(用戶體驗)?都不對!是速度!
內容再豐富的網站,如果慢到無法訪問也是毫無意義的; SEO做的再好的網站,如果搜索蜘蛛抓不到也是白搭; UE設計的再人性化的網站,如果用戶連看都看不到也是空談。
所以網頁的效率絕對是最值得關注的方面。如何才能提高一個網頁的效率呢?Steve Souders(Steve Souders的資料http://www.oreillynet.com/pub/au/2951)提出的提高網頁效率的14條準則,而這些準則也將是我們下篇中介紹到的YSlow工具的理論基礎:


Make Fewer HTTP Requests
Use a Content Delivery Network
Add an Expires Header
Gzip Components
Put CSS at the Top
Move Scripts to the Bottom
Avoid CSS Expressions
Make JavaScript and CSS External
Reduce DNS Lookups
Minify JavaScript
Avoid Redirects
Remove Duplicate Scripts
Configure ETags
Make Ajax Cacheable
這里我們將逐一的講解這些準則,對其中開發(fā)者密切相關的準則我將詳細講解。小弟個人技術實在有限,錯誤和無知在所難免,還請高人指點。

第一條:Make Fewer HTTP Requests 盡可能的減少HTTP的Request請求數(shù)。

80%的用戶響應時間都是浪費在前端。而這些時間主要又是因為下載圖片、樣式表、JavaScript腳本、flash等文件造成的。減少這些資源文件的Request請求數(shù)將是提高網頁顯示效率的重點。
這里好像有個矛盾,就是如果我減少了很多的圖片,樣式,腳本或者flash,那么網頁豈不是光禿禿的,那多難看呢?其實這是一個誤解。我們只是說盡量的減少,并沒有說完全不能使用。減少這些文件的Request請求數(shù),當然也有一些技巧和建議的:

1:用一個大圖片代替多個小圖片。
這的確有點顛覆傳統(tǒng)的思維了。以前我們一直以為多個小圖片的下載速度之和會小于一個大圖片的下載速度。但是現(xiàn)在利用httpwatch工具的對多個頁面進行分析后的結果表明事實并不是這樣。
第一張圖是一個大小為40528bytes的337*191px的大圖片的分析結果。
第二張圖是一個大小為13883bytes的280*90px的小圖片的分析結果。
點擊查看大圖
一個大小為40528bytes的337*191px的大圖片的分析結果(點擊圖片可以查看完整大圖片)

點擊查看大圖
一個大小為13883bytes的280*90px的小圖片的分析結果(點擊圖片可以查看完整大圖片)
第一張大圖片花費時間為:
Blocked:13.034s
Send:0.001s
Wait:0.163s
Receive:4.596s
TTFB:0.164s
NetWork:4.760s
功耗時:17.795s
真正用于傳輸大文件花費的時間為Reveive時間,即4.596s,多數(shù)的時間是用來檢索緩存和確定鏈接是否有效的Blocked時間,供花費13.034s,占總時間的73.2%。
123下一頁閱讀全文
您可能感興趣的文章:
  • 使用JQuery快速實現(xiàn)Tab的AJAX動態(tài)載入(實例講解)
  • 動態(tài)載入/刪除/更新外部 JavaScript/Css 文件的代碼
  • 幾種延遲加載JS代碼的方法加快網頁的訪問速度
  • 利用JS延遲加載百度分享代碼,提高網頁速度
  • js 利用image對象實現(xiàn)圖片的預加載提高訪問速度
  • js 延遲加載 改變JS的位置加快網頁加載速度
  • 動態(tài)載入js提高網頁打開速度的方法

標簽:貴州 混顯 邵陽 廣安 滄州 鶴壁 萊蕪 賀州

巨人網絡通訊聲明:本文標題《提高網頁效率的14條注意事項圖文第1/3頁》,本文關鍵詞  提高,網頁,效率,的,14條,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《提高網頁效率的14條注意事項圖文第1/3頁》相關的同類信息!
  • 本頁收集關于提高網頁效率的14條注意事項圖文第1/3頁的相關信息資訊供網民參考!
  • 推薦文章
    乌兰浩特市| 甘孜县| 炉霍县| 沈阳市| 绍兴县| 宁远县| 文成县| 五家渠市| 乃东县| 治县。| 兴海县| 嘉兴市| 渭南市| 辽中县| 泰和县| 屏山县| 白河县| 科尔| 临泽县| 贡山| 汾阳市| 满城县| 南通市| 乌拉特后旗| 北京市| 太白县| 内丘县| 芷江| 菏泽市| 巢湖市| 西安市| 城口县| 赤峰市| 昭苏县| 冕宁县| 德惠市| 江津市| 连山| 丰原市| 昔阳县| 包头市|