Optimize the HMI

The HTML5 HMI is large and can potentially take a long time to launch. The HTML5 HMI layer includes the Browser Engine (also called the Web Engine or Web Launcher), HTML5 application framework, the Navigator (also known as the Applications Window Manager), and the HMI Notification Manager.

A couple of key techniques help to speed up the launch of the HMI:

In addition, to speed the launch of applications, the HTML5 apps in the prebuilt images are "minified". Minification makes the source code smaller by removing comments and white space, and possibly also shortening symbol names. The resulting code loads faster in the HMI. We recommend that you minify your HTML5 and JavaScript code for production, which you can do using any off-the-shelf minification tool.