Gijo Varghese

<p>The complete solution for image optimization</p>
<h3>Features</h3>
<ul>
<li><strong>Free Unlimited CDN</strong> – Flying Images uses <a href="https://statically.io/" rel="nofollow ugc">Statically</a> to provide free CDN. Statically is powered by Cloudflare (premium network), BunnyCDN, Fastly and CDN77. No hidden charges or upsell.</li>
<li><strong>On the fly Image Compression</strong> – Compress images on the fly via CDN. You can also set the desired quality needed.</li>
<li><strong>On the fly WebP conversion</strong> – Convert and deliver images as Webp via CDN if the browser supports it.</li>
<li><strong>Responsive/Adaptive Images</strong> – Creates srcset to deliver resized images based on device. Supports external images too.</li>
<li><strong>Native/JavaScript lazy loading</strong> – Load images using the browser’s native lazy loading if available (currently supported in Chrome) or via JavaScript. JavaScript only lazy load is also available. Also supports lazy loading inlined background images.</li>
<li><strong>Tiny JavaScript</strong> – Only 0.7KB, gzipped, minified.</li>
<li><strong>Rewrites entire HTML</strong> – Never miss an image from lazy loading or adding CDN, even the ones injected by gallery plugins.</li>
</ul>
<h3>Support</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/nazy-load/" rel="ugc">Official Support Forum</a></li>
<li><a href="https://www.facebook.com/groups/wpspeedmatters" rel="nofollow ugc">Facebook Group</a></li>
</ul>
<h3>Our premium products</h3>
<ul>
<li><a href="https://flyingpress.com" rel="nofollow ugc">FlyingPress</a></li>
<li><a href="https://flyingcdn.com" rel="nofollow ugc">FlyingCDN</a></li>
</ul>
<h3>Our free plugins</h3>
<ul>
<li><a href="https://wordpress.org/plugins/flying-pages/" rel="ugc">Flying Pages</a></li>
<li><a href="https://wordpress.org/plugins/nazy-load/" rel="ugc">Flying Images</a></li>
<li><a href="https://wordpress.org/plugins/flying-scripts/" rel="ugc">Flying Scripts</a></li>
<li><a href="https://wordpress.org/plugins/flying-analytics/" rel="ugc">Flying Analytics</a></li>
<li><a href="https://wordpress.org/plugins/flying-fonts/" rel="ugc">Flying Fonts</a></li>
</ul>


Flying Images: Optimize and Lazy Load Images for Faster Page Speed

Optimize and lazy load images to reduce load times, save bandwidth, and improve performance, delivering a faster and smoother user experience.

Takis Bouyouris

<h4>Deliver downsized images to mobile devices</h4>
<p>WURFL Image Tailor (WIT) http://web.wurfl.io/#wit is an automatic image transformation and delivery service, based on<br />
the WURFL device detection library http://web.wurfl.io/#learnmore. WURFL will detect the device, and its screen size<br />
and it will resize and optimize (downsize) each image accordingly.</p>
<p>This plugin hooks automatically into the WordPress HTML image code generation process and changes each image’s src<br />
attribute, so that it is optimized for that specific device and delivered via the WURFL Image Tailor service.</p>
<p>The plugin also filters the post contents to replace the src attribute of images in it. But it currently does this for<br />
all (!) images that it finds in the post contents. Right now it does not replace the href attribute of links that<br />
point to images in the media gallery.</p>
<h4>Use WordPress functions and filters</h4>
<p>Make sure you use functions like:</p>
<ul>
<li><code>the_post_thumbnail(</code>…<code>)</code></li>
<li><code>wp_get_attachment_image(</code>…<code>)</code></li>
<li><code>the_content(</code>…<code>)</code></li>
</ul>
<p>However, do not use <code>wp_get_attachment_image_src()</code>, because we cannot hook into it (yet)! Right now the plugin hooks<br />
into these WordPress filters:</p>
<ul>
<li><code>wp_get_attachment_image_attributes</code></li>
<li><code>the_content</code></li>
</ul>
<h4>Adaptive Images</h4>
<p>Also, checkout Adaptive Images for WordPress https://wordpress.org/plugins/adaptive-images/ a self-hosted, transparent mobile images solution.</p>


WURFL Image Tailor (WIT)

Sets up the sources of your images so that they are served via the WURFL Image tailor service (WIT) http://web.wurfl.io/#wit.

Flying Images: Optimize and Lazy Load Images for Faster Page Speed vs WURFL Image Tailor (WIT)