84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
1.减少请求文件次数,2.使用雪碧图。3.使用懒加载。(怎样减少请求文件次数呢?)(为什么减少文件请求次数就可以优化呢,如果我有10个10k的文件和一个100k的文件,我10个10k的文件用多线程同时引入,应该比1个100k的还要快啊。)()求大神们解答。。。。。。感激不尽。。
我认为如果网页比较长的话,完全可以先显示一屏内容,再让滚动条滚动到一定距离用ajax请求加载。如果展示的内容特别多的话,我觉得使用分页展示就比较好,就像淘宝京东那样。
现在使用雪碧图也未必是最好的优化方式了。使用webpack可以减少入口文件,打包图片base64,可以完美解决你的需求。
简单讲几个:
1、使用雪碧图就是减少请求次数,举例:有100个小图标,如果是单张分开就得不断向服务器请求100次才能取完,如果合并放在一张图内,就只需要请求一次
2、js合并,css合并同理。
写这里:多线程是浏览器的,即使多线程请求图片,浏览器也是有限制,目前,所有浏览器的并发数目一般限制在10以内。也就是说当超出这个数量,就会阻塞说到按需加载,这个得要分实际情况,大图超过100来k的基本不会采用雪碧图,一个小图标只有几十几百B或十几二十k的合并起来并没有什么负担,相比于请求多次不如这样一次请求来的更“划算”
我认为如果网页比较长的话,完全可以先显示一屏内容,再让滚动条滚动到一定距离用ajax请求加载。如果展示的内容特别多的话,我觉得使用分页展示就比较好,就像淘宝京东那样。
现在使用雪碧图也未必是最好的优化方式了。
使用webpack可以减少入口文件,打包图片base64,可以完美解决你的需求。
简单讲几个:
1、使用雪碧图就是减少请求次数,举例:有100个小图标,如果是单张分开就得不断向服务器请求100次才能取完,如果合并放在一张图内,就只需要请求一次
2、js合并,css合并同理。
写这里:
多线程是浏览器的,即使多线程请求图片,浏览器也是有限制,目前,所有浏览器的并发数目一般限制在10以内。也就是说当超出这个数量,就会阻塞
说到按需加载,这个得要分实际情况,大图超过100来k的基本不会采用雪碧图,一个小图标只有几十几百B或十几二十k的合并起来并没有什么负担,
相比于请求多次不如这样一次请求来的更“划算”