用戶體驗已經(jīng)成為網(wǎng)站建設的重要標準，越來越多的公司都會以“網(wǎng)站建設的目的是什么，網(wǎng)站建設的受眾是誰”這個來理念來貫徹整個網(wǎng)站建設。今天深圳網(wǎng)站建設公司就和大家分享一下如何提升WordPress建站的用戶體驗感。


1. 使用快速的網(wǎng)絡主機

正如我所提到的，服務器響應時間也稱為首字節(jié)時間 (TTFB) 會影響每個核心 Web 重要指標。負責服務器響應時間的第一大因素是您的網(wǎng)絡主機。他們使用的堆棧非常重要。

雖然快速的服務器響應時間并不能保證您會粉碎核心 Web Vitals，但它為這樣做提供了正確的基礎。沒有正確的基礎，其他一切都可能不會產(chǎn)生預期的結果。越快越好。因此，請確保您的網(wǎng)絡主機速度快，并且他們使用的是良好的技術堆棧。

例如，在Convesio，他們不遺余力地提供最高可用的硬件和軟件來支持他們的平臺。這就是他們集成 Cloudflare Enterprise 功能以提高性能的原因。這意味著用戶可以為構建快速且對 Core Web Vitals 友好的網(wǎng)站打下堅實的基礎。

2. 使用基于服務器的緩存

WordPress 博客和 WooCommerce 大多是動態(tài)而非靜態(tài)的。這意味著網(wǎng)站上的項目不斷變化。由于這些更改是有規(guī)律的，并且每次訪問都必須對數(shù)據(jù)庫進行查詢等，因此使用緩存來提供靜態(tài)的感覺。對象緩存可以極大地改進數(shù)據(jù)庫查詢。并且頁面緩存可以改善前端渲染。

雖然緩存可以加速 WordPress 網(wǎng)站，但有一個大問題，它被稱為緩存命中率。有多少用戶通過緩存獲得服務？核心 Web Vitals 的真實數(shù)據(jù)是從 Chrome 用戶體驗報告 (CrUX) 中收集的。并不是每個 chrome 用戶都參與其中。只有那些“選擇同步瀏覽歷史記錄、未設置同步密碼并啟用使用情況統(tǒng)計報告”的用戶。因此，在每天訪問您網(wǎng)站的 1000 名用戶中，只有 40 名可能會解釋真實世界的數(shù)據(jù)。

因此，擁有更高的緩存命中率很重要。雖然緩存插件很好，但問題是命中率。使用基于服務器的緩存可以顯著提高緩存命中率。這增加了您將緩存內(nèi)容提供給為您的真實世界核心 Web 生命報告做出貢獻的用戶的機會。請記住，實驗室數(shù)據(jù)不算數(shù)。如果您的 Web 主機不提供基于服務器的緩存，您可以使用Cloudflare為您的站點提供更高的緩存命中率。通常，基于服務器的緩存比基于插件文件的緩存更有效。尤其是當您有很多并發(fā)用戶時。

3. 使用快速輕量的主題

WordPress 是開源的，擁有非常龐大的社區(qū)。迄今為止最大的 CMS 社區(qū)。雖然這是一件好事，但它也可能產(chǎn)生壞影響。例如，有很多人為 WordPress 開發(fā)產(chǎn)品，諸如 WordPress 主題之類的產(chǎn)品。這些開發(fā)人員有不同的經(jīng)歷和動機。

WordPress 社區(qū)中有許多編碼不當?shù)闹黝}，它們非常臃腫。使用此類主題可能會阻礙您加快網(wǎng)站核心 Web Vitals 速度的努力。一個糟糕的主題會影響 TTFB 和每個指標核心 Web Vitals 指標。確保您尋找一個編碼良好的主題，該主題遵循 Google 的所有公認最佳實踐。而且它很輕，不臃腫。像Yellowlab.tools這樣的工具可以幫助您測試任何主題的演示，看看它在考慮最佳實踐的情況下如何執(zhí)行。

4. 移除不必要的插件

雖然插件不是壞事，但使用編碼不當?shù)牟寮状笥诶?。當用戶訪問您的網(wǎng)站時，插件會增加請求的數(shù)量。理想的解決方案是只使用必要的插件。并且還要為各種需求尋找最輕量級和編碼良好的插件。請記住，插件的流行并不意味著它最適合該目的。

5.優(yōu)化JS

優(yōu)化 JavaScript (JS) 將大大改善您所有的核心 Web 重要指標。如果您曾經(jīng)在PageSpeed Insights或Web.dev等工具上測試過您的網(wǎng)站，并且收到“消除渲染阻塞資源”警告，那么這很可能是由 JS 引起的。您可以刪除注釋和空格以減小 JS 文件的大小。推遲加載非關鍵 JS 也會有所幫助。

一些插件可以幫助實現(xiàn)這一點，一個例子是Autooptimize。雖然我們建議您使用基于服務器的緩存，但一些緩存插件具有可以實現(xiàn)這一點以及更多功能的功能。一個例子是 WP Rocket 和 WP Fastest Cache。如果您使用基于服務器的緩存，您可以關閉它們的緩存功能并使用優(yōu)化功能。

6.優(yōu)化CSS

當您通過 Google PageSpeed Insight 運行您的網(wǎng)站時，“刪除未使用的 CSS”是非常常見的建議。當用戶訪問您的網(wǎng)站時，瀏覽器將在呈現(xiàn)之前首先加載并執(zhí)行您網(wǎng)站標題中引用的所有 CSS。如果它們太多，它會減慢速度。一些插件甚至在不需要的頁面上加載它們的 CSS。

您可以為您的頁面生成關鍵 CSS，這將消除由 CSS 引起的所有問題，并且瀏覽器只會首先加載關鍵 CSS。刪除空格和注釋可以減小文件大小。您可以使用Asset CleanUp等免費插件刪除頁面中未使用的 CSS 。

7. 使用 CDN

互聯(lián)網(wǎng)是全球性的。除非您將網(wǎng)站訪問限制在特定地區(qū)，否則您將獲得來自全球各地的用戶。雖然您的網(wǎng)站可能托管在您所在的國家/地區(qū)并在那里快速加載，但您的用戶可能位于距您 10,000 多公里以外的國家/地區(qū)，這對您的 Core Web Vital 分數(shù)有所貢獻。

使用內(nèi)容交付網(wǎng)絡 (CDN) 可確保您的網(wǎng)站在全球范圍內(nèi)快速提供服務。如果您有來自世界不同地區(qū)的用戶，您會看到頁面速度有很大提高，同時也提供更好的用戶體驗。

8、優(yōu)化廣告投放

首屏廣告對您的 LCP 和 CLS 影響最大。如果廣告中的圖片大于首屏的所有圖片或文本塊，則可以計入您網(wǎng)站的 LCP。在AdSense和類似廣告網(wǎng)絡上投放的圖片的問題在于您無法對其進行優(yōu)化。而且它們可能未經(jīng)優(yōu)化。這是你無法控制的。如果它不會影響您的收入，請考慮移除首屏廣告，尤其是針對移動設備的廣告。此外，在首屏使用響應式廣告會影響 CLS，因為加載時布局會發(fā)生變化。您可以通過為廣告設置最小高度屬性來克服此問題。這將防止布局偏移。

9. 延遲加載圖片

圖像會影響頁面的大小。頁面越大，加載所需的時間就越長。延遲加載圖像將確保圖像僅在需要時加載，從而減少頁面大小并縮短加載時間。您可能已經(jīng)在速度測試工具中看到警告“延遲屏幕外圖像”。它只是告訴您延遲加載圖像。

10.設置圖片屬性

當布局發(fā)生變化時會發(fā)生 CLS。例如，瀏覽您的主頁并突然加載圖像，頁面變大并且您正在閱讀的網(wǎng)站部分現(xiàn)在不在視野中。那是布局轉變。設置 size 屬性將在頁面加載時保留該大小。這樣當圖像最終出現(xiàn)時，不會出現(xiàn)布局偏移。