Barret李靖

如何排查网页的性能问题

3

### 认领人须知 - 这个议题比较大，建议看一看 Google 的 Performance 专题，`javascript->style->layout->paint->composite`  - 然后要搞清楚 Chrome DevTools 这个工具的每个细节

性能优化之懒加载

1

### 认领人须知 - 分析具体场景，哪些内容可以懒加载 - 如何懒加载 - 通过懒加载效果对比分析性能 - 懒加载方案

性能优化之 PreRender

3

### 认领人须知 - 搞清楚 PreRender 的基本原理 - 了解使用场景

性能优化之 DNS Prefetch

6

### 认领人须知 - 需要讲清楚这个知识点的实现原理 - 分析它能够解决多大的问题，最大的收益点，最大的收益（这个不好写，我有点经验，可以后续补充） - 思考如何不漏掉域名

性能优化之首屏白屏优化

4

### 认领人须知 - 白屏问题的解决方案（多种）

性能优化之 HTTPDNS

3

HTTPDNS 是面向无线端的域名解析服务，与传统走 UDP 协议的 DNS 不同，HTTPDNS 基于 HTTP 协议。 基于 HTTP 的域名解析，减少域名解析部分的时间并解决 DNS 劫持的问题。

性能优化之 Preload

4

### 认领人须知 - 需要研究下 W3C 的标准，Preload 的基本原理 - 考虑下这个功能带来的弊端问题和滥用问题

移动端开发，你需要掌握这些内容

2

移动端开发，性能相关的大纲，我抽空整理。

性能优化之渐进式渲染

4

### 认领人须知 - 了解下 PWA - 了解下如何实现过渡式渲染 - 弱网络下模拟效果

性能优化之内联 CSS

5

### 申领人须知 - 搞清楚 CSS 渲染的时机，构建 CSSOM 的流程 - CSS 内联如何做，工程化体系中如何体现