为什么我的网页大小与维基百科相比如此之大?

时间:2009-04-13 11:01:02

标签: size

当我从我的网站上保存一页关于特蕾莎修女的页面 - http://www.peopleforever.org/nfhomepage.aspx?nfid=41它占用了1.73mb这是巨大的!

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

保存时,我会看到以下文件:

ScriptResource_002.js - 254 kb mediaplayer-min-2.js - 204 kb main.js - 194 kb Prototype.js - 124 kb ScriptResource.js - 96 kb

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

6 个答案:

答案 0 :(得分:9)

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

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

看看YSlow,它会告诉您网页速度慢的原因。

我不确定为什么你的Javascript文件如此之大。尝试使用JSMin之类的内容来最小化您的javascript大小。如果可能的话,合并你的.js文件也会改善页面加载时间,因为服务器需要的文件较少,但是这些.js文件的纯粹大小实际上是在扼杀你。

答案 1 :(得分:2)

获取firefox和Firebug + Yslow插件 - 然后从Yslow报告中读取链接页面。

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

答案 2 :(得分:1)

您可以在网页中对组件进行gzip处理,以便更快地执行。您可以使用IIS压缩。

此外,您可以缩小您的JavaScript文件。有很多免费工具可以实现这一目标。

看一下这个链接

http://developer.yahoo.com/performance/rules.html

答案 3 :(得分:1)

保存页面的大小无关紧要,因为您提到的大多数JS文件都希望被浏览器缓存并且只能加载一次,因此最小化它们的大小不会加快加载时间得多。

但是当页面加载时会执行一些JavaScript代码,这会大大减慢它的速度。尝试为您的浏览器禁用Java / JavaScript,然后页面几乎会立即加载。主要的减速似乎是谷歌地图小程序,它也会在初始化后加载一些图像。

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

答案 4 :(得分:1)

如果您的javascripts没有打包,请使用以下内容:

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

使它们更短更紧凑。这将节省很多。另外,请确保您的网络服务器使用 gzip 之类的内容,这对文本数据也有很大帮助。

答案 5 :(得分:1)

另请注意,文件大小并不是减慢页面速度的唯一因素。外部文件的数量。实际上,每个文件(甚至是缓存的文件)都是从服务器请求的(如果缓存,则不下载),如果你有大量文件,这些文件可以在几毫秒甚至几秒内总结。

如果您愿意将页面推到极限,可以考虑以下步骤:

  • 将您有权访问的所有js和css文件合并到一个大文件中
  • 缩小js和css
  • gzip一切。这可以在IIS中完成。
  • 网上有很多文章
  • 因为这是ASP我想象有很多ViewState数据发送给用户来回转发。检讨一下。也许根本不需要一些数据?