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.

Image[1]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance

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
Image[2]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance
Image[3]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance

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".
Image[4]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance

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.
Image[5]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance

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
Image[6]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance
  • 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
Image [7]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance

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.

Image[8]-EWWW Plugin Image Optimization Tutorial: Easily Enable WebP to Improve WordPress Performance

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
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by Zhong
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