PageSpeed 相关文档
为 NGINX 编译 PageSpeed 支持
ngx_pagespeed
Configuring mod_pagespeed Filters
加载性能测试工具
WebPagetest
Gomez
inyfee

请问如何 做首页图片延迟加载?

  •  
  •   inyfee · Jul 1, 2014 · 4006 views
    This topic created in 4404 days ago, the information mentioned may be changed or developed.
    我的页面首页放置一系列文章链接,和一个相册,有一些小图片 。

    我想问的是,如果实现 ,让页面其它部分全部加载完了,如背景图之类影响第一观感的,然后再去加载这个相册的图片 。试过lazyload,效果不好,有些相册的图片总是加载不出来。

    求教一些优化的方法
    9 replies    2014-07-01 21:41:58 +08:00
    vaneoooo
        1
    vaneoooo  
       Jul 1, 2014   ❤️ 1
    放狗是能找到一些用于延迟加载的js方案的
    inyfee
        2
    inyfee  
    OP
       Jul 1, 2014
    @vaneoooo 搜出来的几乎都是lazyload的。
    jsonline
        3
    jsonline  
       Jul 1, 2014 via Android
    img.onload
    new Image

    光靠插件是不行滴,自己写原生的才能精确控制。
    zjgood
        4
    zjgood  
       Jul 1, 2014 via Android   ❤️ 1
    @yeelone 那就用js手工处理吧,所有图片的地址都放到data-origin,然后用js监视滚动,再利用js修改回来,几句代码就可以实现
    Livid
        5
    Livid  
    MOD
    PRO
       Jul 1, 2014 via iPhone   ❤️ 2
    用 ngx pagespeed 可以为你自动加上 lazyload。
    inyfee
        6
    inyfee  
    OP
       Jul 1, 2014
    @zjgood 是的,我刚已经这么做了,效果比用插件好得多。
    inyfee
        7
    inyfee  
    OP
       Jul 1, 2014
    @Livid 不知道apache有没有相似的模块,现在服务器用的是apache
    Livid
        8
    Livid  
    MOD
    PRO
       Jul 1, 2014 via iPhone   ❤️ 1
    @yeelone 有。搜索 mod pagespeed
    xiaoai
        9
    xiaoai  
       Jul 1, 2014
    QueryLoader2 之类的preload插件可以帮助你
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3288 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 11:41 · PVG 19:41 · LAX 04:41 · JFK 07:41
    ♥ Do have faith in what you're doing.