1. Reduce the number of file requests,
2. Use sprite images.
3. Use lazy loading.
(How to reduce the number of file requests?)
(Why can it be optimized by reducing the number of file requests? If I have 10 10k files and one 100k file, my 10 10k files use multi-threading at the same time. It should be introduced faster than a 100k one.) ()
Please give me the answer. . . . . . Grateful. .
我认为如果网页比较长的话,完全可以先显示一屏内容,再让滚动条滚动到一定距离用ajax请求加载。如果展示的内容特别多的话,我觉得使用分页展示就比较好,就像淘宝京东那样。
现在使用雪碧图也未必是最好的优化方式了。
使用webpack可以减少入口文件,打包图片base64,可以完美解决你的需求。
简单讲几个:
1、使用雪碧图就是减少请求次数,举例:有100个小图标,如果是单张分开就得不断向服务器请求100次才能取完,如果合并放在一张图内,就只需要请求一次
2、js合并,css合并同理。
写这里:
多线程是浏览器的,即使多线程请求图片,浏览器也是有限制,目前,所有浏览器的并发数目一般限制在10以内。也就是说当超出这个数量,就会阻塞
说到按需加载,这个得要分实际情况,大图超过100来k的基本不会采用雪碧图,一个小图标只有几十几百B或十几二十k的合并起来并没有什么负担,
相比于请求多次不如这样一次请求来的更“划算”