首页 > 其他分享 >vue首页缓存

vue首页缓存

时间:2022-12-28 10:26:20浏览次数:44  
标签:preload 缓存 console webpack vue 首页 plugins config

vue.config.js添加

 chainWebpack: config => {                config.plugins.delete('prefetch');//取消预加载         config.plugins.delete('preload');//预取     },   当然这两行代码主要是取消vue的预加载,【关闭前的首屏速度 11s,关闭后 1~2 秒,速度加快 10 倍....】 下面还能在进行一次提速,例如压缩、清除 console.log等等。

1.移除 preload 与 prefetch
2.使用 webpack-bundle-analyzer 做打包分析
3.使用 terser-webpack-plugin 清除 console.log
4.使用 compression-webpack-plugin 开启 gzip 压缩
5.配置使用 CDN 方式引入资源库
6.自定义打包的 css/js/图片 文件名和路径
7.压缩图片

 

标签:preload,缓存,console,webpack,vue,首页,plugins,config
From: https://www.cnblogs.com/dawnzhao/p/17009528.html

相关文章

  • react和vue中为什么用key、并且用key的时候为什么不能用index
    为什么用key在虚拟dom进行diff算法的时候,使用key可以对key进行比较然后来判断两个节点是否是同一节点,极大的增加了速度。为什么避免使用index先来总结好了的:如果只是......
  • vue 使用路由component: () =>import (‘ ‘)报错解决办法
    今天帮朋友调代码的时候,在人家的mac上面,项目没有任何错误,到我这里就出现component:()=>import(’')加载路由错误。发现是import处报错,import属于异步引用组件,需要......
  • vue 实现通过字符串关键字符动态渲染 input 输入框
    vue实现通过字符串关键字符动态渲染input输入框今天做一个简单的demo,就是有一个字符串,字符串里面有标识符,前端检测到标识符之后,需要将这个标识符转换成一个input输入框......
  • Vuex的简单使用,基于Vue2
    模仿他的,项目地址https://github.com/iamshaunjp/vuex-playlist视频地址https://www.youtube.com/watch?v=BGAu__J4xoc&list=PL4cUxeGkcC9i371QO_Rtkl26MwtiJ30P2&index......
  • odoo 集群频繁更新静态资源包,并失效缓存
    频繁的更新会影响服务的性能发生该事件的核心代码deflookup(self,method,*args,**kwargs):d,key0,counter=self.lru(args[0])key=key0......
  • Vue3 Composition API 的优势
     1.OptionsAPI存在的问题使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改。 2.CompositionAPI的优势我们可以更加优雅的组织......
  • Vue3之provide 与 inject
     provide与inject 作用:实现祖与后代组件间通信,儿子组件中也能用这种方式,但是一般不这么用,父子组件传信息一般直接用props属性。套路:父组件有一个 provide 选项......
  • Vue3之响应式数据的判断
    响应式数据的判断isRef:检查一个值是否为一个ref对象isReactive:检查一个对象是否是由 reactive 创建的响应式代理isReadonly:检查一个对象是否是由 readonly......
  • Vue3之customRef
    customRef作用:创建一个自定义的ref,并对其依赖项跟踪和更新触发进行显式控制。比如在input更新数据之后,设置指定时间之后再在h3标签上重新展示最新的数据:<templ......
  • Vue3之toRaw 与 markRaw
    toRaw与markRawtoRaw:作用:将一个由reactive生成的响应式对象转为普通对象。ref的对象不行使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引......