這不是一個棘手的問題:您的網(wǎng)站是否足夠快?頁面加載時間會影響一切,從用戶在您的網(wǎng)站上停留的時間(或者他們是否看到內(nèi)容)到搜索排名和整體轉(zhuǎn)化。
速度在兩個方面都很重要——對于桌面設備和移動設備——移動速度比以往任何時候都更重要。您的網(wǎng)站不僅需要快速加載;它需要在任何地方快速加載。
1、定期進行速度測試
根據(jù)您在網(wǎng)站上添加或更改的內(nèi)容、技術(shù)的退化,甚至是過時的主題或工具,速度可能會隨著時間的推移而變化。這就是為什么定期進行測試并根據(jù)需要進行調(diào)整很重要的原因。
這里的好處是您將保持您的網(wǎng)站快速運行,并且搜索引擎也有好處。(在創(chuàng)建出色的用戶體驗方面,速度很重要)
2、優(yōu)化內(nèi)容以提高速度
您構(gòu)建內(nèi)容的方式是有助于提高網(wǎng)站速度和可讀性的小事之一。
先試試這些:
使用摘錄或閱讀更多標簽,以便文章提要包含帶有全文鏈接的帖子的簡短片段。
將長文章或帖子分成多個頁面(第 1 部分、第 2 部分等)
從頁面內(nèi)容中刪除評論,以便它們位于自己的位置。
使用鏈接來分解照片庫、可下載內(nèi)容等內(nèi)容,這樣單個頁面上就不會出現(xiàn)多個重元素。
3、不要熱鏈接
你是在盜鏈嗎?馬上停下來。
盜鏈或?qū)D像源從一個網(wǎng)站復制到另一個網(wǎng)站是速度殺手。這不僅對速度不利,在許多情況下也是不道德的,并且可能伴隨著法律或版權(quán)方面的考慮。所以不要這樣做。
您希望從您的主機和服務器加載圖像。您還可以采取其他措施來防止他人盜鏈您的圖像,這可能會導致速度流失。
4、不要把事情復雜化
保持網(wǎng)站活躍和可用的最佳方法之一是保持簡單。適用于網(wǎng)站設計的相同原則也適用于功能。
網(wǎng)站設計的一個陷阱可能是添加過多的效果和功能,從而大大延長下載時間。您需要在圖像上添加幾個精美的動畫嗎?您需要主頁上的視頻滑塊嗎?你需要三個插件來做一些定制開發(fā)可以做的事情嗎?
所有這些事情都會使您的網(wǎng)站變慢。去除不必要的元素和功能會對速度產(chǎn)生巨大影響,進而影響可用性。
如果您不確定從哪里開始,分析可以提供新數(shù)據(jù)來幫助您做出選擇。從那個滑塊開始。有人點擊它嗎?(或者是否有人點擊了第一張幻燈片?)如果沒有,那可能表明靜態(tài)圖像就可以了。在整個網(wǎng)站設計中尋找這些小提示,以簡化和加快速度。
5、壓縮它
壓縮網(wǎng)站文件以節(jié)省更多帶寬并減少加載時間。網(wǎng)站壓縮使用 gzip 格式,這是一個 zip 文件,然后瀏覽器可以解壓縮和呈現(xiàn)。
它節(jié)省了時間,因為小 zip 文件在網(wǎng)絡上的傳輸速度比同時傳輸大量小文件的速度要快。
來自 gzip.org:“gzip是一種單文件/流無損數(shù)據(jù)壓縮實用程序,其中生成的壓縮文件通常具有后綴 .gz。gzip 還指的是實用程序使用的相關(guān)壓縮數(shù)據(jù)格式。”
通過向您的 htaccess 文件添加一些代碼來啟用 Gzip。(您也可以抓取一個插件,但這不是必需的。)
6、考慮一個CDN(內(nèi)容交付網(wǎng)絡)
內(nèi)容交付網(wǎng)絡或 CDN 可以顯著提高速度并節(jié)省帶寬。
CDN 跨服務器網(wǎng)絡托管文件,而不是單個位置。這樣,當有人訪問您的網(wǎng)站時,數(shù)據(jù)將從離他們最近的服務器位置加載,從而減少服務器負載并保護您的網(wǎng)站免受流量激增或 DDoS 攻擊。(這是雙贏的。)
如果您一次獲得大量流量(例如在發(fā)送有關(guān)促銷優(yōu)惠的電子郵件之后),CDN 將特別有用,因為它可以劃分流量。這樣每個人都擁有相同的、快速的網(wǎng)站瀏覽體驗。
7、清理你的數(shù)據(jù)庫
您使用同一個網(wǎng)站數(shù)據(jù)庫工作了多長時間?隨著時間的推移,它會變得非?;靵y。(把它想象成一個壁櫥,你只是用來存放你有一天可能需要的東西。
把它清理干凈。整理您的數(shù)據(jù)庫并刪除不再使用的任何內(nèi)容。這可以包括從圖形資產(chǎn)和文件到插件和無關(guān) Javascript 的任何內(nèi)容。更小、更輕的數(shù)據(jù)庫將更快地返回文件。(它還使備份更輕、更易于管理。)
8、最小化 TTFB(到第一個字節(jié)的時間)
為用戶顯示的內(nèi)容越快,網(wǎng)站加載的速度就越快,對吧?嗯……有點。
第一個字節(jié)的時間很重要。這就是瀏覽器在從服務器獲取第一個數(shù)據(jù)字節(jié)之前必須等待的時間。(谷歌說 TTFB 應該小于200 毫秒。)
這是影響的事情之一。第一個字節(jié)到達瀏覽器進行渲染的速度越快,后續(xù)數(shù)據(jù)的加載速度可能就越快。某些因素可能會影響您無法控制的 TTFB,例如用戶端的網(wǎng)絡連接不良,但在理想情況下,初始數(shù)據(jù)應該會快速到達并加載。
9、立即開始緩存
緩存將您網(wǎng)站的組件存儲在用戶的緩存中,這樣當他們回來時,不必再次下載所有內(nèi)容。因此,訪問者第一次訪問您的網(wǎng)站時,加載可能需要 3 秒,但隨后的訪問可能會減少到不到一秒,因為所有這些數(shù)據(jù)都已經(jīng)與用戶“存儲”了。
雖然緩存對新訪問者沒有多大作用,但對于回訪者(或瀏覽您網(wǎng)站的多個頁面的人)來說,它是一個驚人的速度保護程序。
10、優(yōu)化圖片
您正在為網(wǎng)絡保存圖像,對嗎?
很難相信許多網(wǎng)站所有者仍在將全尺寸圖片上傳到他們的頁面。這是一個速度殺手。
在上傳之前將圖像裁剪為必要的形狀和大小。在不影響視覺元素的情況下盡可能壓縮文件大小。以小文件格式保存 - JPG 始終比 PNG 保存更小,除非您需要后者的透明度,否則請使用前一種文件格式。
11、嵌入大文件(如視頻)
巨大的文件可以直接從您的網(wǎng)站中吸走帶寬。它們可能難以管理和壓縮。
將這些文件從您的網(wǎng)站上刪除,并使用媒體嵌入從外部托管平臺中提取這些信息。
第三方平臺可以快速托管和交付視頻內(nèi)容。因此,利用它來發(fā)揮您的優(yōu)勢,將視頻文件存儲在其他視頻平臺上,并將內(nèi)容嵌入到您的設計中。用戶不會知道其中的區(qū)別……但他們會注意到您的網(wǎng)站加載速度有多快。
12、小心使用 Javascript
您網(wǎng)站上發(fā)生的大多數(shù)很酷的東西很可能是 Javascript 的產(chǎn)物。它會變得很重。但是,如果您注意處理 JS 查詢和加載的方式,那就沒問題了。
對 Javascript 文件使用異步加載:這會加快頁面速度,因為文件是同時加載的,而不是從上到下加載。異步加載的絕妙技巧是,如果一個文件卡住或停止,它不會拖累其余文件;這些腳本將繼續(xù)加載和運行。
延遲加載一些 JS 文件:告訴一些 JS 文件,特別是不影響即時功能的大文件,在所有其他元素完成后加載。
優(yōu)化和縮?。?/strong>這很有意義 - 較小的文件會加載得更快。不要忘記縮小那個JS。
將 Javascript 放在文件的底部:其他元素和 JS 不能很好地一起加載。通過讓 HTML 內(nèi)容在 Javascript 之前加載來解決這個問題。
13、消除不必要的重定向
您還在從兩次重新設計之前重定向頁面嗎?停下來。這正在扼殺加載時間。
雖然某些重定向是必要的邪惡,但請將它們保持在最低限度。
使用諸如重定向映射器之類的工具來確定哪些重定向在您的站點上處于活動狀態(tài),并消除那些您不知道在哪里的重定向。展望未來,請考慮更新過時的頁面,而不是添加具有相似內(nèi)容的新頁面。搜索優(yōu)化要好得多,所有這些鏈接都將繼續(xù)有效!
14、選擇合適的主機
正確的托管帳戶可以決定速度。如果您在這里嘗試了許多其他修復并且仍然遇到速度問題,那么您的主機可能是罪魁禍首。
有這么多選擇,很難為您的錢找到最佳的托管計劃。當談到為速度而構(gòu)建的托管時,請尋找專用服務器選項。大多數(shù)網(wǎng)站所有者的首選是 VPS 托管,它提供更快的加載時間,但您不必自己管理托管。
不確定從哪里開始托管?這是為速度而構(gòu)建的七個托管選項的細分。
15、最小化 HTTP 請求
每次用戶訪問您的網(wǎng)站時必須下載的頁面元素數(shù)量會極大地影響加載時間。這包括從圖像到樣式表再到腳本的所有內(nèi)容,并且這些前端組件可以占用多達80% 的加載時間。
最好的解決方案是使用組合文件來減少請求的數(shù)量。這意味著將所有 CSS 放在一個樣式表中或在可能的情況下組合腳本。
這一切都歸結(jié)為輕量級代碼和最佳實踐。每個瀏覽器必須閱讀的內(nèi)容越多,加載時間就越長。
16、去除不必要的插件
沒有什么比一堆一直在運行的插件更能壓垮網(wǎng)站了。
盡可能擺脫插件冗余。拋棄不定期更新且不適用于當前版本的網(wǎng)站環(huán)境的插件。
對于您可以手動執(zhí)行的操作……退出使用插件。他們只是減慢您的網(wǎng)站速度。
17、啟用延遲加載
如果滾動上方的元素加載速度比其他所有元素快一點怎么辦?這是適用于更重、更復雜頁面的“技巧”之一。
延遲加載非常適合長滾動頁面。如果您的頁面在滾動下方有大量圖像,它會從頁面的頂部到底部加載內(nèi)容并且效果很好(即使它確實與此處概述的其他一些建議背道而馳。有選項很好,對吧?)
結(jié)論
您正在做什么來確保您的網(wǎng)站是為速度而構(gòu)建的?
遵循桌面和移動速度的最佳實踐不僅影響用戶查看您網(wǎng)站的速度。它也會影響網(wǎng)站排名、搜索優(yōu)化和轉(zhuǎn)化率。(如果頁面無法加載,用戶應該如何購買產(chǎn)品?)
開始清理您的代碼和優(yōu)化您的網(wǎng)站是重點,即使您每個月只做這些事情中的一件,您也會開始看到結(jié)果。