Image Source: WPMU DEV Step 2: Set Up Smush Those with active memberships to WPMU DEV (which is necessary for access to Smush Pro) have access to the WPMU DEV Dashboard, whose Plugin Manager can be used to install Smush Pro with just one click. You will need to sign up for a WPMU DEV subscription to do so, since part of the product is accessing the appropriate APIs to access the servers that provide the optimization and compression services (one of the upsides of this is that your servers are not the ones handling the workload). How to Optimize Images with Smush Proīefore we begin, we want to note that you can try Smush Pro free for 30 days. For serious users, the developers, WPMU DEV, offers Smush Pro - you can work with photos up to 32 MB, there’s a one-click bulk compression feature, the included CDN allows you to serve images from 45 locations around the world, and more. That said, Smush Image Compression and Optimization is free, and as such, comes with limitations (including limiting users to files that are no larger than 1MB). Not only is it capable of reducing the size of your image files while minimizing any resulting distortion, it comes with tools to determine which files are problematic with regards to load time, the ability to compress images in any directory, and built-in lazy load, which is the practice of serving only the images that can be viewed and delaying ones further down on the page. Smush Image Compression and Optimization, one of the most popular image compression and optimization plugins for WordPress users. One such plugin we want to bring to your attention is Smush Pro (and for those who are interested in a free version, Smush Image Compression and Optimization). But, in the WordPress ecosystem, there are plugins for almost everything, and image optimization is no exception. Whether that means making them smaller in size, removing any excess data that might be included in the image (such as the EXIF data cameras automatically add), or compressing them so that the file sizes become smaller (without a noticeable loss in quality), image optimization makes it so that you can have your cake and eat it too. The answer isn’t to reduce the number of images on your website, but to optimize the images that you decide to use. At the same time, users are demanding sites that load faster and faster. # WordPressĬonsider using an image optimization WordPress plugin that compresses your images while retaining quality.The Internet is highly visual, with images featuring prominently on most websites. # MagentoĬonsider using a third-party Magento extension that optimizes images. # JoomlaĬonsider using an image optimization plugin that compresses your images while retaining quality. Also, ensure you are using the Drupal's built-in Responsive Image Styles (available in Drupal 8 and above) for all images rendered on the site. # Stack-specific guidance # DrupalĬonsider using a module that automatically optimizes and reduces the size of images uploaded through the site while retaining quality. Squoosh is maintained by the Google Web DevRel team. If you're running a small site and can handle manually optimizing all images, this option is probably good enough. For example, with ImageOptim you drag and drop images into its UI, and then it automatically compresses the images without noticeably compromising quality. There are many steps you can take to optimize your images, including:Īnother approach is to run your images through an optimizer that you install onto your computer and run as a GUI. If the potential savings are 4KiB or greater, Lighthouse flags the image as optimizable. Lighthouse collects all the JPEG or BMP images on the page, sets each image's compression level to 85, and then compares the original version with the compressed version. Optimize these images so that the page loads faster and consumes less data: # How Lighthouse flags images as optimizable The Opportunities section of your Lighthouse report lists all unoptimized images, with potential savings in kibibytes (KiB).
0 Comments
Leave a Reply. |