3

我使用最新（4.x）版本的 tinyMCe 和最新版本的 angular-ui/ui-tinymce（https://github.com/angular-ui/ui-tinymce ）在我的 Angular 应用程序中设置了 tinyMCE ）。所有代码都被缩小了。

在我的应用程序中，我在一个页面上有多个 tinyMCE 实例（最多三个），并且该应用程序使用角度路由机制。

一切都设置正确，编辑器工作（并且每个人都有自己的配置）。

我现在面临的问题是性能。每当我加载一个新页面时，tinyMCE 实例都会重新创建自己，即使它们已经存在（= 在 dom 中）！创建一个 tinyMCE 编辑器需要一些时间（最多 3 秒），其中的文本数量似乎并不重要。

我试过使用 tinyMCE 的 gzip 压缩器，但我无法让它工作。

我可以采取哪些措施来提高应用程序的性能？

如果完全相关：我使用的是 Java 后端和 AngularJs 版本 1.2.16

4

1 回答 1

0

如何优化 TinyMCE 的初始化速度

（想看原文吗？）

这里有一些措施可以加快 TinyMCE 的初始化/加载时间。

  • 使用和安装 TinyMCE 压缩机。
    这会将所有 JavaScript HTTP 请求捆绑到一个大请求中，并且 gzip 会将它们压缩 75%。

  • 启用 button_tile_map 选项（应该默认启用）。
    这使得图标加载速度更快，因为多个图像请求被几个瓦片地图请求替换。

  • 使用压缩器内的自定义脚本选项压缩其他脚本。
    同一页面上可能还有其他第三方脚本。这些也可以添加到压缩机中。

  • 禁用不需要的插件。
    请记住将它们从 tinyMCE.init 和 tinyMCE_GZ.init 调用中删除。

不幸的是，目前没有适用于 Java 后端的 TinyMCE 4压缩器。正如你已经说过的，所有的代码都被缩小了。所以我唯一可以建议的是：删除未使用的插件并通过将多个 JS 文件连接到尽可能少的文件中来减少请求数量。

于 2016-02-05T12:17:44.503 回答