老板让你做性能优化，第一步你应该做什么？想做好网页性能优化，首先需要先定义好性能指标。性能指标才是做好性能优化的第一步。

在编写页面中，我们要知道浏览器如何处理 HTML、JavaScript 和 CSS。 需要了解并注意五个主要区域， 这些我们拥有控制权的部分，也是像素至屏幕管道中的关键点。 JavaScript。 一般来说，我们会使用 JavaScript 来实现一些视觉变化的效果。比如用 j…

打包速度：优化打包速度，主要是提升了我们的开发效率，更快的打包构建过程，将让你保持一颗愉悦的心 打包体积：优化打包体积，主要是提升产品的使用体验，降低服务器资源成本，更快的页面加载，将让产品显得更加“

当优化webpack性能时，主要集中在两个方面：优化构建后的结果和优化构建时的速度。前一篇文章已经介绍了如何通过webpack的分包来优化构建后的结果。而在本篇文章中，我们将从减少打包体积的角度来探讨

Workbox 原来如此简单！！！在WebPac中使用generateSW 进行生成Service workers 配置

虽然 ServiceWorker 和 PWA 正在成为现代 Web 应用程序的标准，但浏览器资源缓存变得比以往任何时候都复杂。 本文涵盖了浏览器缓存的重点内容。

2017年11月份，谷歌在上海举办了一个开发者大会，期间在很多会场都有关于PWA的介绍，王二认为谷歌在致力于推行这项技术，那么技术上还是很先进的，于是有了如下分享。 PWA的中文名叫做渐进式网页应用，早在2014年， W3C 公布过 Service Worker 的相关草案，但…

前言 前面篇章我们分析了“从输入URL到页面加载完成”的完整链路，主要经历“网络请求、浏览器渲染”两大过程，那么优化方案我们可以围绕这两方面展开探索，此篇我们先来看“网络层面”的优化方案。正文开始前，