首屏加载优化

原创 路小川 随笔 随手 219阅读 2019-04-15 02:08:27 举报

基于页面优化的需求,我们经常会碰到首页加载优化的情况。那么,我们都有哪些方法呢?请看下面。
1.按需加载。
即在引用组件的时候,只注册并引用需要的组件
import dialog from 'element-ui';
Vue.component(dialog.name, dialog);
2.webpack构建优化
将我们一些依赖打包成dll.js,而我们编写的文件打包成bundle.js,这样每次打包只需打包bundle.js就可以了。
3.异步组件
即将组件定义成工厂函数,动态的加载组件。vue在组件渲染时触发工厂函数,并将结果缓存起来,以便再次渲染。
const list = resolve => require(['./list.vue'], resolve);
{
path: '/search',
name: 'search',
component: search
}
4.webpack-bundle-analyzer
查看打包文件大小优化项目依赖
5.服务器开启gzip

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复