如何通过vue网站优化实战实现秒开网页的快速加载？

本文共计669个文字，预计阅读时间需要3分钟。

目录【Vue网站优化】网页渲染速度加快在路由配置文件中，采用路由懒加载关闭webpack的productionSourceMap选项使用uglifyjs-webpack-plugin来压缩js文件使用CDN加速加载三方插件服务端

目录

• 网页渲染速度快到极致
• 在路由配置文件中，采用路由懒加载
• 关闭webpack的productionSourceMap选项
• 使用uglifyjs-webpack-plugin来压缩js文件
• 使用cdn加速用来加载三方插件
• 服务器端开启gzip压缩
• 总结

网页渲染速度快到极致

在将打包后的dist目录上传到服务器时，往往会出现首次加载页面速度较慢的情况，以下给出几点优化意见

在路由配置文件中，采用路由懒加载

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。