2009-04-13 80 views
2

当我从我的网站上保存一个关于特蕾莎修女的页面 - http://www.peopleforever.org/nfhomepage.aspx?nfid=41它占用1.73mb这是巨大的!为什么我的页面大小与维基百科相比如此之大?

一个类似的维基百科页面要小得多。我知道我有很多图像,所以它应该占用更多的空间,但还有更多?

当我保存,我看到以下文件:

ScriptResource_002.js - 254 kb的 媒体播放分钟-2.js - 204 kb的 main.js - 194 kb的 的Prototype.js - 124 kb的 ScriptResource.js - 96 kb

我不明白这些文件是如何形成的,以及我是否可以做一些事情来减小页面大小,以便加载速度更快?

回答

9

这些.js文件是Javascript文件,听起来像是您正在使用某种WYSIWYG编辑器。

JavaScript是代码,有时嵌入在HTML文件中,有时在自己的.js文件中,在客户端执行。

看看YSlow,它会告诉你为什么你的网页很慢。

我不确定你的Javascript文件为什么这么大。尝试像JSMin这样的东西,以尽量减少您的JavaScript大小。如果可能的话,合并你的.js文件也会提高页面加载时间,因为服务器对较少文件的请求较少,但这些.js文件的纯大小真的会让你失望。

+0

图像正在少于200MB的1.7 MB的。 – Arjun 2009-04-13 11:05:43

2

获取Firefox和Firebug的+ YSlow的插件 - 然后读取从YSlow的报告链接的页面。

合并您的Javascript和CSS文件,并丢弃您的页面模板,因为基于表格的设计意味着直到下载完整个HTML页面,并且大部分图片都无法呈现。

1

保存页面的大小并不重要,因为你提到的大多数大JS文件都希望能够被浏览器缓存,并且只会被加载一次,所以最小化它们的大小不会加速负载时间很多。

但是,当页面加载时,一些JavaScript代码会被执行,这会降低很多JavaScript代码的速度。尝试禁用浏览器的Java/JavaScript,然后页面将立即加载。主要的放缓似乎是Google Maps applet,它在初始化后也会加载一些图像。

也看看页面本身,其大小为219 KB,其他页面最大为300 KB。有一个大的编码(Base64?)“__VIEWSTATE”部分,大小约为20 KB,这似乎是一些ASP安全事物或类似的东西。

1

如果你的JavaScript没有包装使用这样的事情:

http://dean.edwards.name/packer/

,使他们更短,结构紧凑。这将节省很多。同时确保您的网络服务器使用类似gzip,这对文本数据也有很大帮助。

1

还请记住,文件的大小并不是减慢页面速度的唯一因素。外部文件的数量。事实上,每个文件(即使是一个缓存)都是从服务器请求的(如果缓存则不下载),如果有很多文件,它们可以在几毫秒或几秒内总结。

如果你愿意把你的页面到了极限,你可以考虑以下的步骤:

  • 合并可以访问到一个大文件
  • 缩小js和css
  • 所有js和css文件
  • gzip的一切。这可以在IIS中完成。网上有很多关于这个文章的文章
  • 因为这是ASP,我想有很多ViewState数据发送给用户后退和前进。审查它。也许根本不需要一些数据?
相关问题