前端性能揭秘
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

进一步优化

当然,在此基础上还可以做更多的优化工作,和1.1节一样,从DevTools中可以看到,logo.ecc203fb.svg同样是串行加载的,等待JavaScript加载完才开始对其进行加载。可以把logo.svg提前到前面并行加载,从而节约等待加载的时间。

同样,可以把preload的代码加入index.html中并重新构建。

如图1-11所示,可以看到logo.svg被提前到前面并行加载,时间再一次从2.51s被优化到1.95s。

图1-11 Vite生产模式+ preload