2009-04-13 82 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數據發送給用戶後退和前進。審查它。也許根本不需要一些數據?
相關問題