javascript - 怎样优化网页打开速度呢？

问题描述

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

问题解答

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

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

简单讲几个：

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

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

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