我们都知道浏览器常用的请求有POST GET PUT DELETE等，不知道大家有没有关注过还有个请求类型叫OPTIONS。一般来说preflight预检请求，指的就是OPTIONS请求。它会在浏览器认为即将要执行的请求可能会对服务器造成不可预知的影响时，由浏览器自动发出。通过…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…

vue页面白屏的原因及优化 路由懒加载，组件懒加载 CDN 资源优化 gzip 加速优化 vue.config.js中关闭map文件，能减少好多map文件 SSR服务端渲染 首页加骨架屏

上面代码是常用prerender-spa-plugin的配置，staticDir预渲染输出的文件地址，routes要做预渲染的路由，minify压缩相关的配置，renderer渲染引擎相关的配置，可以传入自定以的渲染引擎或者直接使用默认的PuppeteerRenderer，re…