如何在 WordPress 中減小頁面大小。 頁面大小優化。

已發表: 2021-08-21

披露:這篇文章包含附屬鏈接。 當您單擊此帖子中的產品鏈接時,我可能會收到補償。 有關我的廣告政策的說明,請訪問此頁面 謝謝閱讀!

內容

  • 如何減小 WordPress 網站的頁面大小?
  • 為什麼要減小 WordPress 網站的頁面大小?
  • 如何在 WordPress 儀表板中更改頁面大小?
  • 什麼是 WordPress 中的頁面大小優化?
  • 您應該查看的 WordPress 頁面大小優化插件。
    • 資產清理:頁面速度助推器。
    • WP Meteor 頁面速度優化頂部。
    • AMP for WP – 加速移動頁面。
  • WordPress 中合適的頁面大小是多少?
  • 我怎麼知道我的頁面大小在 WordPress 中?
  • 如何減小 WordPress 網站的頁面大小,總結。

如何減小 WordPress 網站的頁面大小?

基本上有三種方法可以減小 WordPress 網站的頁面大小。 第一種方法是通過您的 WordPress 儀表板。 您可以通過更改 WordPress 網站的佈局來更改頁面向用戶顯示的大小、長度或寬度。

減少 WordPress 網站頁面大小的下一個方法是使用各種插件,這些插件旨在優化用戶瀏覽器中的頁面加載速度。

這些插件通過最小化和/或消除不必要的編碼以及壓縮網頁上任何媒體和圖像的大小來做到這一點。

減少 WordPress 網站頁面大小的最後一種方法是簡單地或(不是那麼簡單地)更改代碼。 代碼是 CSS 還是您的 WordPress 網站主題的 PHP 代碼。

由於我不是編碼員也不是程序員,我將只關注前兩個解決方案來減少您的 WordPress 網站的頁面大小。

為什麼要減小 WordPress 網站的頁面大小?

您想要減小 WordPress 網站頁面大小的最常見原因是出於美觀和/或提高用戶瀏覽器中的頁面加載速度。

在美學方面,頁面大小以及用戶在瀏覽器中的顯示方式會影響他們的用戶體驗。 例如,頁面太小、字體太小或兩個字體太淡等,可能會導致用戶簡單地點擊並進入另一個可讀性更強的網站。

此外,如果您通過廣告和/或附屬產品將您的內容貨幣化,您希望有足夠的空間將它們包含到您的內容中,同時又不會過多地干擾他們的用戶體驗。

您想要減小 WordPress 網站頁面大小的另一個原因當然是 SEO。

谷歌已經明確表示,用戶體驗不僅是衡量他們如何在算法中評估和排名網站的重要指標,而且帖子或頁面加載到用戶瀏覽器中的速度或速度也會對您的 SEO 和谷歌產生影響排名也是如此。

以兩個網站為例,在其他條件相同的情況下,頁面加載到用戶瀏覽器中的速度更快的網站每次都會在搜索引擎排名中勝出。

如何在 WordPress 儀表板中更改頁面大小?

請注意,每個主題都有自己的 WordPress 儀表板配置。 這個主題被稱為GeneratePress

首先,進入您的 WordPress 儀表板,單擊外觀,然後單擊“自定義”。

然後轉到佈局並單擊“容器”。

然後轉到“容器”。

進入“容器”後,您可以調整容納文本的容器的大小。 您可以調整段落的大小、段落之間的間距、句子等。

此外,您可以調整容器、頁眉、列、頁腳等之間的間距。

所有這些調整都可以使您的帖子或頁面在用戶的瀏覽器中顯得更大或更小。

但是,這些只是表面上的更改,不會更改頁麵包含的實際數據的大小,包括 HTML、CSS 和其他編碼以及圖像大小。 對於他們,您將需要進行一些頁面優化。

什麼是 WordPress 中的頁面大小優化?

WordPress 中的頁面大小優化基本上是使用主題、插件、編碼和其他工具,這些工具不僅可以使網頁更美觀,更重要的是,使其能夠盡可能快速高效地加載到用戶的瀏覽器中。

這可以通過使用編碼良好和優化的 WordPress 主題來實現,確保您的插件保持在最低限度,並且編碼和優化,以及更新,當然,使用優化插件等工具。

這些可以佔用您的網頁並消除不必要的編碼並減小圖像大小等,以便它們在用戶的瀏覽器中加載得更快。

您應該查看的 WordPress 頁面大小優化插件。

以下是您應該查看的一些頂級 WordPress 優化插件。 特別是如果您更專注於頁面優化而不是圖像優化。

但是,這些插件也會優化您頁面和帖子中的圖像。

事實上,WordPress 帖子和頁面加載緩慢的第一大罪魁禍首是圖像過大。

因此,這裡有一個指向 WordPress 上最流行的“圖像優化插件”的鏈接,您也應該看看。

以下是關於這些插件如何幫助優化您的 WordPress 頁面大小的一些簡要說明。 這些插件的鏈接在上面的圖片中。

資產清理:頁面速度助推器。

資產清理:Page Speed Booster 掃描您的頁面並檢測所有已加載的資產。 編輯頁面/帖子時,您只需選擇不需要加載的 CSS/JS,這樣可以減少臃腫。

WP Meteor 頁面速度優化頂部。

WP Meteor Page Speed Optimization Topping 的工作原理是,如果用戶沒有立即開始與帖子或頁面進行交互,WP Meteor 會推遲加載和触發腳本,直到頁面呈現之後,從而使您的頁面速度指標提高 2 到 5 倍.

腳本加載的這種延遲極大地改善了訪問者的感知加載時間。 它還顯著改善了以下重要的 SEO 指標:

  • 頁面速度。
  • 最大的內容塗料(LCP)。
  • 交互時間 (TTI)。
  • 總阻塞時間 (TBT)。

2021 年 5 月,谷歌將多個頁面速度指標作為搜索信號納入排名算法。

AMP for WP – 加速移動頁面。

AMP for WP 會自動將 Accelerated Mobile Pages (Google AMP Project) 功能添加到您的 WordPress 網站。 AMP 讓移動訪問者的網站更快。

WordPress 中合適的頁面大小是多少?

根據 WProcket 的 Web 性能專家的說法,快速加載網頁的理想大小是 1mb。

我怎麼知道我的頁面大小在 WordPress 中?

網上有各種工具,例如Tools.pingdom.com (它是免費的!),您可以在其中檢查 WordPress 網頁的大小。

除了檢查頁面大小之外,此類工具還可以檢查影響頁面大小的其他關鍵因素,例如圖像大小、字體大小以及其他影響網頁大小大小的 HTML 和 CSS 因素。

如何減小 WordPress 網站的頁面大小,總結。

如您所見,減少 WordPress 網站頁面大小的最佳方法是首先確保您使用的是最新且優化的 WordPress 主題。 然後只需添加 1 或 2 個優化插件,如上述。

然而,影響 WordPress 網站頁面或用戶瀏覽器中帖子加載速度或速度的首要因素當然是該特定網頁上的圖像有多大。

對於圖像,您最好為您的 WordPress 網站安裝一個圖像優化器插件。 上面有一個鏈接,列出了 WordPress.org 上所有流行的 WordPress 圖像優化插件。

您選擇的任何方法都應該減少您的 WordPress 帖子或頁面的大小,並為您提供最佳的用戶體驗、SEO 價值和快速的頁面加載速度。