這不是一個(gè)棘手的問(wèn)題：您的網(wǎng)站是否足夠快？頁(yè)面加載時(shí)間會(huì)影響一切，從用戶在您的網(wǎng)站上停留的時(shí)間（或者他們是否看到內(nèi)容）到搜索排名和整體轉(zhuǎn)化。

速度在兩個(gè)方面都很重要——對(duì)于桌面設(shè)備和移動(dòng)設(shè)備——移動(dòng)速度比以往任何時(shí)候都更重要。您的網(wǎng)站不僅需要快速加載；它需要在任何地方快速加載。

1、定期進(jìn)行速度測(cè)試

根據(jù)您在網(wǎng)站上添加或更改的內(nèi)容、技術(shù)的退化，甚至是過(guò)時(shí)的主題或工具，速度可能會(huì)隨著時(shí)間的推移而變化。這就是為什么定期進(jìn)行測(cè)試并根據(jù)需要進(jìn)行調(diào)整很重要的原因。

這里的好處是您將保持您的網(wǎng)站快速運(yùn)行，并且搜索引擎也有好處。（在創(chuàng)建出色的用戶體驗(yàn)方面，速度很重要）

2、優(yōu)化內(nèi)容以提高速度

您構(gòu)建內(nèi)容的方式是有助于提高網(wǎng)站速度和可讀性的小事之一。

先試試這些：

使用摘錄或閱讀更多標(biāo)簽，以便文章提要包含帶有全文鏈接的帖子的簡(jiǎn)短片段。

將長(zhǎng)文章或帖子分成多個(gè)頁(yè)面（第 1 部分、第 2 部分等）

從頁(yè)面內(nèi)容中刪除評(píng)論，以便它們位于自己的位置。

使用鏈接來(lái)分解照片庫(kù)、可下載內(nèi)容等內(nèi)容，這樣單個(gè)頁(yè)面上就不會(huì)出現(xiàn)多個(gè)重元素。

3、不要熱鏈接

你是在盜鏈嗎？馬上停下來(lái)。

盜鏈或?qū)D像源從一個(gè)網(wǎng)站復(fù)制到另一個(gè)網(wǎng)站是速度殺手。這不僅對(duì)速度不利，在許多情況下也是不道德的，并且可能伴隨著法律或版權(quán)方面的考慮。所以不要這樣做。

您希望從您的主機(jī)和服務(wù)器加載圖像。您還可以采取其他措施來(lái)防止他人盜鏈您的圖像，這可能會(huì)導(dǎo)致速度流失。

4、不要把事情復(fù)雜化

保持網(wǎng)站活躍和可用的最佳方法之一是保持簡(jiǎn)單。適用于網(wǎng)站設(shè)計(jì)的相同原則也適用于功能。

網(wǎng)站設(shè)計(jì)的一個(gè)陷阱可能是添加過(guò)多的效果和功能，從而大大延長(zhǎng)下載時(shí)間。您需要在圖像上添加幾個(gè)精美的動(dòng)畫(huà)嗎？您需要主頁(yè)上的視頻滑塊嗎？你需要三個(gè)插件來(lái)做一些定制開(kāi)發(fā)可以做的事情嗎？

所有這些事情都會(huì)使您的網(wǎng)站變慢。去除不必要的元素和功能會(huì)對(duì)速度產(chǎn)生巨大影響，進(jìn)而影響可用性。

如果您不確定從哪里開(kāi)始，分析可以提供新數(shù)據(jù)來(lái)幫助您做出選擇。從那個(gè)滑塊開(kāi)始。有人點(diǎn)擊它嗎？（或者是否有人點(diǎn)擊了第一張幻燈片？）如果沒(méi)有，那可能表明靜態(tài)圖像就可以了。在整個(gè)網(wǎng)站設(shè)計(jì)中尋找這些小提示，以簡(jiǎn)化和加快速度。

5、壓縮它

壓縮網(wǎng)站文件以節(jié)省更多帶寬并減少加載時(shí)間。網(wǎng)站壓縮使用 gzip 格式，這是一個(gè) zip 文件，然后瀏覽器可以解壓縮和呈現(xiàn)。

它節(jié)省了時(shí)間，因?yàn)樾?zip 文件在網(wǎng)絡(luò)上的傳輸速度比同時(shí)傳輸大量小文件的速度要快。

來(lái)自 gzip.org：“gzip是一種單文件/流無(wú)損數(shù)據(jù)壓縮實(shí)用程序，其中生成的壓縮文件通常具有后綴 .gz。gzip 還指的是實(shí)用程序使用的相關(guān)壓縮數(shù)據(jù)格式?！?

通過(guò)向您的 htaccess 文件添加一些代碼來(lái)啟用 Gzip。（您也可以抓取一個(gè)插件，但這不是必需的。）

6、考慮一個(gè)CDN（內(nèi)容交付網(wǎng)絡(luò)）

內(nèi)容交付網(wǎng)絡(luò)或 CDN 可以顯著提高速度并節(jié)省帶寬。

CDN 跨服務(wù)器網(wǎng)絡(luò)托管文件，而不是單個(gè)位置。這樣，當(dāng)有人訪問(wèn)您的網(wǎng)站時(shí)，數(shù)據(jù)將從離他們最近的服務(wù)器位置加載，從而減少服務(wù)器負(fù)載并保護(hù)您的網(wǎng)站免受流量激增或 DDoS 攻擊。（這是雙贏的。）

如果您一次獲得大量流量（例如在發(fā)送有關(guān)促銷優(yōu)惠的電子郵件之后），CDN 將特別有用，因?yàn)樗梢詣澐至髁?。這樣每個(gè)人都擁有相同的、快速的網(wǎng)站瀏覽體驗(yàn)。

7、清理你的數(shù)據(jù)庫(kù)

您使用同一個(gè)網(wǎng)站數(shù)據(jù)庫(kù)工作了多長(zhǎng)時(shí)間？隨著時(shí)間的推移，它會(huì)變得非常混亂。（把它想象成一個(gè)壁櫥，你只是用來(lái)存放你有一天可能需要的東西。

把它清理干凈。 整理您的數(shù)據(jù)庫(kù)并刪除不再使用的任何內(nèi)容。這可以包括從圖形資產(chǎn)和文件到插件和無(wú)關(guān) JavaScript 的任何內(nèi)容。更小、更輕的數(shù)據(jù)庫(kù)將更快地返回文件。（它還使備份更輕、更易于管理。）

8、最小化 TTFB（到第一個(gè)字節(jié)的時(shí)間）

為用戶顯示的內(nèi)容越快，網(wǎng)站加載的速度就越快，對(duì)吧？嗯……有點(diǎn)。

第一個(gè)字節(jié)的時(shí)間很重要。這就是瀏覽器在從服務(wù)器獲取第一個(gè)數(shù)據(jù)字節(jié)之前必須等待的時(shí)間。（谷歌說(shuō) TTFB 應(yīng)該小于200 毫秒。）

這是影響的事情之一。第一個(gè)字節(jié)到達(dá)瀏覽器進(jìn)行渲染的速度越快，后續(xù)數(shù)據(jù)的加載速度可能就越快。某些因素可能會(huì)影響您無(wú)法控制的 TTFB，例如用戶端的網(wǎng)絡(luò)連接不良，但在理想情況下，初始數(shù)據(jù)應(yīng)該會(huì)快速到達(dá)并加載。

9、立即開(kāi)始緩存

緩存將您網(wǎng)站的組件存儲(chǔ)在用戶的緩存中，這樣當(dāng)他們回來(lái)時(shí)，不必再次下載所有內(nèi)容。因此，訪問(wèn)者第一次訪問(wèn)您的網(wǎng)站時(shí)，加載可能需要 3 秒，但隨后的訪問(wèn)可能會(huì)減少到不到一秒，因?yàn)樗羞@些數(shù)據(jù)都已經(jīng)與用戶“存儲(chǔ)”了。

雖然緩存對(duì)新訪問(wèn)者沒(méi)有多大作用，但對(duì)于回訪者（或?yàn)g覽您網(wǎng)站的多個(gè)頁(yè)面的人）來(lái)說(shuō)，它是一個(gè)驚人的速度保護(hù)程序。

10、優(yōu)化圖片

您正在為網(wǎng)絡(luò)保存圖像，對(duì)嗎？

很難相信許多網(wǎng)站所有者仍在將全尺寸圖片上傳到他們的頁(yè)面。這是一個(gè)速度殺手。

在上傳之前將圖像裁剪為必要的形狀和大小。在不影響視覺(jué)元素的情況下盡可能壓縮文件大小。以小文件格式保存 - JPG 始終比 PNG 保存更小，除非您需要后者的透明度，否則請(qǐng)使用前一種文件格式。

11、嵌入大文件（如視頻）

巨大的文件可以直接從您的網(wǎng)站中吸走帶寬。它們可能難以管理和壓縮。

將這些文件從您的網(wǎng)站上刪除，并使用媒體嵌入從外部托管平臺(tái)中提取這些信息。

第三方平臺(tái)可以快速托管和交付視頻內(nèi)容。因此，利用它來(lái)發(fā)揮您的優(yōu)勢(shì)，將視頻文件存儲(chǔ)在其他視頻平臺(tái)上，并將內(nèi)容嵌入到您的設(shè)計(jì)中。用戶不會(huì)知道其中的區(qū)別……但他們會(huì)注意到您的網(wǎng)站加載速度有多快。

12、小心使用 JavaScript

您網(wǎng)站上發(fā)生的大多數(shù)很酷的東西很可能是 JavaScript 的產(chǎn)物。它會(huì)變得很重。但是，如果您注意處理 JS 查詢和加載的方式，那就沒(méi)問(wèn)題了。

對(duì) JavaScript 文件使用異步加載： 這會(huì)加快頁(yè)面速度，因?yàn)槲募峭瑫r(shí)加載的，而不是從上到下加載。異步加載的絕妙技巧是，如果一個(gè)文件卡住或停止，它不會(huì)拖累其余文件；這些腳本將繼續(xù)加載和運(yùn)行。

延遲加載一些 JS 文件： 告訴一些 JS 文件，特別是不影響即時(shí)功能的大文件，在所有其他元素完成后加載。

優(yōu)化和縮小： 這很有意義 - 較小的文件會(huì)加載得更快。不要忘記縮小那個(gè)JS。

將 JavaScript 放在文件的底部： 其他元素和 JS 不能很好地一起加載。通過(guò)讓 HTML 內(nèi)容在 JavaScript 之前加載來(lái)解決這個(gè)問(wèn)題。

13、消除不必要的重定向

您還在從兩次重新設(shè)計(jì)之前重定向頁(yè)面嗎？停下來(lái)。這正在扼殺加載時(shí)間。

雖然某些重定向是必要的邪惡，但請(qǐng)將它們保持在最低限度。

使用諸如重定向映射器之類的工具來(lái)確定哪些重定向在您的站點(diǎn)上處于活動(dòng)狀態(tài)，并消除那些您不知道在哪里的重定向。展望未來(lái)，請(qǐng)考慮更新過(guò)時(shí)的頁(yè)面，而不是添加具有相似內(nèi)容的新頁(yè)面。搜索優(yōu)化要好得多，所有這些鏈接都將繼續(xù)有效！

14、選擇合適的主機(jī)

正確的托管帳戶可以決定速度。如果您在這里嘗試了許多其他修復(fù)并且仍然遇到速度問(wèn)題，那么您的主機(jī)可能是罪魁禍?zhǔn)住?

有這么多選擇，很難為您的錢(qián)找到最佳的托管計(jì)劃。當(dāng)談到為速度而構(gòu)建的托管時(shí)，請(qǐng)尋找專用服務(wù)器選項(xiàng)。大多數(shù)網(wǎng)站所有者的首選是 VPS 托管，它提供更快的加載時(shí)間，但您不必自己管理托管。

不確定從哪里開(kāi)始托管？這是為速度而構(gòu)建的七個(gè)托管選項(xiàng)的細(xì)分。

15、最小化 HTTP 請(qǐng)求

每次用戶訪問(wèn)您的網(wǎng)站時(shí)必須下載的頁(yè)面元素?cái)?shù)量會(huì)極大地影響加載時(shí)間。這包括從圖像到樣式表再到腳本的所有內(nèi)容，并且這些前端組件可以占用多達(dá)80% 的加載時(shí)間。

最好的解決方案是使用組合文件來(lái)減少請(qǐng)求的數(shù)量。這意味著將所有 CSS 放在一個(gè)樣式表中或在可能的情況下組合腳本。

這一切都?xì)w結(jié)為輕量級(jí)代碼和最佳實(shí)踐。每個(gè)瀏覽器必須閱讀的內(nèi)容越多，加載時(shí)間就越長(zhǎng)。

16、去除不必要的插件

沒(méi)有什么比一堆一直在運(yùn)行的插件更能壓垮網(wǎng)站了。

盡可能擺脫插件冗余。拋棄不定期更新且不適用于當(dāng)前版本的網(wǎng)站環(huán)境的插件。

對(duì)于您可以手動(dòng)執(zhí)行的操作……退出使用插件。他們只是減慢您的網(wǎng)站速度。

17、啟用延遲加載

如果滾動(dòng)上方的元素加載速度比其他所有元素快一點(diǎn)怎么辦？這是適用于更重、更復(fù)雜頁(yè)面的“技巧”之一。

延遲加載非常適合長(zhǎng)滾動(dòng)頁(yè)面。如果您的頁(yè)面在滾動(dòng)下方有大量圖像，它會(huì)從頁(yè)面的頂部到底部加載內(nèi)容并且效果很好（即使它確實(shí)與此處概述的其他一些建議背道而馳。有選項(xiàng)很好，對(duì)吧？）

結(jié)論

您正在做什么來(lái)確保您的網(wǎng)站是為速度而構(gòu)建的？

遵循桌面和移動(dòng)速度的最佳實(shí)踐不僅影響用戶查看您網(wǎng)站的速度。它也會(huì)影響網(wǎng)站排名、搜索優(yōu)化和轉(zhuǎn)化率。（如果頁(yè)面無(wú)法加載，用戶應(yīng)該如何購(gòu)買(mǎi)產(chǎn)品？）

開(kāi)始清理您的代碼和優(yōu)化您的網(wǎng)站是重點(diǎn)，即使您每個(gè)月只做這些事情中的一件，您也會(huì)開(kāi)始看到結(jié)果。