首屏加载优化
-
preload(提高优先级,优先加载本页资源)、prefetch(降低优先级,提前加载可能用到的资源)
-
利用LocalStorage缓存资源
-
图片资源压缩,icon资源使用雪碧图
对于vue项目:
- 分离打包,对于第三方js库的打包优化。
-
生产环境是内网的话,把资源放内网,通过静态文件引入,如果有外网的话,通过CDN方式引入,不用占用访问外网的带宽,可以节省流量,通过CDN加速。
-
利用webpack的externals设置外部拓展,使代码编译成通过require运行时加载资源,防止将一些import的第三方资源打包到bundle中。再通过CDN去引入这些资源,可以直接通过全局变量访问,省去import引入和Vue.use注册。
module.exports = {
...
externals: {