什么是渐进式渲染 (progressive rendering)？ ​

渐进式渲染（Progressive Rendering）是一种前端优化策略，其目的是尽快呈现页面的主要内容，从而提高用户体验。在渐进式渲染中，页面的部分内容会先于其他部分加载和显示，这使得用户能够尽早看到并与页面互动，而不必等待整个页面加载完成。渐进式渲染的关键在于将页面内容分成多个部分，按照优先级逐步呈现。

以下是实现渐进式渲染的一些建议：

1. 优化关键渲染路径（Critical Rendering Path）：关键渲染路径是指浏览器将 HTML、CSS 和 JavaScript 转换为屏幕上的像素所需的一系列步骤。优化关键渲染路径可以减少首次渲染所需的时间，从而实现渐进式渲染。这可以通过减少阻塞渲染的资源、内联关键 CSS、异步加载 JavaScript 等方法来实现。

2. 使用懒加载（Lazy Loading）：懒加载是一种按需加载的策略，它将非关键内容（如图片、视频等）推迟到用户实际需要时再进行加载。这样可以减少页面加载时的网络请求，加快首次渲染速度。懒加载可以通过 JavaScript 或者现代浏览器支持的 loading="lazy" 属性来实现。

3. 骨架屏（Skeleton Screen）：骨架屏是一种在页面加载过程中显示的简化版页面结构，它通过占位符和基本布局来表示页面的主要内容。当实际内容加载完成后，骨架屏会被替换为完整的页面内容。这种方法可以让用户在等待页面加载时看到一个有结构的页面，提高用户体验。

4. 优先加载关键内容：将页面内容划分为关键内容和非关键内容，并优先加载关键内容。这可以通过将关键内容放在 HTML 文档的前面、优化 HTTP 请求的优先级等方法来实现。

5. 服务端渲染（Server Side Rendering，SSR）：服务端渲染是指在服务器端生成完整的 HTML 页面，然后将其发送到客户端。与客户端渲染（Client Side Rendering，CSR）相比，服务端渲染可以更快地向用户呈现页面内容，从而实现渐进式渲染。但请注意，服务端渲染可能会增加服务器的负担。