返回首頁  設為首頁            資源已找到,加載中...... 請稍等!         網站地圖 | 娛樂網  | 科技吧  | google地圖  

網站首頁網絡學院站長工具網絡紅人酷站推薦左右博客網站工具虛擬世界網絡資訊熱門事件
文章 圖片
高級搜索
網站加速 權威三十四計
點擊數:158 更新時間:2009-12-29 16:51:00 | 【字體:

我們對網絡的要求除了穩定外就是高速了,究竟有哪些方法能達到提高網速的目的,眾說紛紜,大大小小的相關公司機構都給出了不同的優化措施,雅虎官方給出的優化網站加速的方法就是比較權威代表。以下就是具體詳細說明,部分來自境外網站譯文。

1.Minimize HTTP Requests減少HTTP請求

圖片、css、script、flash等等這些都會增加http請求數,減少這些元素的數量就能減少響應時間。把多個JS、CSS在可能的情況下寫進一個文件,頁面里直接寫入圖片也是不好的做法,應該寫進CSS里,利用CSS sprites將小圖拼合后利用background來定位。

2.Use a Content Delivery Network利用CDN技術

CDN確實是好東西,不過服務器提供商的這項服務一般是要收費的。

3.Add an Expires or a Cache-Control Header設置頭文件過期或者靜態緩存

瀏覽器會用緩存來減少http請求數來加快頁面加載的時間,如果頁面頭部加一個很長的過期時間,瀏覽器就會一直緩存頁面里的元素。不過這樣如果頁面里的東西變動的話就要改名字了,否則用戶端不會主動刷新,這項可以通過修改.htaccess文件來實現。

4.Gzip Components Gzip壓縮

Gzip格式是一種很普遍的壓縮技術,幾乎所有的瀏覽器都有解壓Gzip格式的能力,而且它可以壓縮的比例非常大,一般壓縮率為85%。壓縮沒壓縮,可以到這里做下測試。

5.Put Stylesheets at the Top把CSS放頂部

讓瀏覽者能盡早的看到網站的完整樣式。

6.Put Scripts at the Bottom把JS放底部

網站呈現完畢后再進行功能設置,當然這些JS要在你的加載過程中不影響內容表現。

7.Avoid CSS Expressions避免CSS Expressions

CSS表達式很可怕,這個只被IE支持的東西執行時候的運算量非常大,你移動一下鼠標它都要進行重計算的,但有時候為了做瀏覽器的兼容必須要用到這個IE6。

8.Make JavaScript and CSS External將JS和CSS外鏈

前面講到了緩存這個事情,一些較為公用的JS和CSS,我們可以使用外鏈的形式,譬如我就是從Google外鏈來的Jquery文件,如果我的瀏覽者在瀏覽別的使用了這個外鏈文件的網站時已經下載并緩存了這個文件,那么他在瀏覽我的網站的時候就不需要再進行下載了!

9.Reduce DNS Lookups減少DNS查找

是為了減少網站從外部調用資源, Google分析和picasa的外鏈圖片都算在里面了。

10.Minify JavaScript and CSS減小JS和CSS的體積

寫JS和CSS都是有技巧的,用最少的代碼實現同樣的功能,減少空白,增強邏輯性,用縮寫方式等等,當然也有不少工具也能夠幫你實現這一點。

11. Avoid Redirects避免重定向

再寫入鏈接時,雖然”www. today-s-ooxx. com”和”www. today-s-ooxx. com/”僅有一個最后的”/”只差,但是結果是不同的,服務器需要花時間把前者重定向為后者然后進行跳轉,這個要自己注意,也可以在Apache里用Alias或者mod_rewrite或者DirectorySlash解決。

12. Remove Duplicate Scripts刪除重復腳本

重復調用的代碼瀏覽器并不會識別忽略,而是會再次運算一遍,這當然是大大的浪費。
13. Configure ETags配置ETags

14. Make Ajax Cacheable緩存Ajax

Ajax是實時響應的,在瀏覽器接收到新的數據前,舊的數據被緩存,這樣能夠更好的提高效率。

15. Flush the Buffer Early盡早的釋放緩沖

當用戶進行頁面請求時,服務器端需要花費200到500毫秒時間來拼合HTML,將寫在head與body之間,釋放緩沖,這樣可以將文件頭先發送出去,然后再發送文件內容,提高效率。

16. Use GET for AJAX Requests用GET方式進行AJAX請求

Get方法和服務器只有一次交互(發送數據),而Post要兩次(發送頭部再發送數據)。

17. Post-load Components延遲加載組件

最先加載必須的組件進行頁面初始化,然后再加載其他,YUI Image Loader是很好的例子。

18. Preload components預加載組件

提前加載以后可能用到的東西,和延遲加載并不沖突,它的目的是為后續請求提供更快的響應,參見Google首頁上的CSS sprites應用。

19. Reduce the Number of DOM Elements減少DOM元素數量

復雜的頁面結構意味著更長的下載及響應時間,更合理更高效的使用標簽來架構頁面,是好的前端的必備條件。

20. Split Components Across Domains跨域分離組件

頁面組件多個來源可以增大你的平行下載量,但注意不要過多,超過2-4個域名會引起上面說到的DNS查找浪費。

21. Minimize the Number of iframes減少iframe數量

需要更有效的利用ifames。

iframe優點:有利于下載緩慢的廣告等第三方內容,安全沙箱,并行下載腳本

iframe缺點:即使為空也會有較大資源消耗,會阻止頁面的onload。

22. No 404s不要出現404頁面

站點本身里(非搜索結果)出現404頁面,無意義的404頁面會影響用戶體驗并且會消耗服務器資源。

23. Reduce Cookie Size減小Cookie

Cookie在服務器及瀏覽器之間的通過文件頭進行交換,盡可能減小Cookie體積,設置合理的過期時間,能夠很好的提高效率。

24. Use Cookie-free Domains for Components對組件使用無Cookie的域名

對靜態組件的Cookie讀取是一種浪費,使用另一個無Cookie的域名來存放你的靜態組件式一個好方法,或者也可以在Cookie中只存放帶www的域名。

25. Minimize DOM Access減少DOM的訪問次數

JS訪問DOM是很慢的,盡量不要用JS來設置頁面布局。

26. Develop Smart Event Handlers開發靈活的事件處理句柄

DOM樹上過多的元素被加入事件句柄的話,反應效率肯定會低,YUI事件工具有一個onAvailable方法可以幫助你靈活的設置DOM事件句柄

27. Choose <link>over @import使用<link >而非@import

在IE中使用@import就和在頁面底部用<link >一樣,要把<link >放頂部的。

28. Avoid Filters避免過濾器的使用

如果需要Alpha透明,不要使用Alpha Image Loader,它效率低下而且只對IE6及以下的版本適用,用PNG8圖片。如果你非要使用,加上_filter以免影響IE7以上的用戶。

29. Optimize Images優化圖片

將你的GIF轉為PNG8會是個減小體積的好辦法,另外有很多方法處理你的JPG及PNG圖片以達到優化效果。

30. Optimize CSS Sprites優化CSS Sprites

在CSS Sprites中豎直并盡量緊湊的排列圖片,盡量將顏色相似的圖片排在一起,會減小圖片本身的大小及提高頁面圖片顯示速度。

31. Don’t Scale Images in HTML不要在HTML中縮放圖片

圖片要用多大的就用多大的,1000X1000的圖片被width=”100″height=”100″以后,本身的KB數是不會減少的。

32. Make favicon. ico Small and Cacheable縮小favicon. ico的大小并緩存它。站點的瀏覽器ICO應該不是經常換吧,那就長時間的緩存它,并且最好控制在1K以下。

33. Keep Components under 25K保證組件在25K以下。iPhone不能緩存25K以上的組件,并且這還是要在被壓縮前。

34. Pack Components into a Multipart Document將組件打包進一個多部分的文檔中,就好像在郵件中加入附件一樣,一個HTTP請求就夠了,但是這一技術需要確保代理支持,iPhone就不支持。

(資料來源:http://dns.qy.com.cn 部分來自雅虎外文譯文)

 

 

文章錄入:admin    責任編輯:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 【字體:
     網友評論:(只顯示最新10條。評論內容只代表網友觀點,與本站立場無關!)
     

    相關文章
    沒有相關文章
    最新推薦最新熱門
    專題欄目
       
    站長吧
    曾道人内部二肖中特网