Axure 本地预览时加载慢的问题分析和处理方法

Axure 在本地浏览时加载慢，通常与原型资源过大、浏览器渲染压力、网络请求阻塞或本地环境配置有关。

如果你的加载过慢是突然就变慢，90%以上加载了谷歌字体样式css文件导致的。如下图

如何判定是谷歌字体样式导致加载过慢

1、在已加载预览浏览器中右键【检查】或F12（我用的是chrome）

2、选择【Network】,再按一下f5刷新一下，找到【Status】项有个(pending)状态的链接（https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap）看是不是这个，如果是这个，说明就是谷歌字体样式文件用的外部连接导致加载过慢。处理方法就是找到安装模版，注释掉即可，下面是处理方法

===================

一、核心优化措施‌

‌关闭 Google 字体加载（尤其适用于 Axure 9/10/11） ‌

生成的 HTML 文件默认会加载 fonts.googleapis.com 的远程字体，若网络受限或被屏蔽，会导致页面长时间等待。

‌解决方法‌：
1. 找到生成目录下的 Start.html 或 index.html。
2. 注释掉如下代码行
复制代码
```
   
```
1. 若希望永久生效，修改 Axure 安装目录中的模板文件
2. Windows ‌：Axure安装路径\DefaultSettings\Prototype_Files\Start.html
3. ‌Mac ‌：/Applications/Axure RP 9.app/Contents/Resources/DefaultSettings/Prototype_Files/Start.html
4. 注意：更新 Axure 后需重新修改

注意：以上修改后，重启一下axure软件，多刷新几次就生效了

以上能解决90%以上的问题，下面是其他优化方案。

**启用轻量级预览模式（Axure RP 10+）**‌

在预览时选择 ‌**"Preview in Lightweight Mode"**‌，可显著减少 CSS/SVG 渲染负担，提升响应速度

关闭实时自动刷新‌

默认保存即自动刷新预览，对大型原型易造成内存溢出。

‌ 操作路径 ‌：
Publish → Preview Options... → 取消勾选 "Auto-refresh preview when saving"

二、原型结构优化‌

‌精简页面与交互逻辑‌
- 删除未使用的隐藏页面（右键页面 → Delete Page）。
- 减少动态面板嵌套（建议不超过2层），复杂交互拆分为独立页面跳转。
- 清理失效或重复的交互事件（如 OnClick、OnPageLoad 中标记为 "Unused" 的规则）‌。
‌压缩图片资源‌
- 避免在单页放置过多高清图，优先使用压缩后的 WebP 或 JPEG 格式。
- 可通过 TinyPNG 或 Squoosh 批量压缩 ‌。
‌慎用中继器（Repeater）与 Repeat 功能 ‌

单页大量中继器或复杂嵌套会拖慢渲染，建议：
- 限制初始加载条目数（如仅前10条）
- 结合"加载更多"或滚动懒加载 ‌。

‌三、本地托管与浏览器优化‌

‌通过本地 HTTP 服务器预览（推荐） ‌

直接双击 HTML 文件使用 file:// 协议，可能触发浏览器安全限制。

‌推荐做法‌：
1. 使用 Axure 生成 HTML 文件（勾选 "Minify JS" 和 "Include JS files inline"）。
2. 在生成目录打开命令行（Shift + 右键 → "在此处打开 PowerShell"）。
3. 执行命令启动本地服务器：
  复制代码
```
python -m http.server 8000
```
4. 浏览器访问 http://localhost:8000/index.html ‌。
‌**调整浏览器设置（Chrome/Edge）**‌
- 禁用 GPU 渲染冲突：地址栏输入 chrome://flags/#enable-gpu-rasterization → 设为 ‌Disabled‌。
- 提升内存限制：在 Chrome 快捷方式目标后添加参数：
  复制代码
```
--max_old_space_size=4096 --disable-gpu-sandbox
``` ‌:ml-citation{ref="2,12" data="citationList"}。
```

‌四、其他建议‌

‌定期重启 Axure‌：长时间运行会导致缓存堆积，重启可释放内存 ‌39。
‌避免使用过多 Group 嵌套或自定义图标字体‌：WebFont 链接失效也会拖慢加载 ‌3。
‌考虑升级硬件‌：若原型极大（>50MB），建议增加内存或使用 SSD。

如需进一步诊断，可使用 Chrome DevTools（F12）的 ‌Network ‌ 和 ‌Performance‌ 面板分析具体瓶颈。