通常第一次打开页面的时候因为要加载很多资源文件,所以这个过程通常会很耗费时间,给用户带来不好的体验。
那针对这个问题有哪些优化思路呢?
首先加载的资源文件能否压缩,比如把1兆的图片压缩到几kb。不过要保证压缩后失真的图片能够被用户接受。
然后可以考虑按需加载,比如我不需要一开始就把整个element ui全部加载出来,首页我可能只需要某个或者某几个组件而已。关于这个点,有一个叫“代码覆盖率”的指标可以做一个很重要的参考,有兴趣的朋友可以研究下。
再者,项目里面有些没有变化的资源文件是否可以不修改其文件名,利用客户端的本地缓存优化这个资源加载的过程。
除了项目本身的优化,还可以借助cdn平台,利用其带宽的优势来提高资源加载的速度。
写在最后,懒加载带来了首次打开页面的加载速度,但是也不能损害后续操作的性能。利用预加载的能力,把后续需要加载的资源在空余时间利用空余的带宽资源提前加载到本地是一个非常好的生产实践。