在Angular应用程序中提高TinyMCE的性能

时间:2014-10-20 10:18:56

标签: angularjs performance angular-ui ui-select2

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

在我的应用程序中,我在页面上有多个tinyMCE实例(最多三个),应用程序使用角度路由机制。

一切都设置正确,编辑工作(并且每个都有自己的配置)。

我现在面临的问题是表现。每当我加载一个新页面时,tinyMCE实例就会重新创建它们,即使它们已经存在(=在dom中)!创建一个tinyMCE编辑器需要一些时间(最多3秒)其中的文本量似乎并不重要。

我尝试过使用tinyMCE的gzip压缩器,但我无法使用它。

我可以采取哪些措施来改善应用程序的性能?

如果完全相关:我正在使用Java后端和AngularJs版本1.2.16

1 个答案:

答案 0 :(得分:0)

如何优化TinyMCE的初始化速度

(想看original article?)

  

以下是为提升TinyMCE的初始化/加载时间而采取的一些措施。

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

  •   
  • 启用button_tile_map选项(默认情况下应启用)   这使得图标加载速度更快,因为多个图像请求被一些tilemap请求替换。

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

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

  •   

目前,TinyMCE 4 for Java后端目前还有无压缩器,不幸的是。 正如您已经说过的那样,所有代码都缩小了。 所以我唯一可以建议:删除未使用的插件并通过将多个JS文件连接减少大量请求到尽可能少的文件。