タグ付けされた質問 「google-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 

最近まで、私のサイト（www.heatexchangers.ca）はGoogle Page Speedで98％のスコアを付けていました。Webフォントのクエリ文字列など、私が何もできないことがいくつかありました。これが私にできることすべてを表していたので、私はこれにとても満足していました。 最近、Googleはページ速度のスコアに影響を与える何か他のものを追加しました、そして私は今ページ速度で89％だけを得て、この提案を得ます： スクロールせずに見えるコンテンツで、外部のレンダリングをブロックするJavaScriptとCSSを排除します。 これを修正するための提案には、すべての.cssファイルと.jsファイルを調べ、それらの一部を分離して、それらをhtmlにインラインで追加することが含まれるようです。私はできるだけ多くのJSとCSSをHTMLから除外する必要があるという印象を受けていたので、これは私にいくつかの混乱を引き起こしています。 「フォールドの上」のコンテンツとは正確には何ですか？フォント、背景色などのいくつかのスタイルの場合。そうすれば、インラインに含めるにはそれほど大きな取引ではないかもしれません。これが正確に何であるかのリストを見つけることができませんでした。

132 javascript  html  css  google-pagespeed