問題タブ [yslow]

Web サイトのパフォーマンスを改善するためのベスト プラクティスhttp://developer.yahoo.com/performance/rules.htmlで、Steve Souders は「スクリプトを一番下に移動する」という 1 つのルールについて言及しました。少し混乱します。実際、スクリプトを下部に配置しない Web ページが多いことに気付きましたが、YSlowはこれらのページに A マークを付け続けています。

では、いつ「スクリプトを一番下に置く」というルールに従う必要がありますか?

小さなイントラネット ベースの Web アプリケーションを開発しています。YSlow をインストールしましたが、いくつかのことを実行するように提案されていますが、それらは私には関係ないようです。たとえば、CDN は必要ありません。私のアプリケーションは遅いので、リクエストの帯域幅を減らしたいです。

1. YSlowのどのルールを守ればいいですか?
2. 小規模なサイト向けの代替ツールはありますか?
3. アプリケーションを展開する前に適用すべきチェックリストは何ですか?

ASP.net を使用しています。

私のウェブサイトのコンテンツに ExpiresDefault ExpiresByType を追加して、キャッシュされるようにしようとしています。私は Javascript、CSS、および画像の URL (パスのリビジョン番号) でキャッシュバスティングを使用して、これらの MIME タイプを永久に設定できるようにしています。Apache httpd で次のルールを設定しています。

次に、自分の Web サイトhttp://karmerd.comにアクセスし、 httplive ヘッダーを使用してヘッダーを確認すると、css の有効期限が正しいと思われるものが得られます。有効期限: 2019 年 2 月 3 日 17:52:48 GMT

しかし、私は Yahoo の Yslow firebug 拡張機能を使用しています。私は何か間違ったことをしていますか？私も自分のサイトで gravatar を使用していますが、Expires が設定されています。すべてに有効期限があるようです。イースローか私か？

Tomcat を使用して HTML コンテンツを次のように圧縮しています。

ただし、HTTP ヘッダー (YSlow で観察) には、

YSlow スコアが低くなります。

私が見るのは

Apache mod_jk Tomcat 構成を実行しています。

HTML コンテンツを Tomcat で圧縮し、ヘッダーに「Content-Encoding: gzip」を追加するにはどうすればよいですか?

私のサイトは、次のように喜んで Gzip されています。

http://www.gidnetwork.com/tools/gzip-test.php

ただし、Yslow で実行すると、Gzip の F が表示され、すべてのスクリプトが gzip されていないコンポーネントとして一覧表示されます。

何か案は ？

YSlowによると、CSSファイルから参照されている画像（背景画像など）はGzip圧縮されていません。IIS7のWebサイトで静的および動的圧縮をオンにしているので、圧縮する必要があります。

これはYSlowのバグですか、それともCSSファイルからの画像リクエストは圧縮ヘッダーを無視しますか？

これらの画像をGzipで圧縮する方法はありますか？

JavaScriptを使用してWebページ全体をプリロードして、そのページをユーザーのブラウザーにキャッシュできるようにするにはどうすればよいですか？

JSで画像をプリロードする方法は知っていますが、ページ全体をプリロードしたいと思います。

ユースケース：私のウェブサイトには、他の多くのコンテンツ（画像、css、JS）を含むGoogleマップページがあり、キャッシュされていないブラウザからの読み込みに長い時間（約10秒）がかかります。

これは私のホームページのサブページであり、ユーザーは通常このページにアクセスします。だから私がやりたいのは、ロードされたすべてのコンテンツ（画像、JS）をページ全体にプリロードして、ユーザーのブラウザーにキャッシュされ、ユーザーがそのページにアクセスしたときに、はるかに速くロードされるようにすることです。キャッシュされたブラウザからページをロードすると、時間が約10秒から2秒に短縮されます。

助けてくれてありがとう。

私はApache 2.2でmod_deflateを使用しており、圧縮レベルは 9 に設定されています。YSlow (v2)の推奨事項に基づいて、サイトのすべての可能な側面を微調整し、全体的に A グレード (合計スコア: 91) および以下を除くすべてのカテゴリーについて:

• HTTP リクエストの数を減らします (グレード C - 画像のさらなる統合に取り組んでいます)
• コンポーネントを gzip で圧縮 ( Grade F )

YSlow はまだ F を返し、CSS および JS ファイルで gzip を使用するように指示します。YSlow レポートのスクリーンショットを次に示します (プライバシーのために、ドメインはぼかしてあります)。

ただし、GIDNetwork GZIP Testのようなサイトでは、完全な圧縮が報告されています。

私の .htaccess の mod_deflate セクション

誰かが私が間違っているところを指摘できますか?

ありがとう、m^e

私の Web サイトには複数のテーマがあり、ユーザーは JavaScript リンクをクリックするだけで複数のテーマを切り替えることができます。すべてのテーマのレイアウトを処理する 5 つの CSS ファイルがあります。1つは構造用、3つはさまざまなテーマの色など、1つは他のものに共通です。

私のcssファイル名は次のように読み取られます.. main.css、red.css、green.css、black.css、others.css赤、緑、黒のcssファイルはalternate stylesheetsとして定義されています。

YSLOWを取り付けました！そして得る"This page has 5 external stylesheets. Try combining them into one."

それらのほとんどをより少ない数のCSSファイルに結合することが可能かどうか疑問に思っていました. `を定義できることは知っています

` 単一の CSS ファイル内のセクション。複数のCSSファイルに対してもこのようなことを行うことはできますか?

ご協力いただきありがとうございます。

開発からステージングに移行したとき、JavaScriptとスタイルシートが単一のファイルにロールアップされたときの動作がどのように変化するかに悩まされました。

たとえば、次のように、保守性のために一連のスタイルシートをモジュール式で小さく保とうとしています。

httpリクエストを数えるよりもデバッグに関心がある場合、開発では問題なく機能します。

しかし、本番環境に移動するか、以下のようにconfig / environment / development.rbでキャッシュをオンに設定するとすぐに、レイアウトが壊れます。

config.action_controller.perform_caching = false

ここで何が起こっているのでしょうか。また、連結ファイルがこのような一連の小さなリクエストとは異なる動作をするのはなぜですか。また、これを修正するにはどうすればよいですか。

余談ですが、ファイルサイズと比較して、httpリクエストの数は実際にページ上でどの程度の違いがありますか？