我們都清楚,網頁的打開速度十分重要,如果網頁打開時間超過8秒,那么訪客將減少60%。所以,我們需要對網頁進行優(yōu)化,以便能夠達到最佳的用戶體驗。
下面是18條網站加速方法:
1、減少HTTP請求
圖片、css、script、flash等等這些都會增加http請求數(shù),減少這些元素的數(shù)量就能減少響應時間。把多個JS、CSS在可能的情況下寫進一個文件,頁面里直接寫入圖片也是不好的做法,應該寫進CSS里,利用 CSS sprites 將小圖拼合后利用background來定位。
2、設置頭文件過期或者靜態(tài)緩存
瀏覽器會用緩存來減少http請求數(shù)來加快頁面加載的時間,如果頁面頭部加一個很長的過期時間,瀏覽器就會一直緩存頁面里的元素。不過這樣如果頁面里的東西變動的話就要改名字了,否則用戶端不會主動刷新,看自己衡量了~ 這項可以通過修改.htaccess文件來實現(xiàn)。
3、Gzip壓縮
Gzip格式是一種很普遍的壓縮技術,幾乎所有的瀏覽器都有解壓Gzip格式的能力,而且它可以壓縮的比例非常大,一般壓縮率為85%。壓縮沒壓縮,可以到這里測試:gzip壓縮檢測。
4、不要在HTML中縮放圖片
圖片要用多大的就用多大的,1000X1000的圖片被width=”100″ height=”100″以后,本身的KB數(shù)是不會減少的。
5、優(yōu)化圖片
將你的GIF轉為PNG8會是個減小體積的好辦法,另外有很多方法處理你的JPG及PNG圖片以達到優(yōu)化效果。
6、不要出現(xiàn)404頁面
站點本身里(非搜索結果)出現(xiàn)404頁面,無意義的404頁面會影響用戶體驗并且會消耗服務器資源。
7、減小Cookie
Cookie在服務器及瀏覽器之間的通過文件頭進行交換,盡可能減小Cookie體積,設置合理的過期時間,能夠很好的提高效率。
8、減少iframe數(shù)量
需要更有效的利用 ifames。
iframe 優(yōu)點:有利于下載緩慢的廣告等第三方內容,安全沙箱,并行下載腳本
iframe 缺點:即使為空也會有較大資源消耗,會阻止頁面的onload,非語義
9、盡早的釋放緩沖
當用戶進行頁面請求時,服務器端需要花費200到500毫秒時間來拼合HTML,將寫在head與body之間,釋放緩沖,這樣可以將文件頭先發(fā)送出去,然后再發(fā)送文件內容,提高效率。
10、刪除重復腳本
重復調用的代碼瀏覽器并不會識別忽略,而是會再次運算一遍,這當然是大大的浪費。
11、減小JS和CSS的體積
寫JS和CSS都是有技巧的,用最少的代碼實現(xiàn)同樣的功能,減少空白,增強邏輯性,用縮寫方式等等,當然也有不少工具也能夠幫你實現(xiàn)這一點。
12、減少DNS查找
減少網站從外部調用資源,網頁加載效率會大大提高。
13、將JS和CSS外鏈
一些較為公用的JS和CSS,我們可以使用外鏈的形式,譬如我就是從Google外鏈來的Jquery文件,如果我的瀏覽者在瀏覽別的使用了這個外鏈文件的網站時已經下載并緩存了這個文件,那么他在瀏覽我的網站的時候就不需要再進行下載了!
14、避免CSS表達式
CSS表達式很可怕,這個只被IE支持的東西執(zhí)行時候的運算量非常大,你移動一下鼠標它都要進行重計算的,但有時候為了做瀏覽器的兼容必須要用到這個||| IE6去死去死!
15、把CSS放頂部
讓瀏覽者能盡早的看到網站的完整樣式。
16、把JS放底部
網站呈現(xiàn)完畢后再進行功能設置,當然這些JS要在你的加載過程中不影響內容表現(xiàn)。
17、用GET方式進行AJAX請求
Get 方法和服務器只有一次交互(發(fā)送數(shù)據),而 Post 要兩次(發(fā)送頭部再發(fā)送數(shù)據)。
18、減少DOM的訪問次數(shù)
JS訪問DOM是很慢的,盡量不要用JS來設置頁面布局。
針對以上的影響因素,webkaka推出了網站速度診斷,會自動掃描網頁元素,對網頁性能優(yōu)化給出相應的建議,強烈推薦使用。

