23 種方法來加速 Elementor 網站而不流汗

已發表: 2022-02-04

Elementor 是一個 WordPress 插件，它允許您創建一個視覺上令人驚嘆且響應迅速的網站，而無需編寫任何代碼。 您還可以使用它為您的網站創建自定義帖子類型、分類法和字段。

然而，權力越大，責任越大。 在這篇文章中，您將學習如何使用 Elementor 頁面構建器插件來加速您的網站。

如果您是開發人員並遵循安全最佳實踐，那麼本文不適合您。 但是，如果您有興趣了解如何加快 Elementor 網站的速度，請繼續閱讀！

以下是加快 Elementor 網站速度的幾種方法，但首先，您需要了解導致網站或 Elementor 速度緩慢的原因。

你可以閱讀

  • Elementor Vs Divi：哪一個是最好的？
  • Elementor Vs Brizy：哪個好用？

加載緩慢的 WordPress/Elementor 網站的常見原因

有很多原因可以使您的網站/ Elementor 變慢。 下面列出了其中一些：

(一) 服務器：

如果您的服務器不夠強大，它可能會降低您的網站速度。 在開始之前，您應該檢查服務器的處理能力。 由於服務器質量低下，您將無法在您的網站上使用 Elementor 頁面構建器插件。 在這種情況下，您將需要更改您的服務器。

(ii) 媒體：

Elementor 網站的性能受您使用的媒體類型的影響，例如圖像、照片和視頻。 例如，如果您的媒體需要很長時間才能加載，它也會影響您網站的加載速度。 此外，託管在其他服務器上的圖像或其他媒體可能會降低您的網站速度。

(iii) 外部腳本：

緩慢的站點通常是由外部腳本引起的。 這件事情是由很多原因導致的。 如果您的網站包含許多外部腳本，它會變慢。 此外，如果腳本託管在另一台帶寬或速度較低的服務器上，它也會影響您網站的速度。

(iv) 插件和主題：

它們是您網站速度變慢的主要原因。 如果您安裝許多插件或使用免費主題，您的網站將運行緩慢。 有時，糟糕的編碼會導致您的網站運行緩慢。 此外，如果您的主題或插件不能很好地與 Elementor 頁面構建器插件配合使用，它肯定會降低您的網站速度。

加快 Elementor 網站速度的 23 種最佳方法（初學者友好指南）

如果你想讓你的網站更快，這裡有一些提示給你。

1）安裝輕量級主題：

如果你有一個強大的服務器，你應該不難做到這一點。 您可以安裝任何主題，但我建議使用輕量級主題，例如 GeneratePress 或 Astra。 這將使您的網站加載速度比任何其他主題或插件快得多。

盡可能避免使用免費主題。 因為他們通常有很多影響網站性能的臃腫代碼。 不過，Elementor 官方的免費主題並沒有錯。

您可以閱讀 GeneratePress Vs Astra：哪個是最好的？

2) 選擇性能優化的託管服務器：

如果您想提高網站的速度，您應該選擇性能優化的託管服務器。 如果可能，您還可以在主機上安裝緩存插件。 但是，盡量避免使用共享主機來運行 Elementor 網站。

由於服務器過載和大量用戶，它們總是運行緩慢。 因此，最好使用託管 WordPress 託管或專用服務器來確保 Elementor 網站的安全性和速度。

Choose a good hosting

最受歡迎的託管主機是：

  • WP引擎
  • 多餘的
  • 金斯塔

3）在本地託管字體並預加載：

如果您使用 Google 字體，建議在本地託管它們。 因為 Google 字體託管在帶寬和速度有限的另一台服務器上。 因此，您網站的訪問者的字體加載速度可能會很慢，這可能會對您的 Elementor 網站的性能產生負面影響。

您可以使用插件在本地或手動託管它們。 您可以安裝以下插件之一：

  • 性能問題
  • WP火箭
  • WP-優化

4）添加字體顯示交換：

使用字體顯示交換； 如果您在本地使用 Google 字體，則在 Elementor 頁面中。 它將幫助為您網站的訪問者預加載字體。 請記住，如果您在網站上使用大量字體，可能會對 Elementor 頁面的性能產生不利影響。

要添加字體顯示交換，您可以使用任何緩存插件。 但為了更好的性能，WP Rocket 是最好的。

您還可以啟用 Elementor 字體交換以獲得更好的性能。

elementor font swap

5) 刪除 Elementor CSS + JavaScript：

使用 Elementor 可能會產生多個 CSS 和 JavaScript 文件。 當您的服務器速度較慢或帶寬較低時，可能會對您網站的性能產生負面影響。

安裝緩存插件將允許您從主題或插件中刪除 Elementor CSS 和 JavaScript。 我總是推薦 WP Rocket 或任何其他免費的緩存插件。 但始終建議將高級插件用於最理想的選項。

6) 縮小 CSS 和 JS 文件：

如果您想應用手動自定義，您可以縮小網站上的 CSS 和 JavaScript 文件。 這有助於提高您網站的性能。 要縮小您網站的 CSS 和 JS 文件，您可以使用以下插件之一。

  • WP火箭
  • 光速緩存等

7）優化您的圖像：

圖像是網站加載緩慢的最重要因素之一。 您應該在將圖像上傳到您的網站之前對其進行優化。 建議在將圖像上傳到您的網站之前使用 TinyJPG 等免費在線工具壓縮圖像或壓縮圖像。

此外，您可以使用以下任何插件來執行此操作：

  • WP Smush
  • EWWW 圖像優化器
  • 短像素

8) 使用 CDN：

當您使用 Elementor 和許多其他消耗大量資源的插件時，在這種情況下，CDN 將適合您。 但是，因此，如果您的網站託管在遠離訪問者的服務器上，則可能會影響您網站的響應時間和速度。

CDN network

對於 Elementor 站點，您可以使用以下任何 CDN。

  • 最大CDN
  • Cloudflare
  • 關鍵CDN

9）頁面緩存：

如果您仍然認為它很慢，頁面緩存可以幫助您的 Elementor 網站運行得更快。 優化 Elementor 網站的最有效方法是使用頁面緩存。 您可以使用頁面緩存插件緩存您網站的頁面，以使它們更快地加載。

對於頁面緩存，您可以使用以下一種。

  • WP火箭
  • WP 最快緩存（免費）

10) 硬編碼您的頁眉、頁腳、側邊欄：

Elementor 創建大量動態 CSS 和 JavaScript 文件。 因此，為了讓您的 Elementor 頁面盡可能快，建議對頁眉、頁腳和側邊欄進行硬編碼。

有很多方法可以硬編碼頁眉和頁腳。 例如，您可以使用名為 Static Headers & Footers 的免費插件對網站的頁眉、頁腳和側邊欄進行硬編碼。

11) 使用高性能 DNS：

擁有高性能的 DNS 始終是一個明智的想法。 例如，在使用 Elementor 時，您可能會生成大量動態 CSS 和 JavaScript 文件。 為了更快地加載 Elementor 站點，您可以使用快速 DNS 託管服務。

dns of hosting

高質量的 DNS 可以幫助您確保您的網站在任何設備上都盡可能快地加載。 但是，歸根結底，這與您在 Google 搜索結果中的排名有關。

對於您網站的 DNS 託管，我建議使用 Cloudflare。 與其他 DNS 服務相比，它是免費且相對較快的。

12) 優化你的數據庫：

基於 Elementor 的網站可能會在您的 WordPress 數據庫中創建許多未使用的數據。 您可以通過優化數據庫輕鬆刪除這些數據。

我建議使用 WP-Optimize 來優化您網站的數據庫。 該程序將從您的 WordPress 數據庫中刪除任何不需要的數據。 最後，它將幫助您消除站點中的垃圾並提高其性能。

23 Ways To Speed Up Elementor Site Without Breaking Sweat 1
Perfmatters 插件的數據庫選項

此外，您可以使用以下一個，它會按計劃自動完成整個過程。

  • 性能問題

13) 添加預加載、預取、預連接：

許多插件（例如 Elementor）會創建大量 HTTP 請求。 因此，將預加載、預取和預連接添加到站點的標題是一個聰明的主意。 此外，使用此方法將提高您網站的速度，因為大多數 JavaScript 和 CSS 文件將保留在瀏覽器的緩存中。

以下是一些用於 HTTP 請求的領先 WordPress 插件列表，以加快您的網站速度。 此配置推薦使用WP Rocket 。

14) 啟用 Gzip 壓縮：

您應該啟用 Gzip 壓縮來壓縮您的 HTML、JavaScript 和 CSS 文件。 為了幫助進行這些設置，您需要將以下代碼添加到您網站的 .htaccess 文件中。

 RewriteCond %{HTTP:Accept-encoding} gzip RewriteCond %{REQUEST_FILENAME}.gz -f RewriteRule ^(.+)\.(.+) $1 [QSA,B]

或者，您可以使用緩存插件來壓縮和優化您的網站以獲得更好的性能。

或者，您可以使用：

  • 按 wp 速度飛頁很重要

15) 啟用瀏覽器緩存：

瀏覽器緩存是加快網站速度的另一種方式。 例如，如果您在網站上使用許多社交小部件或塊/元素，您可能會生成許多 HTTP 請求。 因此，要減少更多的 HTTP 請求，您可以通過啟用瀏覽器緩存來提高站點的性能。

您可以使用WP Rocket 插件或任何其他緩存插件來為您的 WordPress 網站啟用瀏覽器緩存。 這是正確的解決方案。

16) 消除渲染阻塞資源：

作為 WordPress 用戶，您必須熟悉渲染阻止資源。 此代碼可防止您的網站在 DOM 中加載其上方的內容。

render-blocking resources

特別是對於移動用戶，渲染阻塞是網絡上最大的性能殺手之一。 它們中的大多數位於渲染阻塞資源的容忍度較低的網絡上。

減少 WordPress 網站上的渲染阻塞資源始終是一個聰明的主意。 通過使用免費的 Fast Velocity Minify 插件，您將能夠刪除渲染阻塞資源並提高網站的性能。

我建議使用流動的：

  • 資產清理專業版
  • 性能問題

17) 使用更少的 Elementor 小部件或列：

在單個頁面上過度使用 Elementor 小部件會降低網站的性能。 因此，限制您在 WordPress 網站上使用小部件或列總是一個好主意。

考慮從單個列開始並嘗試使用各種小部件。 通過這樣做，您將能夠提高網站的速度。 當然，您應該使用節省資源且數量較少的輕量級小部件。

18) 避免使用其他慢速插件：

應避免使用其他一些慢速插件。 這些插件並非旨在使您的網站更快。 相反，它們會增加您網站的加載時間。 因此，您不應該在您的網站上使用任何慢速插件，因為它使用大量資源。

19）禁用不必要的插件模塊：

有時，您應該禁用 Elementor 不需要的插件模塊。 它們可能會導致您網站上的內存洩漏和錯誤。 所以盡量避免使用不必要的插件模塊，例如：

  • 分享按鈕
  • 實時交通
  • 滾動條分享

您可以禁用所有這些並觀察性能差異。 這些模塊不需要有一個網站。

如果你真的想使用社交分享按鈕，可以安裝輕量級的 Novashare 插件。 此外，此插件不會減慢您的網站速度。

20) 升級你的 PHP 版本：

有時建議升級您的 PHP 版本。 如果您還沒有 PHP 7.4，您應該盡快安裝它。

Upgrade your PHP Version

您應該始終保持您的 PHP 版本是最新的。 如果 WordPress 與特定更新不兼容，您應該等待兼容性版本。 如果您不確定如何更新 PHP 版本，您可以聯繫您的託管服務提供商

21) 將內存限制增加到 256MB：

始終建議將內存限制增加到 256MB。 WordPress 默認配置為使用 32MB 內存，有時您的網站會因內存不足而運行緩慢。

如果您當前使用低內存託管，我建議升級您的 WP 內存限制。 您還可以創建交換文件以提高性能。

您可以通過將以下代碼添加到 wp-config.php 文件來增加 WordPress 內存限制：

 define ( 'WP_MEMORY_LIMIT', '256M' );

您還可以通過聯繫您的託管服務提供商來增加內存限制。

22) 減少 PHP 超時：

將 PHP 超時從 60 秒減少到 10 秒可以顯著提高站點速度。

您可以在 .htaccess 文件中添加此代碼：

 php_value max_execution_time 10

如果您有權訪問它，也可以在服務器的 php.ini 文件中減少它。 如果您想了解更多關於此的信息，那麼我建議您閱讀這篇文章

23) 禁用 WooCommerce 腳本、樣式、購物車片段：

您可以禁用所有 WooCommerce 腳本和样式。 您可以從 Elementor 中刪除購物車碎片。 此外，您可以安裝一個名為 Disable All WooCommerce Tracking 的免費插件。 它將有助於防止所有 Facebook 跟踪代碼被合併到您的生產環境中。

但是，我總是推薦 Perfmatters 或 Asset Cleanup 插件，以獲得更好、更流暢的禁用這些腳本和样式的體驗。

常見問題

Elementor 會減慢您的網站速度嗎？

默認情況下，Elementor 的最新版本不會減慢您的網站速度。 如果您在網站上使用此插件後遇到問題，則可能是兼容性問題。 在這種情況下，您應該遵循上述指南。

為什麼 Elementor Editor 這麼慢？

如果您在 Elementor 編輯器中遇到性能緩慢的問題，請檢查您的 Internet 連接的性能。 如果問題與連接無關，您可能需要升級到高速主機包。

在某些情況下，這可能是服務器問題，或者您的網站可能與 Elementor 插件不兼容。 您應該更新插件，看看是否能解決問題。 您可以按照本指南加快 WordPress 管理速度。

為什麼 Elementor 在移動設備上這麼慢？

由於您的網站包含的資產數量，有時 Elementor 在手機上運行緩慢。 為了緩解這個問題，您可以嘗試減少資產的數量。

Elementor 的性能緩慢始終是由於性能問題。 如果插件衝突導致錯誤，您應該使用 WordPress 故障排除模式禁用所有插件。 然後一一禁用插件，找出插件衝突。

您可以使用以下故障排除插件：

  • 健康檢查和故障排除

您還可以啟用緩存，然後清除緩存以查看是否有幫助。 如果這不能解決問題，您還可以禁用緩存。

為什麼 Elementor 在 Firefox 上這麼慢？

問題在於，由於瀏覽器的不兼容，Elementor 在 Firefox 上的運行速度可能會慢很多。 此外，插件中有一些基於 Web 的功能並非所有瀏覽器都支持。 嘗試使用 Chrome 或任何其他支持 Elementor 或主題兼容性功能的瀏覽器。

為什麼 WooCommerce 在 Elementor 上運行緩慢？

插件兼容性是 Elementor 運行緩慢的主要原因之一。 如果您將 Elementor 與 WooCommerce 一起使用，您可能會遇到兼容性問題，因為這兩個插件都廣泛使用了 jQuery。

考慮禁用您網站上的所有 WooCommerce 跟踪，以確定這是否對您有幫助。 如果沒有，請聯繫您的託管服務提供商以獲得更快的服務器配置。

提高 Elementor 頁面速度的結論

Elementor 是一個很棒的 WordPress 頁面構建器插件。 但是，就像任何其他插件一樣，如果使用不當，它可能會導致您的網站變慢。

我試圖分享最全面的指南，以加速您的 Elementor 網站和使用其他頁面構建器構建的任何其他 WordPress 網站。 此外，我已經為我的一個 Elementor 站點測試了所有方法。

我希望這篇文章能像幫助我一樣幫助您提高 Elementor 頁面速度。 在我的 Elementor 網站上，我看到速度提高了 90% 以上（桌面），這有利於用戶體驗。

我已嘗試使指南盡可能簡單，因此如果您有任何建議或問題，請將它們留在下面的評論部分。