javascript - 怎样优化网页打开速度呢?
淡淡烟草味
淡淡烟草味 2017-06-10 09:48:27
0
3
584

1.减少请求文件次数,
2.使用雪碧图。
3.使用懒加载。
(怎样减少请求文件次数呢?)
(为什么减少文件请求次数就可以优化呢,如果我有10个10k的文件和一个100k的文件,我10个10k的文件用多线程同时引入,应该比1个100k的还要快啊。)()
求大神们解答。。。。。。感激不尽。。

淡淡烟草味
淡淡烟草味

全部回复 (3)
伊谢尔伦

我认为如果网页比较长的话,完全可以先显示一屏内容,再让滚动条滚动到一定距离用ajax请求加载。如果展示的内容特别多的话,我觉得使用分页展示就比较好,就像淘宝京东那样。

    迷茫

    现在使用雪碧图也未必是最好的优化方式了。
    使用webpack可以减少入口文件,打包图片base64,可以完美解决你的需求。

      过去多啦不再A梦

      简单讲几个:

      1、使用雪碧图就是减少请求次数,举例:有100个小图标,如果是单张分开就得不断向服务器请求100次才能取完,如果合并放在一张图内,就只需要请求一次

      2、js合并,css合并同理。

      写这里:
      多线程是浏览器的,即使多线程请求图片,浏览器也是有限制,目前,所有浏览器的并发数目一般限制在10以内。也就是说当超出这个数量,就会阻塞
      说到按需加载,这个得要分实际情况,大图超过100来k的基本不会采用雪碧图,一个小图标只有几十几百B或十几二十k的合并起来并没有什么负担,
      相比于请求多次不如这样一次请求来的更“划算”

        最新下载
        更多>
        网站特效
        网站源码
        网站素材
        前端模板
        关于我们 免责声明 Sitemap
        PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!