使用 EWWW Image Optimizer 提高網站的加載速度

已發表: 2022-04-06

幾天前,我有一個不愉快的經歷。 我渴望在 Twitter 上閱讀一篇暢銷的文章,所以我點擊了將我重定向到相關網站的鏈接。

然後我等了3秒。 4 秒。 5秒。 屏幕上:什麼都沒有。 在 3 次強制 F5 點擊刷新頁面後:仍然沒有。 所以我離開了網站,有點脾氣暴躁。 讀書時刻:走了,算了。

米奇說再見。
拜拜,下期見,小文章。

網頁加載緩慢的原因有多種。 通常,這是由於圖像太大。

EWWW Image Optimizer 插件可幫助您減輕重量

多虧了它,您將能夠提高 WordPress 網站頁面的加載速度,並避免您的訪問者(例如我)在嘗試閱讀您的散文時感到沮喪。

在本文的結尾,您將確切地知道如何配置此插件以立即像冠軍一樣使用它。

概述

  1. 什麼是 EWWW 圖像優化器?
    1. 如何設置 EWWW 圖像優化器:教程
      1. 如何使用 EWWW Image Optimizer 批量優化圖像?
        1. EWWW 圖像優化器的成本是多少?
          1. 還有哪些插件可用於優化您的圖像?
            1. 我們對 EWWW Image Optimizer 的最終意見

              最初寫於 2019 年 10 月,本文最後更新於 2022 年 4 月。

              什麼是 EWWW 圖像優化器?

              EWWW Image Optimizer 是一個 WordPress 插件,用於減輕照片的重量。

              EWWW Image Optimizer 是一個免費增值插件,可以壓縮和優化圖片的重量,以提高網站頁面的加載速度。 您可以決定壓縮設置,批量優化圖像並調整它們的大小。 該插件可以在沒有任何技術知識且無需編碼的情況下使用。

              EWWW Image Optimizer 安裝在900K+活動安裝中,是官方目錄中最流行的插件之一,用於優化您的圖像,還有 Smush( 1M+活動安裝)和 Imagify( 600K+活動安裝)。

              總體而言,它非常受用戶歡迎,在撰寫本文時,他們給出了 4.7/5 星的極好評價。

              EWWW Image Optimizer 免費版的主要功能是什麼?

              在其免費版本中,EWWW Image Optimizer 允許您:

              • 壓縮和優化圖像的重量,沒有任何尺寸限制。 事實上,準確地說,限制設置為… 150 MB。 但我不妨告訴你,這不太可能發生。
              • 在您自己的服務器上壓縮您的圖像。 您無需註冊或請求 API 密鑰。
              • 處理所有主要圖像格式:JPG、PNG、GIF、PDF 和 WebP。
              • 借助大規模優化,一次優化您網站上已有的所有圖像
              • 優化媒體庫中的文件,以及其他文件夾中的文件(例如您的主題圖像)。
              • 免費存儲您的圖像 30 天

              為什麼要使用圖像壓縮插件?

              在我們繼續設置插件並發現它的選項之前,讓我們回答一個核心問題:為什麼要使用插件來壓縮圖像?

              這有幾個很好的理由:

              1. 圖像最多可以代表網頁重量的一半。 通過優化它們的重量,您可以確保您的頁面加載速度更快。
              2. 您為訪問者提供更好的用戶體驗。 加載速度太慢的網站會讓用戶感到沮喪,如果他沒有快速找到他正在尋找的東西,他可能會去其他地方。
              3. 你照顧你的搜索引擎優化。 加載速度是谷歌算法在定位頁面時考慮的標準,即使與反向鏈接或內容相關性等主要因素相比,加載速度的權重很小。
              4. 一個加載速度快、圖片經過優化的網站有助於限制跳出率

              您最好的 WordPress 項目需要最好的主機!

              WPMarmite 推薦 Bluehost:出色的性能,出色的支持。 所有你需要一個好的開始。

              試試 Bluehost
              CTA Bluehost WPMarmite

              當然,也有編輯軟件可以壓縮您的圖像。 例如,我正在考慮 Adob​​e Photoshop 及其“為 Web 保存”功能。 甚至是 TinyPNG、Jpeg.io 或 Compressor.io 等在線工具。

              但是,與插件相比,它們具有三個主要限制:

              1. 這些工具並不總是免費的,您可能對它們的工作方式感到不舒服。
              2. 壓縮程度可能不如專用 WordPress 插件有效
              3. 使用第三方軟件“迫使”您在其界面和您的 WordPress 網站之間來回切換。 使用插件,您可以直接在網站的儀表板上獲得所有選項,從而節省大量時間。

              現在,在這道開胃菜之後,讓我們繼續主菜。 讓我們詳細了解如何設置 EWWW Image Optimizer。

              如何設置 EWWW 圖像優化器:教程

              如何優化圖片的權重?

              在您的 WordPress 管理界面上,首先通過菜單plugins > Add Plugins安裝和激活 EWWW Image Optimizer:

              WordPress 中的 EWWW Image Optimizer 插件下載頁面。

              完成此操作後,通過單擊Settings > EWWW Image Optimizer 轉到左側邊欄中的插件設置菜單。

              如您所見,插件只需兩個步驟即可開始工作。

              第一步:選擇你的目標

              該插件首先要求您選擇目標:

              • 如果您想加快網站速度和/或節省存儲空間,請選中相應的框。 出於本教程的目的,我選擇了這兩個選項。
              • 決定是否要切換到插件的 Pro 包。

              完成後單擊藍色的“下一步”按鈕。

              EWWW Image Optimizer 提供設置您的目標。

              第 2 步:確認您的設置

              在下一個屏幕上,插件會要求您驗證它為您的站點推薦的設置。

              • 刪除元數據。 該插件指定這“將刪除所有元數據:EXIF、評論、顏色配置文件和任何非像素數據”
              • 啟用懶惰 加載您的圖像。 這意味著它們只有在出現在訪問者的屏幕上時才會加載。
              • WebP 轉換。 WebP 是 Google 提出的一種矩陣圖像格式。 它比 JPG 或 PNG 壓縮圖像甚至更多,而不會損失任何質量。 供您參考,WordPress 從 5.8 版開始就支持這種格式。 該插件會警告您一個要點:轉換為 WebP 格式會增加您的存儲需求。
                它建議使用 EWWW Image Optimizer 僅在其 Pro 版本中提供的 CDN(內容交付網絡)Easy IO。
              • 調整已上傳圖像的寬度和高度
              • 從您的 WordPress 儀表板訪問文檔和支持

              首先,您可以使用默認設置。 您以後可以隨時更改它們。 點擊“保存設置”繼續:

              EWWW 圖像優化器的推薦設置。

              就是這樣,你都準備好了。 EWWW Image Optimizer 現在已配置好,可以開始工作了!

              該插件說新的上傳將自動優化。 所以請高枕無憂:該插件將為您完成一切。

              EWWW Image Optimizer 儀表板提供什麼?

              配置完所有設置後,EWWW Image Optimizer 會將您重定向到其儀表板,該儀表板可分為兩部分。

              在頁面頂部,插入顯示您:

              • 圖片的優化分數(在我的例子中為 40%)。 還提出了提高這一分數的建議。
              • 本地壓縮節省(248,39 KO)。 如果您訪問您的媒體庫,您可以大致了解每個文件的優化情況。 例如,貓的圖像減少了 7.7%,損失了 56.8 KB。
              EWWW Image Optimizer 插件中的圖像優化概述。

              頁面的其餘部分提供 3 個選項卡:

              • Basic允許您調整您的選擇,例如延遲加載、調整圖像大小或 WebP 轉換。
              • 支持提供調試或修復站點的選項。 例如,您會找到一個文檔鏈接和另一個直接聯繫支持人員的鏈接,即使在免費版本 (!) 中也是如此。
              • Contribute為您提供了為改進插件做出貢獻的可能性,例如允許跟踪其使用或翻譯它。
              WordPress 中的 EWWW Image Optimizer 插件菜單。

              那麼,僅此而已嗎? 嗯,不,EWWW Image Optimizer 還提供了另一個方便的選項。 在下一部分中發現它。

              如何使用 EWWW Image Optimizer 批量優化圖像?

              批量優化包括從同一頁面一次性優化圖像的權重。

              要利用它,請轉到媒體 > 批量優化。 單擊“分析未優化的圖像”按鈕,插件將檢測值得處理的圖像。

              僅供參考,EWWW Image Optimizer 將掃描您媒體庫中的圖像,以及您主題中的圖像,以及“BuddyPress 頭像、BuddyPress Activity Plus 圖像、Meta Slider 幻燈片、WP Symposium Pro 頭像、GD bbPress 附件、Grand Media 畫廊和任何其他用戶指定的文件夾”

              EWWW Image Optimizer 上的批量優化。

              讓插件在後台運行並在幾秒鐘內完成。

              現在您知道 EWWW 圖像優化器的工作原理了。 免費版好像有限制? 該插件有一個高級優惠,將在下一節中描述。

              EWWW 圖像優化器的成本是多少?

              EWWW Image Optimizer 基於免費增值模式。 一方面,您可以享受免費插件,該插件可以從您的 WordPress 儀表板激活。

              它滿足基本需求(減少圖像的重量)並且足以開始。

              更進一步,該插件的美國開發者 Shane Bishop 提供了一個由 3 個插件組成的高級包:

              1. Easy Image Optimizer:這是免費插件中用於自動壓縮圖像的 CDN。
                此外,它還減少了您的 CSS 和 JavaScript 文件以減輕您的頁面重量。
              2. 壓縮 API :多虧了這一點,您的圖像優化將更加先進(更多地減輕它們的重量)。 您還可以將圖像存儲在 EWWW 服務器上 30 天。
              3. SWIS 性能。 這個插件是一個工具箱,可以緩存你的頁面,優化你的谷歌字體或縮小你的 CSS 和 JavaScript 文件。

              總共提供 3 個許可證,價格從每月 7 美元(在 1 個站點上使用)到每月 25 美元(無限次使用)不等

              EWWW Image Optimizer 的 3 個單獨許可證的價格範圍。

              許可證越貴,您獲得的選項和帶寬就越多。 每個許可證都提供 7 天的免費試用期,如果您預付一年的費用,您將獲得兩個月的免費試用期。

              請注意,您還可以按以下價格單獨購買每個插件:Easy Image Optimizer 每月 5 美元起,Compress API 1,500 個圖像積分每月 3 美元,SWIS Performance 起價 30 美元/年。

              加入 WPMarmite 訂閱者

              獲取最新的 WPMarmite 帖子(以及獨家資源)。

              現在訂閱
              WPMarmite 英文通訊

              還有哪些插件可用於優化您的圖像?

              從本文開始,我就提到了 EWWW Image Optimizer。 儘管效率很高,但它並不是市場上唯一的一種。

              我還提到了 Imagify 和 Smush,但還有其他選擇,例如:

              • 短像素
              • 優品
              • reSmush.it
              • 羅賓圖像優化器
              • WP壓縮
              • TinyPNG(我之前提到的那個工具也提供了這個插件)

              我不詳細了解所有這些,但我建議您在選擇插件以優化圖像時遵循以下提示:

              • 檢查要優化的文件的最大大小和施加的限制。
              • 查看提供的選項以找到真正滿足您需求的插件。 例如,質量優化選項經常受到歡迎。
              • 注意界面:盡可能簡單易用。
              • 檢查支持壓縮圖像的文件類型。 至少應包括以下經典格式:JPEG、PNG、GIF、PDF、WebP,甚至 SVG。
              • 找出相關插件使用了哪些壓縮格式。 最常見的插件格式是有損和無損的。 使用有損壓縮,圖像會損失一些質量,但圖像尺寸的減少比無損壓縮要大。

              現在,在沒有任何過渡的情況下,讓我們在對 EWWW Image Optimizer 插件進行此測試後進行評估。

              我們對 EWWW Image Optimizer 的最終意見

              插件的優點

              • 該插件非常易於設置和使用。 經過一些基本設置後,一切都會自動發生。
              • 要優化的圖像沒有大小限制(或幾乎沒有限制)。
              • 為所有用戶提供免費電子郵件支持。
              • 圖像的質量優化選項,非常實用,可以避免一張一張地進行……並節省大量時間。
              • 即使使用免費版本,也可以激活延遲加載圖像。
              一個男人同意了。

              插件的缺點

              • EWWW 使用大量內存,因為它在您自己的服務器上運行。 如果您有很多圖像要優化並且託管服務表現不佳,它可能會卡住。
              • 該界面並不是市場上最吸引人的,例如,如果您將其與 Imagify 提供的界面進行比較,則尤其如此。
              • 溢價報價缺乏明確性。 EWWW Image Optimizer 首先推廣其捆綁的許可證(包括 3 個插件),但您也可以單獨獲取每個許可證。 除此之外,你必須睜開眼睛。
              一個女人開車。

              您是否希望提高網站頁面的加載速度? 查看 #WordPress #plugin EWWW 圖像優化器,它可以壓縮照片的重量……等等。

              點擊推文

              EWWW 圖像優化器是為誰設計的?

              EWWW Image Optimizer 適用於只想優化圖像權重的任何人。

              它的易用性使其成為WordPress 新手的自然選擇

              它也適合想要在不承擔任何財務風險的情況下進行測試的人。 它的免費版本已經很有趣,可以進行優化。

              下載 EWWW 圖像優化器:

              下載

              就個人而言,我發現該插件既高效又實用,但減輕照片重量並不是最有效的(至少在其免費版本中)。

              例如,在 WPMarmite 博客上展示的 Imagify 實現了高達 85% 的壓縮增益(相比之下,在本測試中使用 EWWW Image Optimizer 的最大壓縮增益不到 30%)。

              另一方面,它的免費配額限制為每月 20 MB,與 EWWW Image Optimizer 相比,這是一個真正的劣勢。

              最後,如果您想優化 WordPress 網站的加載時間,請選擇高級插件 WP Rocket(附屬鏈接)。 這個非常易於使用的緩存插件——一旦你激活它就會立即運行——還允許你優化你的文件、數據庫甚至媒體。

              您對 EWWW Image Optimizer 感覺如何? 它已經在您的網站上處於活動狀態了嗎? 通過發表評論給我們您的意見。