The admin can optimize the images by using the configuration option under the store tab. This will increase the process of store optimization and make your web pages light in weight to load.

• The admin can enable image optimization to convert the image file type to .webp.
• The .webp file format will compress the images without affecting the quality of the image.
• Because of the small size of images, the webpage will load faster.
• This will improve the performance of your website.

The admin can enable defer loading to optimize the code and increase performance.

• After enabling defer loading the page content loads before loading the script.
• As the page content load first, that's why the performance will increase.
• The performance will get displayed only by running the Audit.
• You can also check the accessibility and SEO of your website by using Audit.
• This Magento 2 Page Speed Optimization module will help in decreasing the loading time of the web pages.

Using configuration the admin can enable image responsive pixels for this Magento 2 Page Speed Optimization module. The following are the advantages of image responsive pixels.

• The image compression type can be selected by the admin.
• The admin can determine the compressed image quality.
• The admin can set the encoding type

JPEG (Joint Photographic Experts Group) is a commonly used method of lossy compression technique for reducing the file size of digital images and digital photos. It is the most popular image compression standard across the world and the best-chosen file format for managing digital images and pictures online.

• Most common file format for capturing, storing, and sharing images on the web.
• Huge Reduction in file size as compared to other formats.
• Minimal or no loss in quality when compared to the original image.
• Improves web page size and loading time significantly. Automatically compress images on the product, category, and search pages.

Using the command-line tool, the store administrator can convert the multiple numbers of image files to WebP or JPEG formats. This is useful for compressing a large number of different images quickly.

• Convert any image file using the command line too.
• Batch image compression and optimization.
• Helpful in saving time and file storage.
• No loss in the quality of the images.

Enable Lazy Loader to optimize the images to appear as per the scroll of the user. Lazy loading works in a way that it shows only those images which are on the viewpoint and defer other images below.

• Greatly helpful in reducing page load time.
• It doesn’t affect the browsing experience of users.
• Images are instantly loaded when the page is scrolled.
• Improves web page performance, reduces cost and resources needed.
• Lazy Loader optimized for the category, product, and search pages.

The infinite scroll component is used on popular internet platforms and social networks. With this, the user gets to experience seamless content while scrolling. The new content appears automatically without leaving the current page.

• No pagination for category and search pages.
• Automatically shows products after each scroll.
• Improves online store browsing experience.
• Save page load times to a great extent.
• Engages customers to view more and more products.

TTFB stands for time to the first byte. It is the amount of time it takes from when a client makes an HTTP request to it receiving its first byte of data from the web server.

• Magento 2 Page Speed Optimization module provides two types of image compression features i.e. WebP and jpeg compression which help to reduce the size of the page and help in faster loading of the page.
• It features lazy loading which stops images from loading at the time of page load and after the page gets loaded images start loading, this will result in faster page loading.
• Magento 2 Page Speed Optimization module gives the feature to move all the scripts at the bottom of the page thus while page loading js does not load and results in faster page load, it is commonly known as defer loading.

On the store pages, the admin can set the priority of the images for loading. The images with high priority will be loaded first and then the rest of the images.

• Set image load priority as - Low or High.
• Image load priority can be set for the store pages' content section.
• At the storefront the images for the store pages load as per their priority.

The admin has the option to enable quick links for page optimization. The admin can choose a class or ID and set which section of that class or ID should get the priority to load first.

• The admin can enable the quicklinks for the store pages.
• Enable prerender as required.
• Choose the DOM element to observe for in-viewport links to prefetch.
• Provide a static list of URLs to be prerendered, instead of detecting that in-viewport.
• Customizing URLs is supported.

With Google announcing an upcoming algorithm update on ranking factor, measurement, and page experience. The site owners are now guided with three key metrics (LCP, FID, CLS) that are essential for delivering a great user experience.

• Largest Contentful Paint (Loading) - It measures the time taken to show the main content element (such as a large image or text) to the user. This is useful to check page rendering time and loading performance.
• First Input Delay (Interactivity) - It checks how quickly a page responds to user interaction (such as clicking a link or tapping a button).
• Cumulative Layout Shift (Visual Stability) - It scores unexpected page layout shifts (such as - movement of text, link, button) during the loading phase.

Magento 2 SEO Extension and Magento 2 Speed Optimization offer various important features (WebP/JPG Image Optimization, Improve Lighthouse Page Performance, Cache Support, LazyLoading, Defer JS, Srcset). Helping to optimize your web store content and support upcoming 2021 Google Algorithm UX changes with Core Web Vitals.