功能说明

为了大幅度减少H5页面的白屏时间，悟空系统支持页面预渲染功能。

预渲染是一种将动态生成的网页内容预先转换为静态HTML文件的技术。当用户请求页面时，服务器直接返回预先生成的静态文件，而不是每次请求都执行数据库查询和动态渲染。

适用场景

1、内容相对固定的页面

2、高并发访问的页面

3、对性能要求较高的场景

开启方式

在项目设置中开启页面预渲染，操作路径：项目设置 ——> 高级设置 ——> 预渲染开关

如何对单活动页控制预渲染？

当项目开启预渲染的情况下，支持单个活动页开启和关闭预渲，操作路径：站点设置 ——> 基础设置 ——> 预渲染开关

注意事项

开启预渲染后，站点在发布阶段，会进行截屏获取dom，需要考虑。

1、确保所有关键内容在DOM加载后立即可见。

2、免依赖用户交互才能显示的内容。

3、检查异步加载内容是否会影响截屏结果。

4、测试不同屏幕尺寸下的截屏效果

注意事项案例：当组件有动态数据，比如实时数据、定位、dmp、不同尺寸使用的配置不一样等情况，需要单独定制处理。

以下是商城活动项目，组件的兼容处理，更改方式可做参考：