這不是一個(gè)技巧問(wèn)題：你的網(wǎng)站足夠快嗎？網(wǎng)頁(yè)加載時(shí)間可能會(huì)影響用戶(hù)在您的網(wǎng)站上停留多長(zhǎng)時(shí)間（或者如果他們看到內(nèi)容），搜索排名和整體轉(zhuǎn)化次數(shù)。

速度在兩個(gè)方面都很重要 - 對(duì)于臺(tái)式機(jī)和移動(dòng)設(shè)備 - 移動(dòng)速度比以往更加重要。您的網(wǎng)站不僅需要快速加載; 它需要在任何地方快速加載。

你是怎么做到的？首先運(yùn)行Google PageSpeed測(cè)試，看看您的網(wǎng)站在哪里排名（您還會(huì)獲得一些關(guān)于加快網(wǎng)站速度的建議）。然后，開(kāi)始進(jìn)行這些調(diào)整，以使您的網(wǎng)站今年閃電般快速。

1.立即開(kāi)始緩存

讓我們從..的提示開(kāi)始。Google將緩存置于其建議列表的首位：

“緩存允許瀏覽器在設(shè)定的時(shí)間段內(nèi)將頻繁請(qǐng)求的文件存儲(chǔ)在用戶(hù)的設(shè)備上。啟用緩存后，后續(xù)頁(yè)面加載可以更有效。“

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

雖然緩存對(duì)新訪(fǎng)問(wèn)者來(lái)說(shuō)并不是很有用，但對(duì)于回訪(fǎng)者（或?yàn)g覽網(wǎng)站多個(gè)頁(yè)面的人）來(lái)說(shuō)，這是一個(gè)驚人的速度節(jié)省。


2.優(yōu)化圖像

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

在2019年，很難相信許多網(wǎng)站所有者仍在將完整尺寸的圖片上傳到他們的網(wǎng)頁(yè)。這是速度殺手。

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

您可以在Adobe Photoshop等軟件中自行優(yōu)化所有這些，或者嘗試免費(fèi)的在線(xiàn)工具，如Compressor。


3.嵌入巨大的文件（如視頻）

YouTube可以快速托管和提供視頻內(nèi)容。
巨大的文件可以從您的網(wǎng)站中吸取帶寬。它們很難管理和壓縮。

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

可以這樣想：YouTube可以快速托管和提供視頻內(nèi)容。你不能比這個(gè)怪物做得更好。因此，將它用于您的優(yōu)勢(shì)并將視頻文件存儲(chǔ)在YouTube（或您選擇的Vimeo或其他視頻平臺(tái)）上，并將內(nèi)容嵌入到您的設(shè)計(jì)中。用戶(hù)不會(huì)知道差異......但他們會(huì)注意到您的網(wǎng)站加載速度有多快。


4.小心Javascript

您網(wǎng)站上發(fā)生的大多數(shù)很酷的東西都可能是Javascript的產(chǎn)物。它會(huì)變得沉重。但如果你關(guān)心如何處理JS查詢(xún)和加載，那就沒(méi)關(guān)系。

對(duì)Javascript文件使用異步加載：這會(huì)加速頁(yè)面，因?yàn)槲募峭瑫r(shí)加載的，而不是從上到下加載。異步加載的漂亮技巧是，如果一個(gè)文件卡住或停止，它不會(huì)使其余文件陷入困境; 這些腳本將繼續(xù)加載和運(yùn)行。
推遲加載一些JS文件：告訴一些JS文件，特別是那些不影響直接功能的大文件，在所有其他元素完成后加載。你可以在這里學(xué)習(xí)。
優(yōu)化和縮小：這只是很有意義 - 較小的文件將加載更快。不要忘記縮小JS。
將Javascript放在文件的底部：其他元素和JS不能很好地加載。通過(guò)在Javascript之前加載HTML內(nèi)容來(lái)解決此問(wèn)題。

5.消除不必要的重定向

你還在重新設(shè)計(jì)頁(yè)面嗎？停下來(lái)。那是在扼殺加載時(shí)間。

雖然某些重定向是必要的惡魔，但要將它們保持在.低限度。

使用諸如Redirect Mapper之類(lèi)的工具來(lái)確定您網(wǎng)站上的重定向活動(dòng)，并消除您不知道哪些重定向。繼續(xù)前進(jìn)，請(qǐng)考慮更新過(guò)時(shí)頁(yè)面，而不是添加具有類(lèi)似內(nèi)容的新頁(yè)面。這對(duì)于搜索優(yōu)化來(lái)說(shuō)要好得多，所有這些鏈接都將繼續(xù)有效！

6.選擇正確的主機(jī)
正確的托管帳戶(hù)可以提高或縮短速度。如果你在這里嘗試過(guò)許多其他修復(fù)程序并且仍然存在速度問(wèn)題，那么你的主機(jī)可能會(huì)受到指責(zé)。

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

不知道從哪里開(kāi)始托管？以下是為速度而構(gòu)建的七個(gè)主機(jī)選項(xiàng)的細(xì)分。

7..小化HTTP請(qǐng)求
每次用戶(hù)訪(fǎng)問(wèn)您的網(wǎng)站時(shí)必須下載的頁(yè)面元素?cái)?shù)量會(huì)顯著影響加載時(shí)間。這包括從圖像到樣式表到腳本的所有內(nèi)容，這些前端組件可以占到80％的加載時(shí)間。

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

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


8.刪除不必要的插件

沒(méi)有什么能比像一堆一直在運(yùn)行的插件一樣壓低網(wǎng)站。（你真的需要Google Analytics插件嗎？）

盡可能擺脫插件冗余。Ditch插件沒(méi)有更新的規(guī)則性，也不適用于您網(wǎng)站環(huán)境的當(dāng)前版本。

對(duì)于你可以手動(dòng)完成的事情......使用插件退出。它們只會(huì)減慢您的網(wǎng)站速度。

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

延遲加載對(duì)于長(zhǎng)滾動(dòng)頁(yè)面非常理想。它會(huì)從頁(yè)面的頂部到底部加載內(nèi)容，如果您的頁(yè)面在滾動(dòng)下面有大量圖像（即使它確實(shí)與此處概述的其他一些建議相悖），效果也很好。有選擇權(quán)，這對(duì)嗎？）

這實(shí)際上是一個(gè)花哨的緩存選項(xiàng)。


結(jié)論

您在做什么來(lái)確保您的網(wǎng)站在2019年為速度而建？

遵循桌面和移動(dòng)速度影響的.佳實(shí)踐，而不僅僅是用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的速度。它還會(huì)影響網(wǎng)站排名，搜索優(yōu)化和轉(zhuǎn)化率。（如果頁(yè)面沒(méi)有加載，用戶(hù)應(yīng)該如何購(gòu)買(mǎi)產(chǎn)品？）

盡量開(kāi)始清理代碼并優(yōu)化您的網(wǎng)站，即使您每月只執(zhí)行其中一項(xiàng)操作，您也會(huì)開(kāi)始看到結(jié)果。祝好運(yùn)！