![前端性能揭秘](https://wfqqreader-1252317822.image.myqcloud.com/cover/216/46418216/b_46418216.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
进一步优化
当然,在此基础上还可以做更多的优化工作,和1.1节一样,从DevTools中可以看到,logo.ecc203fb.svg同样是串行加载的,等待JavaScript加载完才开始对其进行加载。可以把logo.svg提前到前面并行加载,从而节约等待加载的时间。
同样,可以把preload的代码加入index.html中并重新构建。
![](https://epubservercos.yuewen.com/D9D9AD/25638844509204006/epubprivate/OEBPS/Images/txt002_15.jpg?sign=1738844911-I6M0Fse3McaJHGk0rMzZM8WGwLNNgYtJ-0-ca3f090b82d2ce0b09fdaac1232e4934)
如图1-11所示,可以看到logo.svg被提前到前面并行加载,时间再一次从2.51s被优化到1.95s。
![](https://epubservercos.yuewen.com/D9D9AD/25638844509204006/epubprivate/OEBPS/Images/txt002_16.jpg?sign=1738844911-0KpQkW5g9aKsEP13aPIQBtQz66M4mgGR-0-2dc4dd738f6e7954d0ebe05e73358b3a)
图1-11 Vite生产模式+ preload