Lazy Loading - No SEO Negative Impact
Switch branches/tags
Nothing to show
Clone or download
Narayan Prusty
Narayan Prusty Merge pull request #5 from tino-wittig/patch-1
spezific placeholder
Latest commit 6872d95 Apr 30, 2015
Permalink
Failed to load latest commit information.
README.md Update README.md Jun 18, 2014
qazy.js Update qazy.js Mar 20, 2015
qazy.min.js Initial Commit Jun 18, 2014

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>