あなたのウェブサイトの性能を分析する使用YSlow Firefoxの追加項目

2007年8月3日3:53 pmのに掲示される

FireFox YSlowシリーズからの他のポストを読むことを確かめなさい!

  1. あなたのウェブサイトの性能を分析する使用YSlow Firefoxの追加項目
  2. 私がYSlowを使用して50%ブログの負荷速度によっていかに増加したか

YSlowはあなたがあなたのウェブサイトの性能を分析し、あなたのWebページがに基づいて負荷に遅いなぜか定めるのを助けるのに使用できるYahooからのFireFoxの追加項目である 高性能ウェブサイトのための規則. YSlowはと統合する 放火犯 Firefox網の開発の追加項目、従ってあなたはそれを最初に取付ける必要がある。

YSlowはページで部品のあなたのページ、完全なHTML/HTTPの概要、リスト、およびJSLintのような他の涼しい用具のための全面的な性能のスコアカードを発生させる。 高性能ウェブサイトのための13の規則がある:

  1. 少数のHTTP要求を作りなさい
  2. 満足な配達ネットワークを使用しなさい
  3. ヘッダー切れる加えなさい
  4. Gzipの部品
  5. 上にCSSを置きなさい
  6. 移動は底に台本を書く
  7. CSSの表現を避けなさい
  8. ジヤバ・スクリプトおよびCSSの外面を作りなさい
  9. DNS調べを減らしなさい
  10. ジヤバ・スクリプトを縮小しなさい
  11. 方向を変える避けなさい
  12. 重複した原稿を取除きなさい
  13. ETagsを形成しなさい

Yahooに従って、この用具は25から50%約Yahooの50の場所の性能を高めるのを助けた。 取付けられている、あなたが分析したいと思うページにつく拾い読みしなさい 用具、そして 放火犯、選べば 放火犯を開けなさい.

放火犯

今ウェブサイトのあらゆる面を点検できる底を渡るつながれた棒を見る。 先に行き、つけなさい YSlow 右端。 YSlowに4つの主要なタブがある: 性能、Stats、部品および用具。 あなたの成績表のスコアを得るために性能をつけなさい:

yslowの性能の検光子

上でから見ることができるように私のブログはかなり!まだ最大限に活用されていない! OUCH! 私はこの問題に確かにやがて取り組む! each ofそれらの13の性能ポイントのためのスコアを得る。 つけなさい Stats そして何スタイルシートを、ジヤバ・スクリプトがファイルし、荷を積まれたイメージか丁度見る。 ページの合計サイズおよびHTTP要求の総数を得る。

つけなさい 部品 各要求がだったもののリスト、応答時間、サイズおよびeTagを得るため。

最後に、用具の下であなたのジヤバ・スクリプトファイルとの問題を見つけるのにJSLintを使用できる。 すべてのJS そして すべてのCSS 1つのファイルに個々のファイルすべてを結合する。 印刷できる眺め 選択は容易な印刷のためにタブすべてからのデータすべてをまとめるので非常に便利である。

Webページができるだけ速く荷を積むようにウェブサイトを有し、それを最大限に活用したいと思えば全体的にみて、非常に必要な追加項目。

Technoratiは付く: , , , , , , , , ,

If you enjoyed this post, make sure you subscribe to my RSS feed!

» Filed Under Web Site Tips

Related Posts

Please post your comments/suggestions!