【整理】前端优化得有个好手段，比如看这个清单🍑🍒🍓🍆🌽

[bluezhan]

收集前端优化指南

看看哪些适合你，又有哪些可以参考的。

吾观自古贤达人，功成不退皆殒身

• 优化 CSS 并加速网站的 21 种方法
• 如何优雅的使用Web Worker
• 优雅绝妙的Javascript跨域问题解决方案
• React Native 性能优化指南【全网最全，值得收藏】
• 前端优化总结
• 从JavaScript的运行原理谈解析效率优化
• 继续优化博客Vue+Webpack生成的Javascript文件体积

东风不与周郎便，铜雀春深锁二乔

• 前端性能优化之重排、重绘与合成
• 记录优化 Vue 应用的首次加载速度
• Vue多页面优化踩坑记录
• webpack 4 源码主流程分析（十四）：webpack 优化
• 如何全方位优化你的超大型 React 应用？
• 一次 Flutter WebView 性能优化
• Webpack实战（六）：如何优雅地运用样式CSS预处理
• 在游戏引擎中的JS性能优化
• JS 优雅指南.1
• 前端面试之前端性能优化
• mixins设计模式以及在js中的使用
• JavaScript优雅写法及骚操作
• 2020前端实践|优雅的实现一个全栈项目（一）
• Vue.js 项目打包优化实践
• webpack简单使用与优化

我寄愁心与明月，随风直到夜郎西

• 前端高级进阶N: 在前端中如何更好地优化打包资源
• 记一次vue-cli3 webpack简单性能优化
• Web 中文字体性能优化实践
• 前端优化的各种手段
• 几个 JavaScript 性能优化小 Tip
• Webpack4不求人(3) ——性能优化
• vue优化小技巧
• 前端高级进阶：如何更好地优化打包资源
• Decorator设计模式以及在js中的使用
• Web 性能优化、文档及代码编辑器相关的新提案
• 如何优雅地打包前端代码
• JavaScript复杂判断(if else / switch)的更优雅写法优化冗余
• Web 性能优化、文档及代码编辑器相关的新提案

故人西辞黄鹤楼，烟花三月下扬州

• 前端内存优化的探索与实践
• 【Dmitri Pavlutin】JavaScript的this关键字的优雅解释
• V8 引擎和 JavaScript 优化建议
• CSS 渲染原理以及优化策略
• 前端项目优化（一）
• 深入理解JS设计模式 单例模式
• webpack性能优化汇总(一)
• Web Worker串行加载优化
• 如何对 React 函数式组件进行优化
• Web 站点接口优化实践
• 总结几个webpack打包优化的方法
• 优雅地用Vue生成动态表单
• Web性能优化之——浏览器缓存
• Vue.js 无限滚动列表性能优化方案
• Go Http Client 连接优化
• 如何用webpack优化moment.js的体积
• JS性能优化策略

金樽清酒斗十千，玉盘珍羞直万钱

• 前端加载优化实战
• 前端性能优化与原理实践之【webpack性能与Gzip原理】
• 通过定时器、时间分片、Web Worker优化长任务
• 前端项目优化之我的浅见
• Angular6项目打包优化
• 如何在 React 中优雅的写 CSS
• 基于Webpack4的Vue移动端开发环境-优化篇
• 如何处理 Web 图片优化？

[ANGANAIZIJI]

奥利给

[ChasLui]

• 2020前端性能优化清单（一）
• 2020前端性能优化清单（二）
• 2020前端性能优化清单（三）
• 2020前端性能优化清单（四）
• 2020前端性能优化清单（五）

[bluezhan]

• 2020前端性能优化清单（一）
• 2020前端性能优化清单（二）
• 2020前端性能优化清单（三）
• 2020前端性能优化清单（四）
• 2020前端性能优化清单（五）

奥利给

[Rabbitzzc]

真牛逼啊