這不是一個(gè)技巧問題:你的網(wǎng)站足夠快嗎?頁(yè)面加載時(shí)間會(huì)影響用戶在網(wǎng)站上停留的時(shí)間(或他們是否看到了內(nèi)容)、搜索排名和整體轉(zhuǎn)化率。
速度在桌面端和移動(dòng)設(shè)備兩個(gè)方面都很重要,移動(dòng)速度比以往任何時(shí)候都更重要。不僅你的網(wǎng)站必須快速加載;它需要在哪里都能快速加載。
那你應(yīng)該怎么做呢?首先運(yùn)行Google PageSpeed測(cè)試,看看你的網(wǎng)站排名如何(你也會(huì)得到一些加快網(wǎng)站速度的建議)。然后,開始做這些調(diào)整,讓你的網(wǎng)站在今年變得如此之快。
1. 進(jìn)行常規(guī)速度測(cè)試(Conduct Regular Speed Tests)
速度測(cè)試不僅僅是一個(gè)開始,這應(yīng)該是你進(jìn)行定期站點(diǎn)維護(hù)的一部分。
速度可能會(huì)隨著時(shí)間的推移而變化,這取決于你通過網(wǎng)站添加或更改的內(nèi)容、技術(shù)的退化,甚至是過時(shí)的主題或工具。這就是為什么定期測(cè)試并根據(jù)需要進(jìn)行調(diào)整非常重要。
這里的好處在于,你可以保持網(wǎng)站快速運(yùn)行,搜索引擎也有好處(在創(chuàng)造卓越的用戶體驗(yàn)方面,速度至關(guān)重要)。
2. 優(yōu)化內(nèi)容以提高速度(Optimize Content for Speed)
你組織內(nèi)容的方式對(duì)于提高網(wǎng)站速度和可讀性起到至關(guān)重要的作用。
這對(duì)博客作者或擁有比較豐富的內(nèi)容的網(wǎng)站尤其有用。
首先嘗試以下操作:
· 使用摘錄或閱讀更多標(biāo)簽(WordPress),以便博客提要包含帶有全文鏈接的簡(jiǎn)短文章片段。
· 將長(zhǎng)文章或帖子拆分為多頁(yè)(第1部分、第2部分等)
· 從頁(yè)面內(nèi)容中刪除注釋,使其位于自己的位置。
· 使用鏈接來分解圖片庫(kù)、可下載文件等內(nèi)容,這樣在一個(gè)頁(yè)面上就不會(huì)有多個(gè)沉重的元素。
3. 不使用熱鏈接(Don’t Hotlink)
你正在使用熱鏈接嗎?是時(shí)候停下來了。
熱鏈接,或?qū)D像源從一個(gè)網(wǎng)站復(fù)制到另一個(gè)網(wǎng)站,簡(jiǎn)直就是速度殺手。這不僅不利于速度,而且在許多情況下都是不道德的,可能伴隨著法律或版權(quán)方面的隱患,所以不要這樣做。
你希望從主機(jī)和服務(wù)器加載圖像,當(dāng)然你也可以采取額外的措施,防止他人對(duì)你的圖像進(jìn)行熱鏈接,這會(huì)導(dǎo)致速度下降。
· 使用CDN
· 禁用右鍵單擊圖像
· 修改htaccess文件以禁用熱鏈接
4. 不要過于復(fù)雜(Don’t Overcomplicate Things)
保持網(wǎng)站整潔和可用的最好方法之一是保持簡(jiǎn)單。同樣適用于網(wǎng)站設(shè)計(jì)的原則也適用于功能。
網(wǎng)站設(shè)計(jì)的一個(gè)陷阱是添加了太多的效果和功能,這會(huì)極大地阻礙下載時(shí)間。你需要在圖像上制作一些花哨的動(dòng)畫嗎?你需要在主頁(yè)上使用視頻滑塊嗎?你需要三個(gè)插件來做一些定制開發(fā)可以做的事情嗎?
所有這些都會(huì)使你的網(wǎng)站變慢。去掉不必要的元素和特性會(huì)對(duì)速度和可用性產(chǎn)生巨大影響。
如果你不確定從哪里開始,分析可以提供新的數(shù)據(jù)來幫助你做出選擇。有人點(diǎn)擊它嗎(或者是否有人點(diǎn)擊第一張幻燈片)?如果沒有,這可能表明靜態(tài)圖像可能就剛剛好。在整個(gè)網(wǎng)站設(shè)計(jì)中尋找這些小線索,以簡(jiǎn)化和加快設(shè)計(jì)。
5. 壓縮(Compress It)
壓縮網(wǎng)站文件以節(jié)省更多帶寬并減少加載時(shí)間。網(wǎng)站壓縮使用gzip格式,這是一個(gè)zip文件,瀏覽器可以進(jìn)行解壓并呈現(xiàn)。
這節(jié)省了時(shí)間,因?yàn)樾ip文件在網(wǎng)絡(luò)上的傳輸速度比同時(shí)傳輸許多小文件更快。
來自gzip.org:“gzip是一個(gè)單文件/流無損數(shù)據(jù)壓縮實(shí)用程序,其中生成的壓縮文件通常具有后綴.gz。gzip也指該實(shí)用程序使用的相關(guān)壓縮數(shù)據(jù)格式?!?/p>
Gzip是通過在htaccess文件中添加一些代碼來實(shí)現(xiàn)的。
6. 考慮使用CDN(Consider a CDN)
內(nèi)容交付網(wǎng)絡(luò)(CDN)可以顯著提高速度并節(jié)省帶寬。
CDN通過服務(wù)器網(wǎng)絡(luò)而不是單個(gè)位置托管文件。這樣,當(dāng)有人訪問你的網(wǎng)站時(shí),數(shù)據(jù)將從離他們最近的服務(wù)器位置加載,從而減少服務(wù)器負(fù)載,并保護(hù)你的網(wǎng)站免受流量激增或DDoS攻擊。
如果你一次獲得大量流量,CDN尤其有用——比如在發(fā)送關(guān)于促銷活動(dòng)的電子郵件后——因?yàn)樗鼤?huì)分流流量。這樣,每個(gè)人都有同樣快速的網(wǎng)站瀏覽體驗(yàn)。
7. 清理數(shù)據(jù)庫(kù)(Clean Up Your Database)
你的網(wǎng)站數(shù)據(jù)庫(kù)工作多久了?特別是如果你正在使用WordPress,隨著時(shí)間的推移,它可能會(huì)變得非?;靵y。
把它清理干凈。
清除數(shù)據(jù)庫(kù)并刪除任何不再使用的內(nèi)容。這可以包括任何東西,從圖形資產(chǎn)和文件到插件和無關(guān)的JavaScript。
更小、更輕的數(shù)據(jù)庫(kù)將更快地返回?cái)?shù)據(jù)和文件(它還使備份更輕、更易于管理)。
8. 最小化TTFB(Minimize TTFB)
用戶的內(nèi)容顯示得越快,網(wǎng)站加載速度就越快,對(duì)嗎?嗯…有點(diǎn)。
第一個(gè)字節(jié)的時(shí)間很重要。這是瀏覽器在從服務(wù)器獲取第一字節(jié)數(shù)據(jù)之前必須等待的時(shí)間(谷歌表示TTFB應(yīng)該小于200毫秒)。
這是一種有涓滴影響的東西。第一個(gè)字節(jié)到達(dá)瀏覽器渲染的速度越快,后續(xù)數(shù)據(jù)加載的速度就越快。一些因素可能會(huì)影響TTFB,而這些因素超出了你的控制范圍,例如用戶端的網(wǎng)絡(luò)連接不良,但在理想情況下,初始數(shù)據(jù)應(yīng)該很快到達(dá)并加載。
9. 立即開始緩存(Start Caching Now)
緩存將網(wǎng)站的組件存儲(chǔ)在用戶的緩存中,這樣當(dāng)它們返回時(shí),一切都不必再次重新加載。因此,當(dāng)訪問者第一次來到你的網(wǎng)站時(shí),加載可能需要3秒鐘,但隨后的訪問可能會(huì)減少到不到一秒鐘,因?yàn)樗袛?shù)據(jù)都已“存儲(chǔ)”在用戶本地緩存中。
雖然緩存對(duì)新訪問者沒有太大作用,但對(duì)于返回的訪問者(或?yàn)g覽網(wǎng)站多個(gè)頁(yè)面的人)來說,它是一個(gè)驚人的速度節(jié)省程序。
10. 優(yōu)化圖像(Optimize Images)
很難相信,許多網(wǎng)站所有者仍在將全尺寸圖像上傳到他們的頁(yè)面上,這是一個(gè)速度殺手。
在上傳圖像之前,將圖像裁剪為必要的形狀和大小。在不影響視覺元素的情況下盡可能壓縮文件大小。以小文件格式保存(JPG始終比PNG?。?,除非你需要后者的透明度,否則使用前者的文件格式。
你可以通過在Adobe Photoshop等軟件中優(yōu)化自己的圖像,或者嘗試免費(fèi)的在線工具(如Compressor)來完成所有這些。
未完待續(xù)...
總結(jié)
你在做什么來確保你的網(wǎng)站在速度上保持領(lǐng)先呢?
遵循桌面端和移動(dòng)端速度的最佳實(shí)踐不僅影響用戶查看網(wǎng)站的速度,它還影響網(wǎng)站排名、搜索優(yōu)化和轉(zhuǎn)化率(如果頁(yè)面未加載完,用戶應(yīng)該如何購(gòu)買產(chǎn)品或發(fā)起咨詢)?
一定要開始清理代碼和優(yōu)化網(wǎng)站,即使你每個(gè)月只做一件事,你也會(huì)開始看到結(jié)果。祝你好運(yùn)!
----圖文來自:design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理,為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)