javascript - Wie optimiere ich die Geschwindigkeit beim Öffnen von Webseiten?

Question

1. Reduzieren Sie die Anzahl der Dateianfragen,
2. Verwenden Sie Sprite-Bilder.
3. Verwenden Sie Lazy Loading.
(Wie kann ich die Anzahl der Dateianfragen reduzieren?)
(Warum kann es optimiert werden, indem die Anzahl der Dateianfragen reduziert wird? Wenn ich 10 10.000-Dateien und eine 100.000-Datei habe und meine 10 10.000-Dateien gleichzeitig importiert werden Mehrere Threads, es sollte besser sein als ein 100k-Thread, der schneller ist)()
Bitte geben Sie mir einige Antworten. . . . . . Dankbar. .

Answer 1

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

Answer 2

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

Answer 3

简单讲几个：

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

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

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