当我从我的网站上保存一页关于特蕾莎修女的页面 - 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
我不明白这些文件是如何形成的,以及我是否可以做些什么来减少页面大小以便加载更快?
答案 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文件。有很多免费工具可以实现这一目标。
看一下这个链接
答案 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)
另请注意,文件大小并不是减慢页面速度的唯一因素。外部文件的数量。实际上,每个文件(甚至是缓存的文件)都是从服务器请求的(如果缓存,则不下载),如果你有大量文件,这些文件可以在几毫秒甚至几秒内总结。
如果您愿意将页面推到极限,可以考虑以下步骤: