在Angular应用中提高TinyMCE性能

Question

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

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

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

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

我尝试过使用 tinyMCE 的 gzip 压缩程序，但无法使其正常工作。

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

如果相关：我正在使用 Java 后端和 AngularJs 版本 1.2.16。

- Mike

Answer 1

如何优化TinyMCE的初始化速度

(想看原始文章吗？)

以下是一些提高TinyMCE初始化/加载时间的方法。

• 使用并安装TinyMCE压缩器。
  这将把所有JavaScript HTTP请求捆绑成一个大请求，并将它们压缩75%。

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

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

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

目前Java后端的TinyMCE 4没有压缩器，非常遗憾。 并且就像你已经说过的那样，所有代码都被压缩了。 所以我唯一能建议的是：删除未使用的插件，通过将多个JS文件合并成尽可能少的文件来减少请求次数。

- naXa stands with Ukraine