2013-10-21 61 views
1

我正在研究一个有10页的应用程序。一旦我成功登录到应用程序,这10个页面中的每一个都将加载到不同的iframe中。所有这10个页面都使用了5个JavaScript文件。提高网站性能

目前我正在下载这5个js文件在每页加载。我想提高我的应用程序性能。而且我知道缩小HTTP请求的数量将会提高性能。

因此,不是每个页面下载脚本,而是最好在顶部(登录后)下载这5个JavaScript文件一次,并在每个页面中使用已经加载的脚本窗口引用。这是正确的方法吗?使用这种方法有什么缺点吗?

回答

0

是的,这是一个很好的方法,并且会使您的网站更快。

如果您将包含来自其他网站的js或css文件,则需要一段时间才能加载,并且您的网站性能会很低。

可以从其他网站包括文件的利弊如果提到网站删除这些文件,那么你的网站将无法正常工作,这将影响您的网站的功能。

因此,最好使用项目文件夹和 路径中的文件。所以下载它,然后用它们

+0

其他缺点之一是,您将不得不手动更新库(如果您使用的话)。即您将jQuery 1.8作为文件包含在您的服务器上,但您需要1.9以上的功能 - 您必须手动重新下载和更新。但我想那是小豆。 –

+1

@Neurofluxation你是对的。但在这种情况下,用户需要更新整个代码。 –

0

一般来说,你希望把JavaScript文件页面的底部(假设你不需要他们在顶部产生一些诸如使用document.write),使您的页面可以加载快,然后页面可以加载必要的Javascript。

你也可以考虑将js文件合并成一个被缩小的文件。这是一把双刃剑,因为它使调试非常困难,但它确实减少了应用程序需要做的HTTP请求数量。但是,通常来说,减少文件数量是提高性能的一个良好开端。

总体而言,尽管您不需要担心性能问题,尤其是在不同的页面之间。一旦加载了js文件,浏览器就会将其缓存起来,以便快速再次访问它。

+0

我会把我的脚本放在页面底部。我的意思是声明“只在顶部下载这5个JavaScript文件并使用这些文件”,在我登录的应用程序中,我在iframe中打开每个页面。因此,在登录后只加载脚本一次,并通过传递窗口引用在每个已加载在顶部的页面中使用这些脚本更好。 – Aniket