網(wǎng)站打開速度的快與慢,直接關(guān)系到訪客的用戶體驗度如叼。
網(wǎng)站被加載的速度與多個要素相關(guān),如:
1笼恰、服務器優(yōu)于劣人乓;
2乌妒、網(wǎng)絡帶寬大與凶菲稀肥哎;
3、頁面代碼繁與簡等崖飘;
如果受限于資金朱浴,那么通過優(yōu)化網(wǎng)頁代碼來加速網(wǎng)站打開速度,就是很有效的方法翰蠢。
一梁沧、壓縮或精簡Javascript代碼和css代碼蝇裤。
無論什么類型的網(wǎng)站频鉴,用戶第一次點擊網(wǎng)站的時候垛孔,都會加載網(wǎng)站的Javascript和css代碼施敢,假設這些代碼冗多,勢必會降低網(wǎng)站打開速度概作。
如果有這樣的問題悯许,就要對代碼進行壓縮辉阶、精簡谆甜。
壓縮方面:有大量的第三方工具如在線工具、站長之家的CSS\JS壓縮工具可供大家直接免費試用谆棺,經(jīng)過壓縮的代碼罕袋,普遍能減小40%到65%。
精簡方面:能用一個樣式控制就不用兩個朵夏,這樣既能滿足網(wǎng)站的頁面布局榆纽,又是最小的代碼量。
二饥侵、降低HTTP請求躏升。
有數(shù)據(jù)表明,瀏覽器會花費8成的時間來加載腳本狼忱、css樣式表、圖片等網(wǎng)站元素成肘,只有約2成的時間會用于加載網(wǎng)站其他的主要文字內(nèi)容。
問題是各個網(wǎng)站都會有HTTP請求砚偶,且同一個時間內(nèi)只能有2個HTTP請求洒闸,這樣的問題下,假設有大于2個的HTTP請求一同請求单鹿,那么勢必會降低網(wǎng)站打開速度仲锄。
打開F12(Windows)湃鹊、fn+F12(Mac)币呵,找到Network
找到了HTTP請求對網(wǎng)頁速度的影響,下一步的解決辦法就是降低HTTP請求數(shù)芯义。
三妻柒、對Javascript代碼和css代碼以及圖片進行服務器端的緩存設置蛤奢。
大家有沒有發(fā)現(xiàn)這樣一個情況,假設用戶第一次訪問了你的網(wǎng)站啤贩,那么用戶下一次再次訪問你的站點待秃,速度就會更快。
這是什么原因呢痹屹?
原因在于瀏覽器的緩存!
大多數(shù)服務器章郁,或空間已經(jīng)默認設置了緩存功能,站長或者seoer要做的就是在后臺設定相應文件類型以及過期時間。
在此暖庄,建議:
如果是windows主機聊替,就將圖片,css和Javascript文件的緩存時間設置為30天培廓。
如果是Apache Web服務器惹悄,則使用mod_cache模塊開啟緩存功能。
四肩钠、優(yōu)化css中的引用圖片泣港。
假設一個頁面需要大量的周邊圖片,如下圖標等价匠,如果這些圖片都是單獨調(diào)用坡氯,那么請求數(shù)就會加大箫柳,這就說明:css images過多叁幢,請求數(shù)就會增大曼玩,網(wǎng)站打開速度就會變慢豫尽。
如果我們將頁面所需要使用的圖片合并在一張圖上美旧,那么這些圖片請求數(shù)就會變?yōu)?,頁面速度相對就會加快嗽测。如何將需要的圖片放在一張圖上并在相應的位置調(diào)用呢疏魏?方法在于坐標定位。即:通過css坐標取得圖片路徑葵硕,標簽中引用相應坐標。
如果你對前端了解介评,那么這些都不是大問題,如果你不懂css坪仇,那么CSS圖片合并生成器類工具(百度即可)能直接提供相應內(nèi)容:合并css圖片,同時生成相應代碼皆刺。
五、跳轉(zhuǎn)代碼位置痴怨,跳轉(zhuǎn)代碼加載順序。
網(wǎng)站被點擊后珠移,頁面代碼是從上到下加載的暇韧。因為這個原因懈玻,我們就能對<head>部分的腳本代碼做相應的調(diào)整。
比較簡單湾盒,我們通過查看<head>與</head>之間的代碼吭狡,主要是Javascript腳本代碼送丰,把不重要的,非必須的調(diào)整到頁面底部邀桑;只要頁面能正常顯示茅茂,那么其余的統(tǒng)計代碼等都可以后一步加載空闲。
如seo是什么這個站點,分享等按鈕都放置到了底部异雁。
六、壓縮圖像示绊。
有數(shù)據(jù)顯示,圖片加載時間是造成網(wǎng)站速度的最大因素
盆耽,將圖片加載速度問題解決,頁面速度問題就解決了一大半。
假設網(wǎng)站有大量jpg、png等格式的圖片柑船,需要在不影響視覺的前提下鞍时,盡量對其壓縮锐极,以減少圖片本身的大小肋层。與壓縮Javascript文件類似鸳兽,有大量的在線工具提供相應壓縮服務,如https://tinypng.com/,是一個在線壓縮的網(wǎng)站。
七替久、服務器端開啟gzip壓縮功能颅拦。
gzip壓縮是效率較高的一種數(shù)據(jù)壓縮格式碌秸。如果開啟gzip壓縮,壓縮率一般能達到75%左右,效果非常明顯潮剪。
大部分服務器如虛擬主機弧蝇,VPS等都已經(jīng)默認開啟了這一項功能看疗,如果沒有開啟怖辆,你對相應設置又不會特咆,建議直接聯(lián)系空間商,讓他們解決荒叶。
點評:
網(wǎng)站打開速度的快與慢關(guān)系到用戶體驗的問題,關(guān)系到網(wǎng)站對搜索引擎?zhèn)鬟f的友好度問題,利用可實現(xiàn)的手段加快網(wǎng)站加載速度邮屁,就顯得不可或缺了。
本文做了一點小修改,添加與標明了一些內(nèi)容,
文章來源:seo優(yōu)化教程