在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

1. 优先使用CDN 2. webpack打包压缩处理 1、先使用webpack-bundle-analyzer插件查看包体大小 2、HtmlWebpackPlugin - 将JS文件放在body的最

一、路由懒加载1、作用提升用户体验，提升首屏组件加载速度，解决白屏问题2、代码示例2.1未使用路由懒加载2.2使用路由懒加载二、组价懒加载1、代码示例1.1原本写法1.2组件懒加载写法三、通过线上引入

前言 我有一个坏习惯：就是下班之后不关电脑，但是电脑一般来说第二天电量不会有什么损失。但是后来突然有一天它开不起来了，上午要罢工？那也不好吧，也不能在光天化日之下划水啊；聪明的我还是找到了原因：电池耗

工作场景中经常会用到 iframe 嵌套页面，决定彻底学习以下相关的知识。涉及到同源、iframe、iframe之间的通信等知识

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…