Optimize More! – Images

ਵੇਰਵਾ

A lightweight yet powerful image, iframe, and video optimization plugin.
Part of ThinkWeb's Performance Pack.

Features

  • Lazy Load – Lazy loading images, iframes, and videos, using the high performant Lozad.js. No jquery dependency.
  • Preload Featured Images – Automatically preloading featured image from common page/post (homepage, single post, and woocommerce single product pages).
  • Use CDN for Images – HTML rewrite if you want to serve images from your favorite CDN.
  • Add Missing Image Dimensions – Add missing width and height attributes from your images.

New (since 1.0.3)

  • Lazy load CSS Background Images – Load faster by lazy loading background images from the CSS background-image property. Tested and works well on CSS background image from GenerateBlocks, Elementor, and Oxygen Builder.
  • Noscript Fallback – Extra option to use <noscript> fallback for lazy images and iframes.
  • Add Loading Eager – Extra option to Automatically add loading=eager to the excluded list.

Optimize More!

Need to optimize more? Try our WordPress Speed Optimization’s Service

More plugin from ThinkWeb

  • Optimize More! CSS – Selectively Optimize your CSS Delivery: Load CSS Asynchronously, Delay CSS until User Interaction, Preload Critical CSS, Remove Unused CSS Files.

Disclaimer

This plugin will always be in beta. Though the plugin works perfectly well on most WordPress sites, it’s not perfect. We will always try to enhance and adds more features.

This plugin only adds 1 extra row in your database. And it will self delete upon uninstalation.

ਸਕਰੀਨਸ਼ਾਟ

  • Lazy Loading Media Files (Image Tags, Inline Background Images, CSS Background Images, Iframes, Videos)
  • Preload Featured Images, useful to bypass critical image render blocking issue
  • Use CDN for your images, useful to decrease server load
  • Add missing image dimension (width and height attributes)

ਸਥਾਪਤੀਕਰਨ

From within WordPress

  1. Visit Plugins > Add New
  2. Search for Optimize More Images
  3. Activate Optimize More! Images from your Plugins page
  4. Find Optimize More! Images in your sidebar menu to configure settings

Manually

  1. Download the plugin using the download link in this WordPress plugins repository
  2. Upload optimize-more-images folder to your /wp-content/plugins/ directory
  3. Activate Optimize More! Images plugin from your Plugins page
  4. Find Optimize More! Images in your sidebar menu to configure settings

ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ

Why using Lozad.js?

Lozad.js is a highly performant lazyload library, written by Apoorv Saxena in pure JS with no dependencies.

How to enable lazy loading CSS background images

To be safe, lazy loading css background image will not run automatically, so it requires some effort from your end. You just need to add extra “lazyload” class to each container which has background image in your favorite page editor, or simply put (one of) the container class/id in the include list field, it will automatically add an extra “lazyload” class to the container.

Why is there preload featured image feature?

This actually a good practice to add extra performance boost to your WordPress site.

On WordPress single post and Woocommerce single product pages, featured images usually appear on above the fold section, so it’s better to preload them to avoid render blocking issues, just like any assets which required in above the fold section.

We can adapt this single post and single product behaviour in pages too. Set your hero / above the fold images as featured images to programatically, and automatically, preload them on all pages.

Preload featured images not working?

It calls images set as featured image in the native WordPress post/pages, using get_post_thumbnail_id() and wp_get_attachment_image_src(). Make sure you already adds them.

If you are using Elementor or other Page’s builders, simply edit the pages with the native WordPress editor to set the featured image.

Add Missing Image Dimensions not working?

This depends on you theme or overal site’s setup and how you upload your images. If it fails to grab the width and height of your images, it should still put the width and height attributes with empty values (in most case, this will prevent us from having Missing Image Dimensions warning in Google Page’s Speed Insights.

ਸਮੀਖਿਆਵਾਂ

24 ਜਨਵਰੀ 2022
I have used the plugin to optimize images for several clients and it works extremely well. Therefore I can recommend it to anyone who wants to improve the page speed of their websites.
18 ਜਨਵਰੀ 2022
Like this plugin
Read all 3 reviews

ਯੋਗਦਾਨੀ ਤੇ ਵਿਕਾਸਕਾਰ

“Optimize More! – Images” is open source software. The following people have contributed to this plugin.

ਯੋਗਦਾਨੀ

“Optimize More! – Images” ਦਾ ਆਪਣੀ ਭਾਸ਼ਾ ਵਿੱਚ ਅਨੁਵਾਦ ਕਰੋ।

ਵਿਕਾਸ ਕਾਰਜ ਵਿੱਚ ਰੁਚੀ ਰੱਖਦੇ ਹੋ?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

ਤਬਦੀਲੀ-ਚਿੱਠਾ

1.0.6

  • Bug fixes: sometimes images take too long to appear on woocommerce products shortcode display in some themes

1.0.5

  • Bug fixes

1.0.4

  • Minor fixes: simplifying and add structure to the plugin menu name in the sidebar menu to incorporate our new plugin Optimize More! – CSS

1.0.3

  • Added lazy loading CSS background image feature
  • Added option to use no-script fallback
  • Added option to automatically add loading=eager to the excluded list
  • Minor fixes: admin css fixes, typo fixes, and plugin screenshot revision

1.0.2

  • Minor fixes, plugin banner revision, typo fixes, and plugin screenshot revision

1.0.1

  • Initial release