减少 A4J JSF Richfaces 所需的 JavaScript 文件

Question

我被要求为使用 JSF/Richfaces/Seam/A4J 的站点提出一些性能改进建议。

我注意到的一件事是，似乎有大量针对 A4J 的 JavaScript 下载。以下是一页的文件列表：

/a4j/g/3_3_3.Finalorg.ajax4jsf.javascript.AjaxScript        
/a4j/g/3_3_3.Finalorg.ajax4jsf.javascript.PrototypeScript   
/a4j/g/3_3_3.Finalorg.ajax4jsf.javascript.ImageCacheScript  
/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/scripts/browser_info.js
/a4j/g/3_3_3.Finalorg/ajax4jsf/javascript/scripts/form.js   
/a4j/g/3_3_3.Finalscripts/tabPanel.js   
/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/scripts/skinning.js  
/a4j/g/3_3_3.Finalprototype.js  
/a4j/g/3_3_3.Finalscriptaculous.js

这些文件对于我们正在运行的 JSF 版本来说是静态的，还是根据放入 html 中的 A4J 命令动态创建的？我想知道是否可以安全地将所有这些文件合并到一个文件中，因为它们中的大多数都非常小？如果我这样做，如何阻止这些文件添加到渲染的 HTML 中？

Answer 1

资源内容不是动态的。 Richfaces 为每个组件依赖项添加特定资源。

我也处于同样的情况，性能是第一位的。我将逐步介绍我为获得一个用于 js 的压缩 richfaces 包和另一个用于 css 的压缩包而采取的操作。

首先，您需要将以下参数添加到 yout web.xml

<context-param>
    <param-name>org.richfaces.LoadStyleStrategy</param-name>
    <param-value>ALL</param-value>
</context-param>
<context-param>
    <param-name>org.richfaces.LoadScriptStrategy</param-name>
    <param-value>ALL</param-value>
</context-param>

然后，加载页面并使用 firebug 或任何其他工具提取资源并将它们保存到您自己的服务文件中，例如 richfaces.bundle.js 和 richfaces.bundle。 CSS。

然后，关闭脚本和样式加载：

<context-param>
    <param-name>org.richfaces.LoadStyleStrategy</param-name>
    <param-value>NONE</param-value>
</context-param>
<context-param>
    <param-name>org.richfaces.LoadScriptStrategy</param-name>
    <param-value>NONE</param-value>
</context-param>

另一种方法是使用 JAWR 它允许处理单独的资源文件和将它们压缩并捆绑起来。
使用 JAWR，您可以提取 Richfaces 组件特定资源并根据需要加载它们。例如，具有数据表和ajax行为的页面将仅加载JAWR将压缩到单个包中的依赖资源。
这种方法可以提供更好的维护能力。