# 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. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |