After thinning, the entire file size is reduced from 3 MB (3000 KB) to 613 KB (KB). The
2. as you mentioned before selecting the appropriate file format, compression type and file format are important factors related to optimization. Selecting the appropriate image type can reduce the image weight and improve the site speed. The four main file formats used by images on the web. Male portable network graphics (PNG). This format requires lossless compression. Generally, PNG images are of high quality, but the file size is certainly large. Group photo expert group (JPEG). JPEG image quality is often worse than PNG file, but its size is also very small. Loss compression is the most common method to further reduce the size. Graphics Interchange Format (GIF). This format uses lossless compression only. The file size is reserved for small animated images, which are typically used for social media and blog posts. Web page information. Newer file formats can use lossy or lossless compression. Webp images are 26% smaller than PNG and 34% smaller than JPEG. However, all major Internet browsers (especially Safari) do not support this format. The advantage of webp image is that it provides the smallest possible file size and the highest quality. However, Safari is the second most used browser after chrome (especially for mobile devices), so it may not be the best choice for stable visual content. The
Gifs should be rarely used. Although it is often an excellent source of humor or educational information, animation often slows down the site. When selecting from PNG and JPEG images, the usual protocol is that the former is most suitable for screen shots and graphics, and the latter generates better photos. 3. as we have mentioned using delay loading plug-ins such as wpsmush, there is an online tool for compressing media files. However, in addition to adjusting the format and size, you can further optimize the image with delayed loading. If you use delayed loading of images, photos or graphics at the bottom of the page will not render while the visitor is still at the top. When the user starts scrolling, it will be displayed when the media file is displayed. The
The goal of this technique is to minimize the number of images that visitors’ browsers must load at the same time. Both bandwidth and site speed help. It is recommended to enable this feature using image optimization and delayed loading plug-ins such as wpsmush. With more than onemillion active installations and a 5-star word press rating, this free plug-in is a powerful solution for various image optimization tasks, including delayed loading. In addition to delayed loading, WP Smush also uses lossless compression and image resizing to automatically optimize when uploading media files to WordPress. Available in all file formats, including PNG, JPEG, and GIF. This eliminates the need to remember that this process must be performed in advance. The
After installing and activating the plug-in, the site will immediately start scanning for images that need to be optimized. You can navigate to smush> dashboard > settings and configure the settings on the word press dashboard. Conclusion high quality image is an important part of the website. Unfortunately, this can degrade site performance and ultimately compromise UX and SEO. This post describes three ways to speed up your site by optimizing your images. Reduce the file size of the image before uploading it to the site. Please select the appropriate file format. Use delay loading plug-ins such as wpsmush. Is there a problem with the image optimization of the WordPress site? Please let us know in the comments section below!
