Accelerate page loading, improve SEO, and increase sales conversions by adding ImageEngine image CDN for Magento 2. With easy changes to your Magento settings or using our plugin, you can automatically compress all images up to 80% and deliver them via our mobile-optimized CDN.
Start your free trial today, no credit card required.
With its built-in Device Detection and real-time image optimization, ImageEngine outperforms any alternatives.
Overall: We mainly wanted to resolve the image related issues/opportunities mentioned in our Google web vitals report. The report suggested to properly size the images and serve images in next gen formats. So we look out for an image CDN and imagengine worked perfectly for us.
Pros: Automatically converted the jpg images on our website to webp. This solved the issue of images in next gen formats mentioned on our Google pagespeed insight score. Optimized the image payload by 78%. So no complaints!
ImageEngine's image CDN provides faster page loading, Largest Contentful Paint, and Speed Index. This acceleration improves your PageSpeed Insights score, drives higher SEO ranking, and delivers a better user experience. Traditional CDN's can't provide that.
Make improvements in SEO and increase user experience and engagement.
A standard content delivery network (CDN) is a global network of servers that optimizes web performance by using the node closest to the user for faster delivery of assets.
A traditional Content Delivery Network (CDN) improve performance by reducing the geographic distance between website visitors and website servers. By staging content closer to the visitor, the CDN can deliver faster, reduce latency, and avoid long trips back to a single origin server that might be on the other side of the globe.
By default, Magento doesn’t provide a CDN, however on Magento's cloud version it provides a CDN through Fastly's CDN. For better web performance and image optimization up to 80%, you will want to add an image CDN like ImageEngine. On the admin panel, under Stores, you can modify the configuration to add or replace existing CDNs.
In contrast, ImageEngine is a global image CDN. It builds upon a traditional CDN’s geographic proximity approach, but it also adds two innovative improvements. First, each edge server on an image CDN has device detection. ImageEngine’s edge servers instantly identify the device model and browser requesting the images. In addition, device detection also provides information critical to the image optimization process: screen resolution and dimension, pixels per inch, support for WebP, AVIF or JPEG 2000 (JP2) image file formats.
The second improvement is adding image optimization to the CDN process. When an image is requested for the first time, ImageEngine will pull the original image from the website’s storage (also called the “origin”). It will then resize, compress, and convert the image into a file format that is optimal for the specific device and browser. For example, for an iPhone 13, the image optimization will typically resize, compress, and convert to the WebP format and reduce the image payload by up to 80%. All of this is done with no perceptible impact on quality. The next time the same device model requests the image, it is already in cache ready for instant delivery from the edge server.
Magento 2 sites can achieve even better performance with an image CDN like ImageEngine than with traditional CDNs. In contrast to a traditional CDN, an image CDN adds device detection and image optimization prior to delivering images from the CDN. A Magento 2 CDN with ImageEngine decreases image payload, delivers images tailored exactly to each requesting device, and instantly sends images from the edge of the network. The result is faster page loading that drives higher SEO ranking for your Magento 2 website and better user experience.
ImageEngine provides two ways to integrate with Magento 2. One method is to use Magento’s extension manager and module manager. You can find the ImageEngine module on the Magento Marketplace. Configuration of the module requires creating a free ImageEngine trial account and inserting your account’s Delivery Address into the ImageEngine media URL field. Another way to integrate ImageEngine with Magento 2 is by altering your base url for user media files. Once you have created the free ImageEngine trial account and copied your Delivery Address, navigate to “Stores” settings configuration under your admin panel and make some simple adjustments. Under the “Web” section, you click on the “Base URLs”. There, you insert the ImageEngine Delivery Address into the “Base URL for Media File” field. You will make the same changes under the “Base URLs Secure” section if you are serving HTTPS traffic.
These configuration changes will start to route image requests through the ImageEngine CDN.
When you optimize images through ImageEngine’s image CDN for your Magento 2 website, it will add device detection and image optimization automatically. The improvement is dramatic. Without device detection and only using screen size breakpoints, one can reduce image size by 40%. But a device-aware image CDN like ImageEngine can increase the image payload reduction up to 80%.
To achieve the most optimized images on Magento 2, designers need an image optimization solution like ImageEngine to tailor the image to the capabilities and size of the device. Typically, when front end designers want to optimize images, they think of the pixel width of the screen. But effective optimization requires much more than setting breakpoints for the screen size. By fine tuning and using additional capabilities like device model, operating system version, screen size, pixels per inch, browser version, and ability to support specific next-gen image formats, ImageEngine can optimize images much more effectively.
The key here is having a device detection solution that automatically feeds the image optimizer these parameters. The device detection needs to instantly identify the requesting device and supply the relevant image parameters to the image optimization system.
ImageEngine automates the integration between device detection, image optimization, and the CDN delivery. ImageEngine stores these optimized files on the CDN. And from its multiple locations on the CDN, ImageEngine can cache and quickly deliver images for subsequent image requests.
Adding these additional parameters increases both the effectiveness and the complexity of the optimized image. As a result, it is best to automate both the device detection to ensure image optimization. Building and maintaining such a system is very complicated. Devices and their capabilities are changing and evolving quickly. In 2011, there were only 15,000 device profiles. Today, there are over 80,000. Keeping track of these requires a solution like ScientiaMobile’s WURFL device detection. ImageEngine leverages WURFL device detection when it automatically optimizes images for web.
In addition, next-gen image formats are evolving quickly. Using WebP, JPEG 2000, or AVIF image formats requires expertise on how to leverage the detected device, browser, and screen parameters in the optimized image for web processes.
ImageEngine will automatically compress and use the optimal image format for the requesting device. The improvement in web performance, SEO, and revenue conversion more than pays for ImageEngine’s best in class service.
Optimized images and combined with a CDN will generate a range benefis for Magento 2 websites. Benefits fall into categories five categories:
The most immediate benefit that image optimization provides is improved web performance. A number of tools exist to evaluate your site’s web performance, including webpagetest and GT Metrics and others. Perhaps the most influential is Google’s Pagespeed Insights.
Google’s PageSpeed Insights tracks a number of web performance metrics for both Desktop and Mobile. Many critical metrics are grouped as Core Web Vitals. Web performance metrics include Speed Index, Largest Contentful Paint (LCP), and Time to Interactive (TTI). Image payload is a major contributor to poor web performance, so optimizing images by compressing and converting to next-gen image file formats helps immensely.
Integrating an image CDN like ImageEngine with Magento 2 improves customer engagement on site which can lead to more conversions at checkout from an eCommerce or retail website. The faster load time can also increase the Google search engine rankings. through speed index improvements, thereby performing better and reaching more audiences. Plus, adding an image CDN like ImageEngine to a Magento 2 site can decrease developer and designer costs and CDN cost, passing on the savings directly to our customer.
Google recognizes how web performance impacts user experience. And it wants to reward websites that provide both. Therefore, Google has integrated its scoring of web performance (Core Web Vitals) into its search engine ranking algorithm. For companies in a crowded, competitive marketplace, this means that if all other SEO relevance issues are equal, the site with superior web performance will receive a higher rank. And ranking has a clear economic impact on how many visitors come to your Magento 2 site.
ImageEngine’s image optimization has improved the SEO rankings of its customers. Many of its Magento 2 website users report how their search engine ranking on top keywords improves considerably once they integrate an image CDN like ImageEngine.
ImageEngine makes it easy to integrate image optimization on your Magento 2 website. Magento 2 uses a template system that allows users to create impressive webshops with snippets of self-contained code. In order to implement ImageEngine, a webshop owner (or his/her web developer) just needs to modify the existing image tags in various templates that make up the webstore.
The good news is that images can stay where they are stored today. No need to move them from where they are stored today on Magento 2 or elsewhere.
And the code becomes more streamlined. No more bloated responsive image coding that requires the generation of multiple image variants. ImageEngine removes all of that with just a single redirect to the ImageEngine service. It will compress, convert to next-gen image formats, and deliver via its CDN all in one seamless solution.
Integrating an image CDN like ImageEngine with Magento 2 improves customer engagement on site which can lead to more conversions at checkout from an eCommerce or retail website. Studies show that many sites load slowly - on average 9 seconds. But with image optimization, the pages load faster, frequently moving below 5 seconds. This has a positive impact on conversion rates - frequently doubling them.
Test your site with our ImageEngine demo tool and see what improvements can be made.
see demo here
