大多數(shù)緩慢的網(wǎng)站都是類似的缺陷的結(jié)果。例如，未能正確優(yōu)化圖像會導(dǎo)致高 CLS 時序。然而，鑒于需要關(guān)注的領(lǐng)域數(shù)量眾多，不可能全面涵蓋這些領(lǐng)域。

一些常見問題和解決方案包括：

減少未使用的 JavaScript

動態(tài)網(wǎng)站（比如那些在WordPress上運行的網(wǎng)站）經(jīng)常會遇到這個問題。你可以通過使用一個好的緩存插件來減少 JavaScript 冗余來解決這個問題。

減少第三方代碼的影響

今天的許多網(wǎng)站都是模塊化的，并使用來自不同開發(fā)人員的組件（例如，Google、Facebook、Fonts 等）。這種組合通常會導(dǎo)致缺乏影響性能的凝聚力。簡化您的網(wǎng)站并盡可能少地使用不同的代碼源。

減少初始服務(wù)器響應(yīng)時間

從本質(zhì)上講，谷歌是在告訴你你的網(wǎng)絡(luò)服務(wù)器很糟糕。低于標(biāo)準(zhǔn)的網(wǎng)絡(luò)托管通常會導(dǎo)致速度不佳，除了轉(zhuǎn)移到另一個托管服務(wù)提供商之外，您幾乎無能為力。

圖像元素沒有明確的寬度和高度

許多網(wǎng)站所有者犯了簡單地上傳圖片而沒有進一步修改的錯誤。上傳圖片時，請指定參數(shù)以避免混淆網(wǎng)絡(luò)瀏覽器并導(dǎo)致加載時間延遲。

以下一代格式提供圖像

對于圖像，不僅尺寸很重要，圖像格式也很重要。像 WebP 這樣的下一代格式增加了壓縮率，使圖像在網(wǎng)絡(luò)上的下載速度更快。

使用高效的緩存策略服務(wù)靜態(tài)資產(chǎn)

當(dāng)訪問者加載您的網(wǎng)站時，一些內(nèi)容會被下載并保存在他們的瀏覽器中。此過程有助于提高重復(fù)訪問的性能。設(shè)置緩存策略可以讓瀏覽器知道在重復(fù)請求之前他們應(yīng)該保留這些圖像多長時間。

避免過大的 DOM 大小

DOM 是指您的網(wǎng)頁的大小。收到過多的 DOM 警告意味著您需要考慮精簡頁面。您可以通過多種方式做到這一點，例如減少頁面上的圖像數(shù)量或使用更少的部分。

避免大的布局變化

動態(tài)網(wǎng)站即時生成頁面部分。當(dāng)頁面上有許多這些可調(diào)整大小的元素時，布局會經(jīng)常發(fā)生變化，從而導(dǎo)致糟糕的用戶體驗。在可能的情況下，正確定義頁面元素。可能性是無止境。在嘗試一一解決這些問題之前，我建議您考慮徹底優(yōu)化您的網(wǎng)站。網(wǎng)站所有者需要實施許多普遍接受的性能增強。

關(guān)于網(wǎng)站速度測試的最終想法

網(wǎng)站速度測試是獲取網(wǎng)站性能快照的好方法。這些工具易于使用，通常提供相對準(zhǔn)確的數(shù)據(jù)。當(dāng)然，許多優(yōu)秀的網(wǎng)站速度測試工具都是免費的，這也有幫助。

然而，重要的是要記住，上述陳述中的關(guān)鍵詞是“快照”。網(wǎng)站速度測試是靜態(tài)的，對您的網(wǎng)站的微小更改可能會顯著改變結(jié)果。因此，最好安排定期對您的網(wǎng)站進行性能評估，并盡快糾正新發(fā)現(xiàn)的問題。測速網(wǎng)：http://m.qzkangyuan.com/speedtest/