タグ付けされた質問 「pagespeed」

私はPageSpeedで100/100に到達するための探求にあり、私はほとんどそこにいます。Google Analyticsをキャッシュするための適切なソリューションを見つけようとしています。 ここに私が得るメッセージがあります： ブラウザーのキャッシュを利用する静的リソースのHTTPヘッダーに有効期限または最大経過時間を設定すると、ブラウザーは以前にダウンロードしたリソースをネットワーク経由ではなくローカルディスクからロードするように指示されます。次のキャッシュ可能なリソースにブラウザのキャッシュを活用します：http : //www.google-analytics.com/analytics.js（2時間） 私が見つけた唯一の解決策は2012年のものであり、それは良い解決策ではないと思います。基本的に、GAコードをコピーして自分でホストします。次に、cronジョブを実行してGoogleを1日に1回再確認し、最新のGAコードを取得して置き換えます。 http://diywpblog.com/leverage-browser-cache-optimize-google-analytics/ Googleアナリティクスを使用しながら100/100に到達するには、他に何ができますか？ ありがとうございました。

243 google-analytics  pagespeed 

私はGoogle PageSpeedのインサイトを使用してサイトのパフォーマンスを試し、改善してきましたが、これまでのところ非常に成功していることが証明されています。スクリプトの延期などはうまく機能しまし.ready()た。ページが完全に読み込まれるまでスクリプトを延期する社内バージョンのjQueryがすでにあったため、その特定の関数をインライン化し、完全なスクリプトをページの最後に移動するだけで済みました。それはうまくいきました。 しかし、チェックリストに残っている黄色い点が1つ残っていることに気づきました。「スクロールせずに見えるコンテンツのレンダリングをブロックするCSSを排除する」。 CSSの設定方法は_.css、一般にページ構造に適用されるスタイルを含む、またはサイト全体で1つか2つ以上の場所で使用されるスタイルを含む1つのグローバルファイルを持つことです。ほとんどのページは、（例えば、関連するCSSファイルを持っparty.phpているparty.cssその特定のページへのスタイルの特定を含みます）。すべてのCSSファイルは無期限にキャッシュされます。ファイル/t=FILEMTIMEが変更されたときにファイルが確実に更新されるようにするために、ファイル名に追加します（後で.htaccessで削除します）。 とにかく、Googleはスクロールせずに見える範囲のコンテンツに必要な重要なスタイルをインライン化することをお勧めします。問題は...まあ、このスクリーンショットを見てください：http : //prntscr.com/1qt49e ご覧のとおり... コンテンツはすべてスクロールせずに見える範囲にあります。特に多くのページをロードする必要があるゲームでは、人々はスクロールを嫌います。そこで、私は1つの画面に収まるようにサイトを設計しました（十分な解像度がある場合）。つまり、すべてのスタイルがスクロールせずに見えるコンテンツに適用されます。それで...解決策はありますか？それとも、ほぼ完璧なスコアに黄色のマークが付いたままですか？

153 css  pagespeed 

WebサイトでFirebug / Firefox用のGoogleのPageSpeedプラグインを実行すると、画像を可逆圧縮できるケースが提案され、この小さい画像をダウンロードするためのリンクが提供されます。 例えば： http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpgを可逆圧縮すると、33.5KiBを節約できます（85％削減）。 ロスレスでhttp://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpgを圧縮すると、18.5KiB（77％削減）を節約できます。 http://cdn.uservoice.com/images/widgets/en/feedback_tab_white.pngを可逆圧縮すると、262B節約できます（11％削減）。 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.pngを可逆圧縮すると、91Bを節約できます（51％削減）。 http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mmを可逆圧縮すると、61Bを節約できます（5％削減）。 これは、JPGとPNGの両方のファイルタイプに適用されます（私はGIFや他のファイルをテストしていません）。 Flickrのサムネイルにも注意してください（これらの画像はすべて75x75ピクセルです）。かなり大きな節約になります。これが本当に素晴らしいとしたら、Yahooがこのサーバー側をライブラリ全体に適用して、ストレージと帯域幅の負荷を削減しないのはなぜですか。 Stackoverflow.comでさえ、ごくわずかな節約になります。 http://sstatic.net/stackoverflow/img/sprites.png?v=3を可逆圧縮すると、1.7KiBを節約できます（10％削減）。 http://sstatic.net/stackoverflow/img/tag-chrome.pngを可逆圧縮すると、11B節約できます（1％削減）。 PageSpeedは、Photoshopの「Web用に保存」機能を使用して作成したPNGファイルをかなり適切に節約することを提案しています。 だから私の質問は、画像を大幅に削減するために画像にどのような変更を加えているのですか？ファイルタイプによって回答が異なると思います。これは本当にJPGのロスレスですか？そして、彼らはどうやってPhotoshopを倒すことができますか？私はこれに少し疑わしいでしょうか？

138 compression  imaging  pagespeed  google-pagespeed 

Google PageSpeedは、JSとCSSに「Vary：Accept-Encodingヘッダーを指定する」必要があると言っています。.htaccessでこれを行うにはどうすればよいですか？

81 .htaccess  pagespeed