添加外部JS和CSS文件会显着减慢网站的加载速度

时间:2011-09-30 11:52:52

标签: javascript html css performance

这几行:

<link rel="stylesheet" href="style_base.css" type="text/css" /> <script type="text/javascript" src="fallings.js"></script>

显着减慢我的网站加载速度。这也会检查文件吗?

2 个答案:

答案 0 :(得分:2)

这些引用可能确实减慢了页面的加载时间,例如,它们引用其他外部资源。使用分析器来检测减慢加载时间的因素。

Firefox有一个很好的插件YSlow可以帮助你解决这个问题。

在这里,您可以找到不同的工具,这些工具也可以帮助您确定减慢网页速度的因素:7 Tools To Optimize The Speed of Your Website

如果您因引用外部资源而遇到性能问题,请尽可能将其放入您的网络应用中。如果它们很大,那么minify你的javascript / css资源(至少在生产中)。这是一个与缩小相关的SO问题,可以帮助您Ways to compress/minify javascript files

答案 1 :(得分:0)

如果您将外部js放在页面底部(就在关闭正文标记之前),它可以帮助感知页面加载的速度。你的html,css和图像会在javascript执行之前加载,所以如果你的js占用额外的时间,那么页面至少会被渲染。

根据外部文件的大小以及js的编写程度,我们可能会对您提供更多帮助,但我们需要查看您的代码。