华为云首页用户手册

Astro轻应用 AstroZero-如何检查页面性能:操作步骤

Astro轻应用 AstroZero-如何检查页面性能:操作步骤

时间：2023-11-01 16:25:39

Astro轻应用 AstroZero

操作步骤

确认高级页面属性开关“合并并压缩资源”已关闭。
1. 参考如何登录新版应用设计器中操作，登录新版应用设计器。
2. 在左侧导航栏中，选择“界面”。
3. 在设置中，单击“页面设置”，进入页面设置。
  图1 进入页面设置
4. 获取锁后，在“属性”页签，去勾选“合并并压缩资源”。
  若勾选“合并并压缩资源”，会对所有高级页面涉及的css和js文件进行合并及压缩，使用单页面性能检查功能时，不要勾选该选项。
  
  图2 关闭“合并并压缩资源”属性
5. 设置完成后，单击，并单击，释放锁。
打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。
1. 在Chrome浏览器中，按下“F12”或者“Ctrl + Shift + I”，开启开发者工具。
2. 在“Network”页签，勾选“Disable cache”属性（即禁用缓存）。
  在进行页面性能检查时，如果不勾选该选项，性能检查会读取缓存中的数据，导致性能检查结果不准确。
  
  图3 勾选“Disable cache”属性
在已发布的高级页面上方，单击“性能分析”，进入页面性能分析报告页面。

开发者工具请保持打开状态，关闭后“Disable cache”属性会自动不勾选。同时请确保高级页面已发布，若未发布，单击高级页面上方的，发布页面。

图4 查看性能分析报告
在页面性能报告中，单击各指标后的“展开”，可查看性能指标详情。

图5 查看性能指标详情

上一篇：Astro轻应用 AstroZero-管理页面级数据源、全局状态:操作步骤

下一篇：Astro轻应用 AstroZero-管理页面级数据源、全局状态:操作步骤

Astro轻应用 AstroZero-如何检查页面性能:操作步骤

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题