As most of us know, image optimization plays a big role in the total load time of WordPress website, so it is very important. Today, we will share a simple alternative to how to integrate Google’s webp files into the WordPress website. Some users see the image file size reduced by more than 70%! What is webp? If you don’t know webp, this is the image file format created by Google’s web performance team to create smaller, faster images. First released in 2010, it provides loss and lossless compression methods. Images are passed from the web server to the web browser based on the image\/webp MIME type. The
Webp lossless image is 26% smaller than PNG, and webp lossless image is 25-34% smaller than JPEG. Companies such as youtube and eBay have used webp to automatically power many sites. The following is an example of eBay, which has an average of about 30 webp files on its home page. Why is webp so important? According to httparchive statistics, as of August 2016, images accounted for more than 64% of the average web page weight. In general, this is not just a combination of CSS, JS, and HTML. Therefore, it is very important to choose an image format (such as webp) and a powerful image optimization method to minimize the weight of the page. In general, the smaller the page, the faster it loads. Page speed is a ranking factor, so not only visitors, but also Google will be satisfied. The
Webp support webp is interesting now, but it is also important to mention browser support. Not all the latest browsers currently support webp. Canius said that webp is currently supported by chrome 23 or later, opera 39 or later, Android browser 4.3 or Android chrome. But wait! Don’t be too disappointed. Because in the tutorial to be shown below, one way is to pass the webp file to a supported browser and provide jpg\/png in an alternative way. That is, unsupported browsers do not display broken images, but only previously seen images. Consider adding webp to the WordPress site instead of migrating. The
According to W3Schools, chrome’s browser market share is slightly higher than 70%. However, do not take market share as conclusive evidence, but look at the data of visitors to determine what browsers they use. It varies according to the gap market. You may be surprised at how much the statistics have been tampered with. Click \
How WordPress uses webp files in today’s example, we will use a combination of two different WordPress plug-ins to start webp and run it on WordPress. They were created and developed by the team of the global content delivery network keycdn. [advanced] Optimus Image optimizer: a lossless image compression plug-in of WordPress that converts images to webp[free] WordPress cache enabler: a cache plug-in that can provide webp in supported browsers. Optimus image CD-ROM optimizer is the WordPress repository and Optimus. IO or
Male 24Kb male 33% malepng-to-webp-17 Png androg 14KB androg 12KB androg 8KB androg 43% androg PNG to webp-18 Png androg 21KB androg 18KB androg 13KB androg 38% androg PNG to webp-19 Png androg 42kb androg 30KB androg 27KB androg 36% androg PNG to webp-20 Png androg 23KB androg 20KB androg 18KB androg 22% androg webp reduces the average image size by 42.8%. The
As you can see, webp is very easy to implement on the WordPress site, and you can get a smaller image file size! No image compression can compare with the savings of webp. Ah, did you mention that webp can use lossless compression? In other words, there will be no obvious loss of quality. If you are looking for a better way to speed up word press, webp may be an excellent solution.
