延迟加载和解析 PrimeFaces JavaScript 文件 [英] Defer loading and parsing of PrimeFaces JavaScript files

查看:30
本文介绍了延迟加载和解析 PrimeFaces JavaScript 文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在使用 Google PageSpeed 分析 JSF 2.1 + PrimeFaces 4.0 网络应用程序的性能时,它建议推迟解析 JavaScript 文件.在带有 和带有 的表单的测试页面上看起来如下...

While analyzing the performance of a JSF 2.1 + PrimeFaces 4.0 webapp with Google PageSpeed, it recommends among others to defer parsing of JavaScript files. On a test page with a <p:layout> and a form with <p:watermark> and <p:fileUpload> which looks like follows ...

<p:layout>
    <p:layoutUnit position="west" size="100">Test</p:layoutUnit>
    <p:layoutUnit position="center">
        <h:form enctype="multipart/form-data">
            <p:inputText id="input" />
            <p:watermark for="input" value="watermark" />
            <p:focus for="input" />
            <p:fileUpload/>
            <p:commandButton value="submit" />
        </h:form>
    </p:layoutUnit>
</p:layout>

...它列出了以下可以延迟的 JavaScript 文件:

... it lists the following JavaScript files which could be deferred:

  • primefaces.js (219.5KiB)
  • jquery-plugins.js (191.8KiB)
  • jquery.js (95.3KiB)
  • layout.js (76.4KiB)
  • fileupload.js (23.8KiB)
  • watermark.js (4.7KiB)
  • primefaces.js (219.5KiB)
  • jquery-plugins.js (191.8KiB)
  • jquery.js (95.3KiB)
  • layout.js (76.4KiB)
  • fileupload.js (23.8KiB)
  • watermark.js (4.7KiB)

它链接到 这篇 Google Developers 文章,其中解释了延迟加载以及如何实现它.您基本上需要在 windowonload 事件期间动态创建所需的

登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆