Introduction

Articles Images, Images, Mobile Display

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?


Joomla! 4.0 BETA ready!

Time to automate Image (jpg/png) optimization and use HTML5 Image Srcsets

New in version 1.7.0: Support for automatically converting and serving WebP images to browsers that support this #SEO and PageSpeed awesome image format

New in version 1.5.0: Support for Browser Native Lazy Image Loading > no more JavaScript needed for this

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:

  • 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

New in Version 1.7.0 (requires Joomla! 3.8+ | Joomla! 4.0)

- New: Support for WebP image format (when supported on your server)
- Improved: correct handling of image when image width is set in % on image element
- Improved: minor code improvements

New in Version 1.6.0 (requires Joomla! 3.8+ | Joomla! 4.0)

- New: Joomla! 4.0 Beta compatible

New in Version 1.5.0 (requires Joomla! 3.8+)

- New: Added option to add browser native lazy loading attribute on image srcsets
- Improved: refactored srcset construction, omitting setting max-width attribute on element when image smaller then max image size
- Improved: refactored image detection to also handle .JPG, .PNG (capitals) and .jpeg

New in Version 1.4.2 (requires Joomla! 3.8+)

- Improved: refactored Joomla One Click Update process to better handle configured Download ID and give more verbose (error / expire) messages

New in Version 1.4.1 (requires Joomla! 3.8+)

- Version: Switching to SemVer (Sematic Versioning) 
- Improved: plugin name conform Joomla! standard (System - ochResponsiveImages instead of ochResponsiveImages)

New in Version 0.1.4 (requires Joomla! 3.8+)

- Improved: replaced deprecated File::exists() function (installer)

new in version 0.1.3 (requires Joomla! 3.8+)

- Improvement: fix incorrect utf-8 encoding in script declarations when page in HTML5

New in version 0.1.2 (requires Joomla! 3.8+)

- Improvement: Force correct charset when HTML Cleanup is set

New in version 0.1.1 (requires Joomla! 3.8+)

- New: Added Exclude option for components
- New: Added Exclude option for menus
- New: Added basic debug information
- Improvement: Joomla 3.9 code review

New in version 0.1.0 (requires Joomla! 3.8+)

- Hello world! - Initial version
ochJSsocials LIGHT
Free

ochJSsocials LIGHT

By Ruud van Lent
Social Share
Joomla! 4.0 BETA Ready! Social Media platforms (Twitter, Linkedin, Facebook) are a growing driver for traffic to your blog and integrated responsive Social Media sharing buttons are facilitating community engagement and promotion. But often integrating Social Sharing buttons on your website can break your website's performance (because they load a remotely hosted script) and look-and-feel. Often...
ochOpenGraph
Paid download

ochOpenGraph

By Ruud van Lent
SEO & Metadata
Joomla! 4.0 BETA ready! Social Media platforms like Facebook, Twitter, Linked, etc. are ideal showcases for your content. But how do they determine what text and images to show when somebody shares your content? Facebook introduced the Open Graph Protocol. With this protocol meta-tags are added in your blog / article source code. These meta-tags tell Facebook what the article is about, which ima...
Ochjssocials
Paid download

Ochjssocials

By Ruud van Lent
Social Share
Joomla 4.0 BETA ready! Social Media platforms (Twitter, Linkedin, Pinterest, Facebook, Whatsapp, Mix, LINE, Telegram, Viber, Pocket, Facebook Messenger, vKontakte, SMS, Reddit, Diaspora, Xing, Clipboard) are a growing driver for traffic to your blog and integrated responsive Social Media sharing buttons are facilitating community engagement and promotion. But often integrating Social Sharing butt...
ochSEO|SMO Toolbox
Paid download

ochSEO|SMO Toolbox

By Ruud van Lent
SEO & Metadata
Joomla! 4.0 BETA ready! New: Switch to Joomla's 3.8 new router and remove your Article IDs from the URL WITHOUT loosing your #SEO ranking and breaking links to your website! Search Engine Optimization (SEO) and Social Media Optimization (SMO) is an important factor in increasing the popularity of your website. There are many manual ways to tweak and tune your site's SEO and SMO parameters. This p...
ochCall2Action
Paid download

ochCall2Action

By Ruud van Lent
News Display
Joomla! 4.0 BETA ready! Your online channels are important for you and your business. You spent a lot of time and effort to write high quality blogs for your visitors. You spent a lot of time on social media to draw attention to these blogs. You polish your content and website to be SEO optimized. But what is it you want these visitors to do on your website other then read your blog and leave? Wh...
ochFitvids
Paid download

ochFitvids

By Ruud van Lent
Multimedia Display
Adding video's (youtube, vimeo, tedx, kickstarter, prezi) to your website and blog is an excellent way to attract visitors to your website, share your message AND extent your visitors 'on page duration'. One of the important criteria of search engines in determining if your content is as good as you think it is, is the time visitors stay on your page. With an ever increasing number of mobile visit...
ochGotNews
Paid download

ochGotNews

By Ruud van Lent
News Display
Marketers in a content-driven landscape are responsible for producing huge amounts of content, day in and day out. But most of us don’t have the time, staff, or budget to publish enough great (or even good) content. We do the best we can, but it’s often impossible to stay ahead of the demand. Time to enable your community to easily generate curated content for your website! Content curation...
ochAddAds
Paid download

ochAddAds

By Ruud van Lent
Ads & Affiliates
Joomla! 4.0 BETA ready! You work hard to maintain your blog, forum, or online services platform. You spend a fair amount of time in creating great content and generating traffic to your site... Why not start monetizing your website? With this plugin you can: - Easily monetize your website by seamlessly integrating Google AdSense and / or Google Ad Manager into your webpages. - Automatically pl...
ochClickThis
Paid download

ochClickThis

By Ruud van Lent
Analytics
Ever wondered how users navigate on your site? What links they click? Do you want to have a method for performing A/B testing on links / buttons? Or do you want a way to quickly collect invaluable visitor input with a question on your website or in your newsletter? Did you notice that the Google tools are blocked more and more by browsers and visitors who value their privacy, leaving you with at b...
ochLogFiles
Free

ochLogFiles

By Ruud van Lent
Administration
Joomla! 4.0 BETA ready! Log files are an important source of information as it comes to how your website is functioning. If users encountered errors or if there are activities that are important and need to be reported to the website maintainer log files are a developers 'weapon' of choice. Log files are an important source of information in your maintenance toolbox. But in Joomla there is no eas...
ochSimpleFirewall
Paid download

ochSimpleFirewall

By Ruud van Lent
Site Security
Joomla! 4.0 BETA ready! Are you worried that your website gets hacked? Are you afraid of your website pushing malware to your visitors because of this? Did you know that your website is visited (very) regularly by bots scanning your site for vulnerabilities or spam possibilities? Did you know that there are hundreds of (commercial) companies trying to fight these offenders and keeping track of t...
ochBlog
Paid download

ochBlog

By Ruud van Lent
Blog
Joomla! has a long history of being the perfect CMS (Content Management System). in previous versions (1.x / 2.5), although maturing, the Content (articles) generation and displaying lacked Blog functionality. There are different requirements in having a Blog then in having an article. Time to leverage your Joomla! CMS into a fully fledged Blog platform! ochBlog comes with a brand new ochImage f...
ochStopDMR
Paid download

ochStopDMR

By Ruud van Lent
Access & Security
Joomla 4.0 BETA ready! Do you even feel disappointed, or even wronged, when people register on your website or subscribe to your newsletter with a Disposable or temporary E-mail account? When they download your free ‘goodies’ that you worked so hard on and ‘thank’ you with a bouncing email address, leaving you with no possibility to contact them, for support, news, etc. Do you ever feel...

ochResponsiveImages

Version:
1.7.0
Developer:
Ruud van Lent
Last updated:
Jul 01 2020
Date added:
Oct 16 2018
License:
GPLv2 or later
Type:
Paid download
Includes:
p
Compatibility:
J3 J4 Beta
Download

Uses Joomla! Update System