2009-04-13 20 views
2

マザーテレサについての私のウェブサイトからのページを保存するとき - http://www.peopleforever.org/nfhomepage.aspx?nfid=41それは巨大です1.73mbを占有します!なぜ私のページのサイズはWikipediaと比べて大きいのですか?

同様のウィキペディアのページは、はるかに少ないです。私にはたくさんの画像があることが分かるので、より多くのスペースを取るべきですが、はるかに多いでしょうか?

私は保存すると、私は以下のファイルを参照してください。

ScriptResource_002.js - 254キロバイト MediaPlayerの-MIN-2.js - 204キロバイト main.js - 194キロバイト prototype.jsの - 124キロバイトを ScriptResource.js - 96 kb

これらのファイルがどのように形成されているか、ページサイズを小さくするために何かできるのか分かりません。

答えて

9

これらの.jsファイルはJavascriptファイルです。WYSIWYGエディタを使用しているようです。

JavascriptはHTMLファイルに埋め込まれることがあり、クライアントサイドで実行される独自の.jsファイルの中に埋め込まれることがあります。

YSlowを見ると、ページが遅い理由がわかります。

Javascriptファイルが非常に大きい理由はわかりません。あなたのjavascriptサイズを最小限に抑えるためにJSMinのようなものを試してみてください。可能であれば、.jsファイルをマージすると、ページの読み込み時間が短縮されます。これは、サーバーに必要なファイルの数が少なくて済むためです。純粋なサイズの.jsファイルが実際にあなたを殺しています。

+0

画像は1.7MBの200kb未満を撮影しています。 – Arjun

+0

ああ、奇妙な、なぜあなたのjavascriptファイルがsoooooo大きな必要があるかわからない... –

+0

は、jsとCSSファイルを最適化するアプリはありますか?何か案が? – Arjun

1

コンポーネントをWebページ内でgzipすると、より高速に実行できます。これにはIIS圧縮を使用できます。

また、javascriptファイルを小さくすることもできます。これを達成するための多くの無料ツールがあります。

このリンクで

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

2

を見てくださいは、Firefox、およびFirebugの+ YSlowのアドオンを入手 - そしてYSlowのレポートからリンクされたページをお読みください。

テーブルベースのデザインは、HTMLページ全体がダウンロードされ、ほとんどの画像がダウンロードされるまでは、レンダリングできないため、JavascriptファイルとCSSファイルをマージしてページテンプレートを破棄します。

1

あなたが言及した大規模なJSファイルの大部分がブラウザによってうまくキャッシュされ、1回だけロードされるので、保存されたページのサイズはそれほど重要ではないので、サイズを最小限に抑えても読み込み速度は向上しません多くの時間。

しかし、ページが読み込まれるとJavaScriptコードの一部が実行され、これにより多くの速度が低下します。ブラウザでJava/JavaScriptを無効にすると、ページがほぼ即時に読み込まれます。主な減速は、初期化された後にいくつかの画像を読み込むGoogle Mapsアプレットのようです。

また、ここでは219 KBのサイズで、他のページでは最大300 KBのページもご覧ください。大きなエンコードされた(Base64?) "__VIEWSTATE"の部分は約20 KBのサイズですが、これはASPのセキュリティのようなものです。

1

あなたのJavaScriptを使用し梱包されていない場合はこのような何か:彼らは短く、コンパクトにする

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

。これは多くの節約になります。また、ウェブサーバーがgzipのようなものを使用していることを確認してください。

1

ファイルのサイズは、ページを遅くする唯一のものではありません。外部ファイルの数はです。実際、すべてのファイル(キャッシュされているものも)はサーバーから要求されます(キャッシュされている場合はダウンロードされません)。ファイル数が多い場合は数ミリ秒ですみます。

あなたがその限界にあなたのページをプッシュするために喜んでいる場合は、次の手順を検討することができます。

  • は、あなたが一つの大きなファイルへ
  • 縮小化のjsとcssの
  • へのアクセス権を持つすべてのjsとcssファイルをマージ
  • gzip everything。これはIISで行うことができます。そのためのWebにはたくさんの記事があります
  • これはASPなので、ViewStateデータの多くがユーザーに送り返されていると想像しています。レビューする。たぶん一部のデータはまったく必要ありませんか?
関連する問題