你的Web頁面的速度是否已經(jīng)足夠快了？其實(shí)可能還有很多可以提升的地方。讓我們跟隨匯仁智杰網(wǎng)絡(luò)推廣來看一下雅虎的Web優(yōu)化的最佳實(shí)踐。

　　1、內(nèi)容優(yōu)化

　　盡量減少HTTP請求：常見方法包括合并多個CSS文件和JavaScript文件，利用CSS Sprites整合圖像，Imagemap（圖像中不同的區(qū)域設(shè)置不同的鏈接），內(nèi)聯(lián)圖象（使用 data: URL scheme 在實(shí)際的頁面嵌入圖像數(shù)據(jù)）等。

　　減少DNS查找，避免重定向，使Ajax可緩存

　　延遲加載組件：考慮哪些內(nèi)容是頁面呈現(xiàn)時(shí)所必需首先加載的、哪些內(nèi)容和結(jié)構(gòu)可以稍后再加載，根據(jù)這個優(yōu)先級進(jìn)行設(shè)定。

　　預(yù)加載組件：預(yù)加載是在瀏覽器空閑時(shí)請求將來可能會用到的頁面內(nèi)容（如圖像、樣式表和腳本）。當(dāng)用戶要訪問下一個頁面時(shí)，頁面中的內(nèi)容大部分已經(jīng)加載到緩存中了，因此可以大大改善訪問速度。

　　減少DOM元素?cái)?shù)量：頁面中存在大量DOM 元素，會導(dǎo)致JavaScript遍歷DOM的效率變慢。

　　根據(jù)域名劃分頁面內(nèi)容：把頁面內(nèi)容劃分成若干部分可以使你最大限度地實(shí)現(xiàn)平行下載。但要確保你使用的域名數(shù)量在2個到4個之間（否則與第2條沖突）。

　　最小化iframe的數(shù)量：iframes

　　提供了一個簡單的方式把一個網(wǎng)站的內(nèi)容嵌入到另一個網(wǎng)站中。但其創(chuàng)建速度比其他包括JavaScript和CSS的DOM元素的創(chuàng)建慢了1-2個數(shù)量級。

　　避免404：HTTP請求時(shí)間消耗是很大的，因此使用HTTP請求來獲得一個沒有用處的響應(yīng)（例如404沒有找到頁面）是完全沒有必要的，它只會降低用戶體驗(yàn)而不會有一點(diǎn)好處。

　　2、 服務(wù)器優(yōu)化

　　使用內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）：把你的網(wǎng)站內(nèi)容分散到多個、處于不同地域位置的服務(wù)器上可以加快下載速度。

　　添加Expires或Cache-Control信息頭：對于靜態(tài)內(nèi)容，可設(shè)置文件頭過期時(shí)間Expires的值為“Never

　　expire（永不過期）”；對于動態(tài)內(nèi)容，可使用恰當(dāng)?shù)腃ache-Control文件頭來幫助瀏覽器進(jìn)行有條件的請求。

　　Gzip壓縮

　　設(shè)置ETag：ETags（Entitytags，實(shí)體標(biāo)簽）是web服務(wù)器和瀏覽器用于判斷瀏覽器緩存中的內(nèi)容和服務(wù)器中的原始內(nèi)容是否匹配的一種機(jī)制。

　　提前刷新緩沖區(qū)：當(dāng)用戶請求一個頁面時(shí)，服務(wù)器會花費(fèi)200到500毫秒用于后臺組織HTML文件。在這期間，瀏覽器會一直空閑等待數(shù)據(jù)返回。在PHP中，可以使用flush()方法，它允許你把已經(jīng)編譯的好的部分HTML響應(yīng)文件先發(fā)送給瀏覽器，這時(shí)瀏覽器就會可以下載文件中的內(nèi)容（腳本等）而后臺同時(shí)處理剩余的HTML頁面。

　　對Ajax請求使用GET方法：當(dāng)使用XMLHttpRequest時(shí)，瀏覽器中的POST方法會首先發(fā)送文件頭，然后才發(fā)送數(shù)據(jù)。因此使用GET最為恰當(dāng)。

　　希望您通過以上的優(yōu)化建議可以輕松找到影響你的Web頁面性能的瓶頸，輕松實(shí)現(xiàn)Web頁面性能的提升。

　　如果您還有更多更好的方法歡迎關(guān)注微信號huirenzhijie進(jìn)行分享！