EWWW plugin for WebP image optimization!

In mobile or image-intensive pages, if the image files are not optimized, it not only affects the user experience, but also slows down the performance of the whole site and even affects the search ranking. With the help of EWWW Image Optimizer Plug-ins.Novice users with no technical backgroundIt is also easy to put WordPress The site's images are converted to WebP format to dramatically increase loading speed. This article will take you step-by-step through configuring and using this plugin to quickly accomplish image optimization.

图片[1]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能

Introduction of EWWW Image Optimizer Plugin

EWWW Image Optimizer is an image optimization plugin developed for WordPress with the following features:

  • Supports local generation of WebP copies, no need to rely on external services
  • Automatic optimization of uploaded images, also supports batch processing of historical images
  • furnish Apache and Nginx WebP autoloading support under
图片[2]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能
图片[3]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能

with regards toWebmasters without development skillsFor example, EWWW offers a "setup and go" experience with a simple setup interface, making it ideal for newcomers to get started quickly.

Second, install and enable the plug-in

  1. Log in to your WordPress backend
  2. Click on the left menu [Plug-in] > [Install Plug-in].
  3. Type "EWWW Image Optimizer" in the search box.
  4. Find the plugin and click "Install Now" and then "Enable".
图片[4]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能

After successful installation, the configuration entrance of the plugin will appear in the [Settings] menu, click to enter the settings panel.

Enabling WebP Support

After entering the settings, follow the steps below to enable the WebP image format:

  1. Check "WebP Version" to enable WebP file generation.
  2. EWWW supports rewriting rules to allow the browser to automatically select the appropriate image format. For example, "JS WebP Rewriting" or "Picture WebP Rewriting", enable and configure as needed.
图片[5]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能

Fourth, batch optimize old images and enable automatic optimization

In order to ensure that all images on your site are switched to WebP format, two actions need to be performed:

1. Batch optimization of historical images

  • In the WordPress backend click on [Media] > [Bulk Optimization
  • Scan for unoptimized images and start batch processing
图片[6]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能
  • This procedure generates the corresponding .webp file for the browser to call.

2. Automatic optimization of newly uploaded images

EWWW automatically compresses and generates WebPs when you upload new images by default, with no additional settings. All you need to do is upload images as usual and it will do the optimization for you automatically.

V. How to confirm whether the WebP is loaded normally?

After completing the setup, it is recommended that you manually check that the page is calling WebP images correctly.

Method 1: Browser Development Tools

  1. Open any page of your website with Chrome
  2. Press "F12" to open Developer Tools and switch to "Network" tab.
  3. Refresh the page and filter the image resources (type=img)
  4. See if the image type is image/webpor include it in the path .webp
图片[7]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能

Method 2: Look at the page source code or request path in DevTools

You can also view the page directly HTML The source code or image link address to confirm that a WebP image is called.

图片[8]-EWWW 插件图像优化教程:轻松启用 WebP 提升 WordPress 性能

summarize

EWWW Image Optimizer is a simple image optimization plugin that is worth using for a long time. It doesn't require you to have any coding knowledge, just a few simple configuration steps, you can realize the automatic generation and loading of WebP images. Together with browser support, caching plugins and CDN, this program can significantly reduce image bandwidth, improve the opening speed of mobile, so that your site in terms of performance and SEO Synchronized benefits on.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos135 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments