javascript - 推迟 primefaces.js 加载

Question

这个问题已经有答案了:

Defer loading and parsing of PrimeFaces JavaScript files (2 个回答)

已关闭 8 年前。

Google pagespeed 表明加载 primefaces.js 正在减慢我的页面速度:

来自页面速度报告:

Defer parsing of JavaScript By minimizing the amount of JavaScript needed to render the page, and deferring parsing of unneeded JavaScript until it needs to be executed, you can reduce the initial load time of your page.

Suggestions for this page
 284.3KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
 https://www.mysite.co.uk/.../primefaces.js.xhtml?... (185.4KiB)
 https://www.mysite.co.uk/.../jquery.js.xhtml?... (95.1KiB)

我该如何解决这个问题？

Answer 1

为遇到相同问题的其他人添加另一个解决方案。

您将需要自定义 primefaces HeadRenderer 以达到建议的排序页面速度。虽然这本来可以由 PrimeFaces 实现，但我在 v5.2.RC2 中没有看到它。这些是 encodeBegin 中需要更改的行:

96         //Registered Resources
97         UIViewRoot viewRoot = context.getViewRoot();
98         for (UIComponent resource : viewRoot.getComponentResources(context, "head")) {
99             resource.encodeAll(context);
100        }

只需为 head 标记编写一个自定义组件，然后将其绑定(bind)到覆盖上述行为的渲染器。

现在您不想仅仅为了此更改而复制整个方法，添加一个名为“last”的方面并将脚本资源作为新的 deferredScript 在渲染器中移动到其开头可能会更干净> 组件。如果有兴趣请告诉我，我将创建一个 fork 来演示如何操作。

这种方法是“面向 future 的”，因为它不会随着新资源依赖项添加到组件或新组件添加到 View 而中断。