問題タブ [pagespeed]

これはこのサイトでの初めての質問なので、ルールに関して少し不慣れに聞こえる場合は、事前にお詫び申し上げます (ただし、すぐに読みました)。

とにかく私の問題に。

UL を使用し、CSS といくつかの JQuery を介してカスタマイズされた SharePoint 2010 でカスタム メニューを作成しました。

それはまさに私が望むように見え、IE8、FF、および Chrome で優れたパフォーマンスを発揮します。ここにある古い遅いマシンでテストしましたが、問題なく動作します。

IE7 がインストールされているマシンでこれをテストすると、問題が発生します。何らかの理由で、トップ メニュー項目にカーソルを合わせると、動作が非常に遅くなります。

私は (先週) JQuery を学び始めたばかりなので、自分のコードで何か完全に間違ったことをしたと思います。

次のコードによって遅くなります。

私の考えをもう少し理解するのに役立つように、コードが存在する理由を説明します。

メニューは、ドロップライン付きのタブ スタイルのメニューです。メニューまたはその子の 1 つからタブが選択されると、タブが持ち上げられ、ドロップラインのメニュー項目が表示されます。

ユーザーが別のメニュー タブにカーソルを合わせると、現在選択されているタブをドロップしてドロップバーを非表示にするように JQuery を設定しました。

これが少しでも役立つ場合は、画像を提供できますか?

なぜそれが起こっているのかについての指針は非常に高く評価されています。

前もって感謝します。

リッチ

GoogleがHTMLの有効期限を過去の日付に設定していることに気づきました。

これを行うために.htaccessを設定するにはどうすればよいですか？私は他のリソースの有効期限を設定するために使用ExpiresByTypeしますが、それらはすべて将来の時間です（例access plus 10 years）。過去に設定する方法について何か提案はありますか？ありがとう。

すべての画像をホストするサブドメインを作成しました (例:フォルダhttp://images.domain.comを指す)。public_html/images/ブラウザ経由で特定の画像にアクセスしようとすると、リダイレクトされます。たとえば、 に移動するとhttp://images.domain.com/foobar.jpg、 にリダイレクトされhttp://www.domain.com/images/foobar.jpgます。

リダイレクトされるのはなぜですか? これにより、YSlow は私の全体的な成績を下げています。ありがとう。

私は自分のサイトのパフォーマンスを改善しようとしています。画像やスタイルなどの静的リソースのドメイン名を対応するIPアドレスに置き換えると、パフォーマンスが向上しますか？もしそうなら、このアプローチの欠点はありますか？

私は最初からコーディングしていないサイトに取り組んでおり、firebug では css ファイルが次のように表示されています: style.css.pagespeed.ce.5d2Z68nynm.css と pagespeed 拡張子。私はそれを見つけることができないので、誰がこれをしているのか教えてもらえますか。mod-pagespeed がサーバーで実行されている可能性があると思いますか? CSSをキャッシュして更新を停止しているため、開発するのが本当に面倒なので、今のところオフにしたいと思います。

前もって感謝します。

Photoshop で Web サイトのデザインを作成し、すべての画像を 24 ビット PNG 画像としてエクスポートしました。その後、 Web サイトでPageSpeedテストを実行すると、ロスレス圧縮を使用して画像のサイズを最大 50% までさらに縮小できることが示されました。どうすればいいの？Photoshop は画像をできるだけ圧縮しませんか? Google PageSpeed が内部で使用している画像圧縮プログラムは何か、試してみたいと思うかもしれません。

サイトの特定の画像が適切にキャッシュされていないと確信しています。ヘッダーをできる限り設定しましたが、更新ボタンを押すたびに再度ダウンロードされるようです。

たとえば、特定の画像のダウンロードには常に 1 秒強かかります。これは、キャッシュされた後でもあります。応答ヘッダーは次のとおりです。

これに問題はありますか？ありがとう。

アップデート

このアイデアの動機は、ブラウザの広告リクエストが非常に遅いことが多く、ブラウザの JavaScript スレッドを消費することは言うまでもなく、ページのレンダリングをブロックする可能性があることです。ページに複数の広告が読み込まれると、信頼性が低く、サード パーティの呼び出しがブロックされます。イベント ドリブンのヘッドレス サーバー サイド ブラウザを使用することで、これらのリクエストを作成し、広告アセットをブラウザに一度に渡すことは可能でしょうか? 特に、これは doubleclick で機能しますか? Doubleclick の広告ネットワークは、多くの場合、document.write スクリプト タグを作成し、さらにスクリプトを取得する一連のリクエストを作成し、Flash SWF をロードして、追加の GIF をリクエストする可能性があります。少し大げさに聞こえるかもしれませんが、広告は悪魔です。サーバー ソリューションが広告リクエストを作成し、JavaScript を並行して処理できるため、広告をクライアントからオフロードできれば、サイトの速度が大幅に向上します。

編集: @dthorpe への応答:

考慮すべきすべての良い点。

広告配信の遅延に関しては、サーバー側のソリューションが次の理由で役立ちます。

まず、複数の広告リクエストを並行して行うことができます。ブラウザでリソースを並行してロードする方法はありますが、すべてのリソースを遅延ロードしない限り、(つまり、ページのレンダリングと onload イベントの両方に関して) 完全に非ブロッキングであると私が知っている良い解決策はありません。広告。ページの残りの部分が読み込まれている間に、広告を並行してブロックしない方法で読み込む方法を探しています。

2 つ目は、おそらくもっと重要なことですが、通常、ダブルクリック広告を読み込むには、複数の中間スクリプトを読み込む必要があります。ブラウザの Javascript はシングル スレッドです。これは、私のページの JavaScript が ad-javascript をブロックし、広告の表示が遅くなることを直接意味します。広告の JavaScript がページの JavaScript をブロックし、ページの速度が低下します。追跡またはその他の目的で、他の第三者の通話を行う場合があります。また、ページに複数の広告があり、すべてページのレンダリングと JavaScript の実行が遅くなります。広告の読み込みをサーバーにオフロードすることで、ページの JavaScript が広告と競合しなくなります。広告による待ち時間は 1 つの広告 (最も長い広告) の関数になりますが、1 つの広告の読み込み動作は他の広告やマイページの影響を受けません。

目標は、広告がページのレンダリングやページのオンロード イベントをブロックしたり、ページや相互の速度を低下させたりしないように、ベース ページから広告の関連付けを解除することです。ブラウザ内の JavaScript がシングル スレッドである限り、完全な関連付け解除を実現できるクライアント側のソリューションを知りません。読み込みに時間がかかる広告が JavaScript によってフルフィルメントされている間、ページの残りの部分は待機する必要があります。

私はさまざまな遅延読み込みメカニズムを認識しており、iframe を含むものや、遅延読み込みに対応するために document.write をオーバーライドするものもありますが、JavaScript の実行を妨害するシリアル動作が原因で、満足のいく結果が得られたものはありません。

ブラウザで Java アプレットを使用してサーバー側の広告読み込みの利点を得て、あなたが言及した Cookie/プリロードの状況を回避できるのでしょうか? ダブルクリック広告で見られる深刻な劣化のため、私は実際にこれらの非準拠のアプローチを検討しています. これらの広告がページの読み込み速度を殺す方法は、本当に忌まわしいものです:)

ページ速度とコードの最適化について質問があります。AJAX呼び出しによってほぼ100％入力されるページがあります。私の質問は次のとおりです。ページのHTMLにいくつかの空のdiv、スパンなどをコーディングしてから、javascriptを使用してそれらの要素を入力する方が速いですか？または、JavaScriptでこれらの要素を作成し、挿入して追加する方が速いですか？大きな違いがあるかどうかもわかりません。したがって、この分野でのヘルプ/アドバイスをいただければ幸いです。

ショッピングサイトの仕事をしています。結果に 40 枚の画像を表示します。ページのオンロード時間を短縮することを検討しています。画像はオンロード イベントをブロックするため、最初に img.src="" を設定し、オンロード後に設定することで遅延読み込みを検討しています。これは、html フラグメントの ajax ロードではないことに注意してください。画像の html と代替テキストが表示されます。画像 src が延期されているだけです。

サイト速度を測定している今、これが SEO に悪影響を及ぼしたり、Google のペナルティ ボックスにつながったりする可能性があるかどうかについて、誰か考えを持っている人はいますか?