
如何用简单脚本内联JavaScript
您的网页加载单个或多个JavaScript文件吗?那么您有机会通过优化JavaScript交付来加快您的网站速度。在下面阅读更多内容。
内联JavaScript如何提高性能
每次访问者在浏览器中加载网页时,他们需要请求、下载和执行JavaScript文件以正确加载页面。这些请求可能是阻碍渲染的,尤其是当有很多文件时。内联(一些)JavaScript将消除这个问题,因为浏览器不再需要发出多个下载请求,加上它允许浏览器立即渲染HTML页面而不必加载额外的文件。CSS文件也应该最好被内联。
只内联较小的JavaScript
当您有很多(或非常大)JavaScript文件时,最好仍然使用文件从您的网页调用它们。对于较大的JavaScript,最佳做法是将所有文件放在一个更大的文件中。这样,浏览器只需要请求一个文件而不是多个文件,这由于HTTP请求数量较低而加快您的网站速度。
如何内联JavaScript
复制您想要内联的JavaScript(记住,只有较小的JavaScript)并将主题的所有内容合并为一个更大的脚本
将脚本放在标签中
将所有内容放在HTML 标签中
下面是一个这样的外观示例:
<head>
<script type="text/javascript">
YOUR JAVASCRIPT
</script>
</head>
压缩JavaScript代码
当您真的想要以最佳可能的方式优化您的JavaScript时,您还可以使用JavaScript压缩器来压缩它们。此压缩器可以用来最小化JavaScript大小,合并多个JavaScript文件并检测错误。