在一个月黑风高的下午，领导找我谈话： “刘桑，希望你能在下次的技术分享会中分享下你是如何优化打包体积、加快项目首屏渲染的”。我心中顿时大惊——不妙，难道我上次说我会去学习如何优化项目性能的事还记着！

在 dom渲染 之前用户看到的都是白屏，在 下载渲染图片 后，用户才能看到完整的页面。首屏秒开优化就是要减少这个过程的耗时。 扣除网络差的原因，对首屏启动速度影响最大的就是网络请求。由于业务需求，导致我们不得不引入很多第三方包来实现功能，这些包恰恰会容易影响到网络请求。 你的包…

前几天在写一个小工具的时候，需要用到代码压缩工具`uglify-js`，突然就在想：这种代码压缩工具是怎么样去实现的呢？于是去了解了一下它的原理~

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

创建 webpack-demo-main 文件夹。 在该文件中，我们新增 private: true 参数，该参数是确保私有。移除掉 main 参数。 output 指示 webpack 如何去输出、以及在哪里输出你的「bundle、asset 和其他你所打包或使用 webpa…

在过去的开发经历中处理了各种奇葩BUG，认识到代码健壮性（鲁棒性）是提高工作效率、生活质量的一个重要指标，本文主要整理了提高代码健壮性的一些思考。 本文将继续探究除了单元测试、打日志之外其余一些帮助提高JavaScript代码健壮性的方法。 同理，后台在处理前端请求参数时，也应…