
ochResponsiveImages - 12 months
Joomla! 3 PHP 7.4 Maintenance Only Joomla! 4 PHP 7.4 PHP 8.0 PHP 8.1
Are you struggling with 'tuning' your images on your site for best performance and Google's page speed ranking? What looks great on a desktop is a complete bandwidth waste on mobile devices. When optimizing the image for mobile devices, how will they look on all different sizes of devices out there and how will they 'blur' on the desktop?
Time to automate Image optimization and use HTML5 Image Srcsets
With the ochResponsiveImages system plugin, you can configure a set of breakpoints: sizes for devices you want to support. For each break-point an optimized image is automatically generated and cached. Your original image is replaced with an HTML srcset containing all the cached images. What will happen now is that the browser of the visitor will decide which image fits best on his/her screen and only download that specific cached image!
The following break-points / rules are default, but can be customized to even fit your 'unique' template requirements / breakpoints:
- min-width: 1920px,1920px
- min-width: 1366px,1366px
- min-width: 1200px,1200px
- min-width: 992px, 992px
- min-width: 768px, 768px
- min-width: 575px, 575px
- min-width: 480px, 480px
What value does this plug-in add?
The ochResponsiveImages system plugin will:
- Speed up your site: only correct sized images will be downloaded instead of large one-size-fits-almost-all images
- Improve your Google's Page Speed index as the images on the page are optimized for all devices
- Save you a lot of time resizing and compressing images manually... over and over again!
- Convert your images to the Google's new WebP nextgen image format and serve these to browsers that already support them
- Automatically add decoding attribute to <img> elements
- Automatically add width / height attributes to the img srcset preventing CLS (Cumulative layout shifts) on your pages
Screen-shots
[Gallery created with ochGlightbox]
Requirements
- Joomla 3.8+ or Joomla 4.0+
- Basic Joomla! knowledge available between the chair and the keyboard :)
Language support
ochResponsiveImages comes out of the box with the following languages:
- en-GB
- pl-PL
- sr-RS
- sr-YU
- tr-TR (Türkçe Çeviri: Mehmet TAŞ)
You can create or improve your own language on Transifex.
Subscribe to be able to:
- Download ochResponsiveImages plugin
- Get notified of and download future ochResponsiveImages updates
- Automatically keep ochResponsiveImages up to date > Get a Download ID to use in the Joomla! One click Updater
- Request support on our forum
- Propose / discuss new functionality