0

我使用 JSF 2.3 开发 Web 应用程序。作为一名 Web 开发人员，我关心网站加载速度的性能。

当我在探索如何让我的网站更快时，我在 Stack Overflow 上遇到了这篇文章。来自接受和投票最多的答案的引用说

样式表应始终在文档的头部指定以获得更好的性能，重要的是，在可能的情况下，必须包含在头部中的任何外部 JS 文件（例如写入文档的那些）遵循样式表，以防止延迟在下载时间。

我知道将 JavaScript 放在 . 的底部时性能更好<body>，但我想包含 reCAPTCHA 并且 Google 指示我们将所需的外部 JavaScript 放在结束</head>标记之前。

因此，我决定在结束</head>标记之前和 CSS 文件之后包含所需的外部 JavaScript 以提高性能。

但是，我的 CSS 文件是以 JSF 方式<h:outputStylesheet name="css/default.css"/>声明的，如<script src="https://www.google.com/recaptcha/api.js"></script>. <script>我还考虑通过更改为使外部 JavaScript 以 JSF 方式运行<h:outputScript>，但<h:outputScript>只能呈现本文所述的本地脚本。

因此，结果将始终如下。

<head>
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <link type="text/css" rel="stylesheet" href="/project/javax.faces.resource/css/default.css.xhtml" />
</head>

安装的

<head>
    <link type="text/css" rel="stylesheet" href="/project/javax.faces.resource/css/default.css.xhtml" />
    <script src="https://www.google.com/recaptcha/api.js"></script>
</head>

可能是我想太多了，and的放置顺序对link性能script影响不大，但是如果加载速度再快一点，我想遵循更好的方式。

4

0 回答 0