## 前端 1. [Web优化躬行记](https://www.cnblogs.com/strick/category/1795726.html) 2. [Google性能指南(部分内容已翻译)](https://developers.google.com/web/fundamentals/performance/get-started?hl=zh-CN) 3. [实践一下前端性能分析](https://www.cnblogs.com/strick/p/5475758.html) 4. [前端学Serverless系列--性能调优](https://juejin.im/post/5d3acbe96fb9a07eba2c83ea) 5. [前端页面性能参数搜集](https://www.cnblogs.com/strick/p/5750022.html) 6. [你必须懂的前端性能优化](https://segmentfault.com/a/1190000019897234) 7. [谈谈Web应用中的图片优化技巧及反思](https://segmentfault.com/a/1190000020047949) 8. [前端项目优化-Web开发常用优化方案、Vue&React项目优化](https://www.cnblogs.com/cmk1018/p/11360143.html) 9. [关于前端优化的一些方案](https://juejin.im/post/5d5d1081e51d4561f17a50c1) 10. [一次网站的性能优化之路--天下武功,唯快不破](https://www.cnblogs.com/biaochenxuying/p/11422115.html) 11. [面试之道性能篇](https://juejin.im/post/5d801598e51d4561ce5a1cfd) 12. [征服这道题,让你好好准备面试](https://juejin.im/post/5d8f137ae51d4578045a3531) 13. [从8道面试题看浏览器渲染过程与性能优化](https://juejin.im/post/5e143104e51d45414a4715f7) 14. [2020前端性能优化清单](https://cloud.tencent.com/developer/article/1621632) 15. [最强前端性能优化,Google已经为你准备好了](https://zhuanlan.zhihu.com/p/67134654) 16. [拯救你的年底KPI:前端性能优化](https://juejin.cn/post/6911472693405548557) ## JavaScript 1. [图片预加载与懒加载](https://www.cnblogs.com/strick/p/5372694.html) 2. [前端网络、JavaScript优化以及开发小技巧](https://www.cnblogs.com/strick/p/6228339.html) 3. [JavaScript性能优化 DOM编程](https://www.cnblogs.com/strick/p/6769634.html) 4. [Canvas的一个性能研究:到底怎么影响我们的Canvas性能](https://juejin.im/post/5d398289e51d45108c59a63f) 5. [100万个成员的数组取第一个和最后一个有性能差距吗?](https://juejin.im/post/5d75a5266fb9a06b1a56b137) 6. [讲讲PWA](https://segmentfault.com/a/1190000012353473) 7. [你以为什么是perfomance之前端基础性能监测](https://juejin.im/post/5e26c8cf5188254d9032a62c) ## React 1. [浅谈React性能优化的方向](https://juejin.im/post/5d045350f265da1b695d5bf2) 2. [React性能优化的8种方式了解一下](https://juejin.im/post/5d63311be51d45620821ced8) 3. [ReactNative性能优化指南](https://juejin.im/post/5e1676e16fb9a04847095b12) 4. [PureComponent 与 memo 存在的意义](https://juejin.im/post/5e440327e51d4527214ba686) 5. [React 优化技巧在 Web 版光线追踪里的应用(上)](https://juejin.cn/post/6909716626736676878) 6. [React 优化技巧在 Web 版光线追踪里的应用(中)](https://juejin.cn/post/6911508764063432712) 7. [React优化技巧在Web版光线追踪里的应用(下) ](https://juejin.cn/post/6913790120990769160) ## Vue 1. [提升90%加载速度——vuecli下的首屏性能优化](https://segmentfault.com/a/1190000019499007) ## webpack 1. [前端必懂的webpack优化](https://juejin.im/post/5d372851f265da1ba915bf78) 2. [使用Webpack优化你的第三方库](https://juejin.im/post/5d3cfeaa518825720651913e) 3. [Webpack优化——将你的构建效率提速翻倍](https://juejin.im/post/5d614dc96fb9a06ae3726b3e) ## 网络 1. [前端性能优化的另一种方式——HTTP2.0](https://www.cnblogs.com/strick/p/5658280.html) 2. [从优化到面试装逼指南——网络系列](https://juejin.im/post/5defb2866fb9a01631780d29) ## 工具 1. [WebPageTest系列](https://www.cnblogs.com/strick/category/980651.html) 2. [SEO Speed Mobile测试](https://varvy.com/)