帮酷LOGO
  • 显示原文与译文双语对照的内容
Lazy Loading - No SEO Negative Impact

  • 源代码名称:Qazy
  • 源代码网址:http://www.github.com/narayanprusty/Qazy
  • Qazy源代码文档
  • Qazy源代码下载
  • Git URL:
    git://www.github.com/narayanprusty/Qazy.git
  • Git Clone代码到本地:
    git clone http://www.github.com/narayanprusty/Qazy
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/narayanprusty/Qazy
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • Qazy

    延迟加载- 没有SEO负影响

    Qazy是图像迟缓加载程序,是库无关的( 没有 jQuery ) 。

    Qazy删除负SEO冲击模式。 这就使得它与其他惰性装载器不同。

    在网页中尽快加载脚本,以便它能够开始跟踪图像并延迟加载它们。

    实时预览插件

    这是一个示例标记,用于以延迟方式加载图像

    <!-- 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">

    完整的工作示例代码

    <!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>



    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语