性能优化之渐进式渲染

[barretlee]

认领人须知

• 了解下 PWA
• 了解下如何实现过渡式渲染
• 弱网络下模拟效果

[haidao17]

申请认领本议题

[haidao17]

内容大纲

1. 渐进式渲染的定义及目标
2. 基础知识
   • 浏览器渲染基本原理
   • 关键渲染路径分析
3. 渐进式渲染的实现及性能分析
   • 实践代码
   • 几个常用的性能指标（首屏/白屏/可交互时间等）
   • chorme devtool 的使用
   • proformance API 的使用
4. 拓展阅读
   • Web App 的 未来：PWA
   • 讨论：SPA 服务器端渐进式渲染的可能性及实现

简单的捋了捋思路，发现可以写的内容还是挺多的，我自己未必能想的周全，欢迎大家补充。 最近忙着写毕设，估计两周的时间不一定能写完，慢慢来吧。

PS: 第三部分「渐进式渲染的实现及性能分析」的内容会涉及到 性能优化之首屏白屏优化 #15 ，要不要把这个 ISSUE 合并进来？ @barretlee

[barretlee]

@haidao17 渐进式渲染是白屏问题比较常见的解法，但也有其他方案解决这个问题，暂时不合并 issue，你先研究，把知识点整理处理，我们再进行讨论。

[17biubiu]

这些问题还在进行吗