更新时间:2024-07-11 GMT+08:00
分享

如何检查页面性能

使用说明

低代码平台支持检查高级页面性能,生成性能报告页,供开发者查看。

操作步骤

  1. 确认高级页面属性开关“合并并压缩资源”已关闭。

    1. 参考登录经典应用设计器中操作,登录经典版应用设计器。
    2. 在应用设计器下方,选择“页面设置”。
    3. 获取锁后,在“属性”页签,去勾选“合并并压缩资源”。

      若勾选“合并并压缩资源”,会对所有高级页面涉及的css和js文件进行合并及压缩,使用单页面性能检查功能时,不要勾选该选项。

      图1 关闭“合并并压缩资源”属性
    4. 设置完成后,单击,并单击,释放锁。

  2. 打开要进行性能检查的高级页面,在浏览器开发者工具中,勾选“Disable cache”属性。

    1. 在Chrome浏览器中,按下“F12”或者“Ctrl + Shift + I”,开启开发者工具。
    2. 在“Network”页签,勾选“Disable cache”属性(即禁用缓存)。

      在进行页面性能检查时,如果不勾选该选项,性能检查会读取缓存中的数据,导致性能检查结果不准确。

      图2 勾选“Disable cache”属性

  3. 在已发布的高级页面上方,单击“性能分析”,进入页面性能分析报告页面。

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

    图3 查看性能分析报告

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

    图4 查看性能指标详情

相关文档