問題タブ [pagespeed]

ウェブサイトで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を打ち負かすことができますか？私はこれを少し疑うべきですか？

Google のpageSpeed用の Java クライアントはありますか? 唯一の選択肢はjavascriptに見えますが、代替のものはありますか?

前もって感謝します

ヴァンス

私が運営しているサイトには、更新の電子メール アラートを送信する機能があります。サイトと機能の人気により、1 回の更新で 30 ～ 300 件のアラートを送信する必要がある場合があります。これらの各アラートには個別の「リセット」リンクがあり、更新でスパムされないようにします (例: フォーラム トピックへの返信)。

言うまでもなく、より人気のある更新では、ページの速度が低下します。

更新が投稿されたときにページの読み込みに影響を与えないようにするために、大量の電子メール アラートをどのように処理することをお勧めしますか?

マネージド コード ( C# ) 内からGoogle ページ速度 SDK ( http://code.google.com/p/page-speed/ )を使用できるようにしたいと考えています。誰でも私が何をする必要があるかを説明できます。

http://www.swig.orgに出くわしましたが、これは私が必要としているもののように見えますが、ドキュメントが多すぎて、木を通して木を見るのが難しいと感じています!

乾杯、

クリス

正直に言って、jQuery/jQuery-ui は重いダウンロードです。

Google では、最初のレンダリングを高速化するために、JavaScript の遅延読み込みを推奨しています。私のページでは、jQuery を使用して、ページの下部に配置されている (ほとんどが最初のビューの外にある) いくつかのタブを設定しており、ページがレンダリングされるまで jQuery を延期したいと考えています。

Google の遅延コードは、本文の onLoad イベントにフックすることで、ページの読み込み後に DOM にタグを追加します。

この方法で jQuery の読み込みを延期したいのですが、試してみると、jQuery コードが jQuery を見つけることができませんでした (私の側ではまったく予想外ではありませんでした)。

したがって、jQuery が読み込まれるまで jQuery コードの実行を延期する方法を見つける必要があるようです。追加されたタグの読み込みと解析が完了したことを検出するにはどうすればよいですか?

当然の結果として、非同期ロードにも答えが含まれている可能性があるようです。

何かご意見は？

<sc:Image>そして<sc:FieldRenderer>、MediaItem をレンダリングするときに、次のような html コードを生成します。

属性で使用されている相対パスに注意してくださいsrc。これは、そのような画像が複数のページで再利用される場合、ブラウザはそれを複数回取得する必要があることを意味します (たとえば、ページhttp://example.com/とhttp://example.com/ )私たちについて/）。コードでタグを生成するimg場合、次のスニペットを使用して絶対 URL を強制できます。

メディア URL の先頭にスラッシュを強制するように Sitecore を構成するにはどうすればよいですか?

Reflector を使用MediaOptions.AbsolutePathすると、実現したい動作を制御していることがわかりますが、Sitecore の組み込みコントロールに設定する方法がわかりません。設定Media.MediaLinkPrefixまたはmediaPrefixesインweb.configは何も変わらないようです。

私のサイトの一部のページは、ロードに時間がかかります。コードを高速化/改善するのに役立つ無料のツールがあるかどうか疑問に思いました。私は少しググったが、専門家から彼女が欲しい。

編集：私はPHP、MySQL、jQueryなどを使用しています。

googleのpagespeedアドオンに関するアドバイスに従って、静的コンテンツ（images、css、javascriptファイル）をCookieが存在しないサイトのサブドメインに移動しました。これにより、これらのファイルの各リクエストのリクエストヘッダーのスペースを節約できます。ただし、結果を見ると、このサブドメインに対してCookieがまだ作成されていることがわかります。私のサイトにはグーグルアドセンスがあり、www.example.comだけでなくルートドメイン*.example.comにCookieを書き込んでいます。

ルートドメインではなく、追加の表示に使用される正確なドメインにのみCookieを書き込むようにAdSenseに強制する方法はありますか？

私は何十枚もの写真 (サイズ 500x375、重さ 150-200kb) を読み込んで、ページの重さが 4-5Mb を超える旅行ブログ (Php) を作成しています。待ち時間を短縮し、ユーザーエクスペリエンスを向上させるために、キャッシング/gzip とは別の方法はどれですか?

予算が非常に少ないため、共有サーバーを使用しています

ありがとう

Twitterのツイートボタンがあるページで、GooglePageSpeedから警告が表示されます。

次のリソースの内容は同じですが、異なるURLから提供されます。一貫性のあるURLからこれらのリソースを提供して、3つのリクエストと52.0KiBを節約します。 http://platform0.twitter.com/widgets/tweet_button.html http://platform1.twitter.com/widgets/tweet_button.html http://platform2.twitter.com/widgets/tweet_button.html

次のリソースの内容は同じですが、異なるURLから提供されます。一貫性のあるURLからこれらのリソースを提供して、2つのリクエストと4.6KiBを節約します。 http://platform0.twitter.com/widgets/images/tweet.png http://platform1.twitter.com/widgets/images/tweet.png http://platform2.twitter.com/widgets/images/tweet png

Twitterのwidgets.jsがこれらのそれぞれに異なるURLを提供するのはなぜですか？それを回避する方法はありますか？