前端优化

聊聊关于性能优化和其他（一） (opens new window)

前端优化之雅虎(Yahoo)军规14条规则 (opens new window)

性能优化

性能优化分为网络层面的优化、渲染层面的优化。

性能评估体系

优化效率

在现有优化的基础上，进一步提升效率。代码层面通过优化算法、优化结构等加快运行速度。

渲染优化

动画卡顿问题

• 可视化时如何选择这三种技术svg、canvas、webgl (opens new window)

动画类型可分为 CSS3 动画、Canvas 动画。

CSS3 动画可使用 transition + transform 的 GPU 加速特性，优化传统动画。

动画可能触发大量的重绘乃至回流，造成动画卡顿。

是否可以转换为 canvas 等其它动画优化卡顿问题。