快速的頁(yè)面加載對提升搜索引擎排名、網(wǎng)站轉化率和整體的用戶(hù)體驗是非常重要的。網(wǎng)站頁(yè)面的加載速度也是衡量網(wǎng)站性能的一個(gè)重要因素。
如果網(wǎng)站不是以最好的性能在運行,遲緩的加載會(huì )讓你在低的排名和搜索流量上花費更大的代價(jià)。頁(yè)面的加載速度會(huì )對用戶(hù)的行為和轉化率產(chǎn)生很大的影響。
那么?有哪些簡(jiǎn)單的方式可以?xún)?yōu)化加載速度呢?
1、優(yōu)化
首先,你需要優(yōu)化你網(wǎng)站上的,來(lái)獲得絲毫加速網(wǎng)站的機會(huì )。從原圖上移除額外的注解、不必要的空間和無(wú)用的顏色,將保存為JPEG格式,因為它即使占用空間小,也能保證的高質(zhì)量。
對于WordPress網(wǎng)站,建議使用smush.it插件來(lái)自動(dòng)優(yōu)化網(wǎng)站的。如果是PNG格式,可以使用tinypng 優(yōu)化,提高質(zhì)量。
2、開(kāi)啟GZip壓縮
GZip壓縮聽(tīng)起來(lái)很復雜,但實(shí)際上很簡(jiǎn)單,被用于減少HTTP請求的大小來(lái)縮短響應時(shí)間。因為這允許你發(fā)送GZip壓縮文件而不是HTML文件給瀏覽器,它將縮短頁(yè)面等待時(shí)間和加載時(shí)間。對于A(yíng)pache服務(wù)器,可以將下面的代碼添加到。htaccess文件中來(lái)開(kāi)啟GZip壓縮。
如果上面的代碼沒(méi)有開(kāi)啟GZip壓縮,則刪除,使用下面的代碼:
或者在HTML/PHP文件的頂部添加下列的PHP代碼:
3、服務(wù)器響應時(shí)間
即使網(wǎng)站已經(jīng)格外優(yōu)化,但是除非服務(wù)器響應時(shí)間非???,否則就不會(huì )有什么大的效果。當涉及到提高網(wǎng)站的速度,服務(wù)器響應時(shí)間起著(zhù)重要的作用。下面是一些提高服務(wù)器響應時(shí)間的建議。
有獨立的服務(wù)器,而不是選擇共享/托管服務(wù)器。
提高Web服務(wù)器的質(zhì)量。
移除不必要的插件,只有那些必要的插件,才需要一直保持啟用狀態(tài)。
4、瀏覽器緩存
瀏覽器具有緩存的功能,可以存儲指定的文件,減少HTTP請求,從而提高網(wǎng)站的加載速度。你可以通過(guò)在。htaccess文件中設置expires頭來(lái)開(kāi)啟瀏覽器緩存,利用下面的代碼可以實(shí)現:
注意:如果過(guò)期時(shí)間與文件掛鉤,而此時(shí)文件中的內容需要更改的話(huà),那必須先重命名文件,以便瀏覽器可以獲取新添加的代碼。
5、開(kāi)啟長(cháng)連接(Keep-Alive)
Keep-Alive頭對縮短瀏覽器和服務(wù)器之間的分布式請求的潛伏期是非常重要的。當用戶(hù)通過(guò)瀏覽器請求網(wǎng)頁(yè)時(shí),瀏覽器會(huì )讀取服務(wù)器發(fā)送的特定的HTML文件,如果請求的頁(yè)面中包含了外部的CSS和JavaScript文件,瀏覽器會(huì )再次發(fā)送獨立的請求來(lái)獲取這些文件。正如你想的,這會(huì )延長(cháng)頁(yè)面的加載時(shí)間。
使用Keep-Alive頭可以一直保持連接,直到瀏覽器從服務(wù)器獲取到所有與這個(gè)頁(yè)面相關(guān)的資源。在。htaccess文件中加入下面的代碼可以開(kāi)啟這個(gè)功能:
6、使用
內容分發(fā)網(wǎng)絡(luò )(CDN)是位于不同地理位置的服務(wù)器組成的網(wǎng)絡(luò )。每個(gè)服務(wù)器都擁有所有網(wǎng)站的文件副本。當用戶(hù)請求文件和網(wǎng)頁(yè)時(shí),就可以直接從就近的網(wǎng)站服務(wù)器獲取相應資源(也可以是從負載最小的服務(wù)器)。你可以使用Amazon cloud front 或者M(jìn)axCDN為網(wǎng)站開(kāi)啟CDN加速。
7、壓縮CSS、JavaScript和HTML文件
通過(guò)刪除所有不必要的空格和注釋?zhuān)瑥亩鴾p小文件大小,提高頁(yè)面的加載速度。下面是一些優(yōu)化CSS、JavaScript和HTML文件的流行工具,非常有用。
8、避免重定向
重定向是對網(wǎng)站訪(fǎng)問(wèn)者的一種極大的刺激。就類(lèi)似你去一個(gè)朋友家,卻發(fā)現你朋友早已經(jīng)搬到三個(gè)街區遠的地方了。重定向會(huì )消耗額外的時(shí)間,降低加載速度。
9、指定字符集
指定字符集是加速瀏覽器渲染頁(yè)面的另一個(gè)有用的技巧。下面的代碼就能輕松實(shí)現:
10、避免錯誤請求
當用戶(hù)在網(wǎng)站上搜索時(shí),收到404或410錯誤是比較失望的。錯誤請求會(huì )對網(wǎng)站的頁(yè)面加載速度產(chǎn)生不利影響。因此,建議你無(wú)論如何都要避免錯誤請求。Check My Link 能幫你找出404鏈接,清除它們,改善用戶(hù)體驗。
11、丟棄跟蹤代碼、嵌入視頻的元素和分享按鈕
很多網(wǎng)站管理員認為使用多個(gè)跟蹤代碼提供嵌入和分享按鈕會(huì )帶給用戶(hù)更好的體驗,實(shí)際上這只會(huì )給網(wǎng)站增加更多的服務(wù)請求。例如,一個(gè)iframe會(huì )請求一個(gè)新頁(yè)面,這會(huì )自動(dòng)降低網(wǎng)站的加載速度。所以,丟棄這些跟蹤代碼,可以提高網(wǎng)站加載速度,提升用戶(hù)體驗。
12、異步腳本
還有一個(gè)可以提高網(wǎng)站頁(yè)面速度的超棒選擇就是異步加載腳本。如此一來(lái)網(wǎng)頁(yè)負載就并不必依賴(lài)于這些異步腳本。在異步模式中,腳本是在后臺下載的,不會(huì )影響瀏覽器對頁(yè)面的渲染和加載。