Skip to content
Lazy Loading - No SEO Negative Impact
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
qazy.js
qazy.min.js

README.md

Qazy

Lazy Loading - No SEO Negative Impact

Qazy is a image lazy loader and is library agnostic (no jQuery).

Qazy removes the negative SEO impact. This is what makes it different from other lazy loaders.

Load the script as soon as possible in the webpage so that it can start tracking the images and load them lazily.

Live Preview

This is a sample markup to make a image to be loaded lazily

<!-- data-qazy is set to true means to load it lazily. Set it to false if you don't want to load it lazily. -->
<!-- A default placeholder is used. To change the placeholder, assign the variable "qazy_image" with the placeholder image url before the script is loaded. -->
<img src="offline-web-apps.jpg" data-qazy="true">

A complete working example code

<!doctype html>
<html>
    <head>
        <title>Qazy</title>
        <script> var qazy_image = "http://qnimate.com/blank.gif";  </script>
        <script src="qazy.js"></script>
    </head>
    <body>
        <img src="lazy-loading.jpg" data-qazy="true">
        <br>
        <img src="offline-web-apps.jpg" data-qazy="true">
        <br>
        <img src="random-color.jpg" data-qazy="true">
        <br>
        <img src="revel-scroll.jpg" data-qazy="true">
        <br>
        <img src="wordpress-fields-metaboxes.jpg" data-qazy="true">
    </body>
</html>
You can’t perform that action at this time.