帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:SEO  lazy  延迟加载  IMP  lazy-load  
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>
    
    
    
    
    


    文章标签:IMP  lazy  SEO  lazy-load  延迟加载  

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