問題タブ [web-optimization]

Adobe Reader Browser プラグインの制限について知っている人がいるかどうか疑問に思っていました。現在、Web サイトの訪問者がファイル サイズが 2 MB を超える PDF を開こうとすると問題が発生します。

PDFを現在よりもさらに最適化する方法を考えましたが、印刷品質に近いグラフィックスを含む小さなファイルを提供するbst設定を見つけるのに苦労しています。

誰かに何かアイデアがあれば、私は大いに感謝します。

どうもありがとう

Firebug の Net パネルを監視していて、他のリソースをダウンロードする前に HTML をダウンロードする必要があることに気付きました。他のリソースは HTML で定義されているため、これは理にかなっていると思います。HTML のダウンロード中に他のコンポーネントをダウンロードできるようにする方法はありますか?

Web 最適化についてテストおよび学習するために、新しい動的サイトを作成しています... サイト インデックス

html、css、js（Googleサーバーにリンクされているjquery-minを除く）ファイルの場合、より多くのファイルを連結し、未使用のスペースを削除し、Gzipを使用して圧縮するphpファイルを作成しました： 圧縮されたcss -圧縮されたjs

メイン画像については、すべての画像を1 つにまとめました

Facebookのようなボタンの場合、jqueryを使用してページの読み込み後にiframeを置き換えます.adbriteの広告で同じことをしたいのですが、方法がわかりません.読み込み後にコードを置き換えたり、htmlに挿入したりすると、ページが消え、広告のみが残ります...

誰かが助けることができますか？

（最適化のために）うまくいっているかどうか、どこを改善できるか教えていただけますか

ありがとう...

CSS / Javascriptに遠い将来の期限切れヘッダーを設定しているので、ブラウザーがファイルがキャッシュされた後、ファイルを再度要求することはありません。また、ファイルが変更された場合にクライアントが認識できるように、単純なバージョン管理メカニズムもあります。

基本的に私はテンプレートタグを持っていて、次のようなことをします

<script type="text/javascript" src="{{ MEDIA_URL }}{% versioned "javascript/c/c.js" %}"></script>

になります

<script type="text/javascript" src="http://x.com/media/javascript/c/c.min.js?123456"></script>。

テンプレートタグはファイルを開きjavascript/c/c.js.v、バージョン番号を見つけてクエリ文字列に追加します。バージョンは、ファイルが変更されたかどうかをチェックするシェルスクリプト（今のところ手動で実行され、おそらくpre-commitフックが追加されます）によって生成されます（を使用してgit diff）。

これは、次の場合を除いて、すべて正常に機能しています。

画像にも同じ種類のバージョニングを実装したいと思います。ただし、画像は静的ファイル（nginxによって提供される）であるCSSから参照できるため、テンプレートタグはありません。

ファイルのバージョン管理のためのより良いアプローチは何ですか？

または、テンプレートタグを、応答を返す前にすべてのリンクを変更するミドルウェアに置き換えることを考えています。これは、誤って省略される可能性のあるテンプレートタグよりも優れています。しかし、それでもCSSから参照される画像の問題は解決しません。

また、クエリ文字列の一部としてバージョンを指定すると、特定のプロキシがファイルをキャッシュしないという問題が発生する可能性があることを認識しています。たとえば、バージョンをファイル名の一部にすることを検討しますjavascript/c/c.123456.js。

注：Djangoを使用してこの問題を解決する方法はないようです（明らかに、Djangoを介してCSSを提供していないため）。しかし、おそらくいくつかのnginxトリックを含む解決策が必要です。

現在、Internet Explorer で速度が低下しているサイトに取り組んでいます。より具体的には、表示されているページ要素をすべて読み込んだ後、ページがまだ何かを読み込んでいるかのように、約 2 ～ 3 秒間フリーズします。通常、FF または Chrome でサイトをプロファイリングするだけですが、この問題は IE に固有のものです。IE 8 でプロファイラーを使用してみましたが、うまくいきません。IE で速度低下のポイントを特定するために何を使用すればよいか (たとえば、Chrome で利用できるネットワーク プロファイリングに似たもの) について何か提案はありますか?

Google のオーガニック検索でトラフィックが得られていないことに気付きました。問題が何であるかを調べることにし、Google ウェブマスターに登録しました。

私が見たところ、私のサイトは Google フレンドリーではないようです。

それに満足できなかったので、他の速度テスト プラットフォームでの評価を確認することにしました。以下は結果です。

私の問題は次のとおりです。

1. Google ウェブマスターのページ速度のビューと他のページ速度テスト分析との間に大きなギャップがある理由は何ですか?
2. ページのインデックス作成に悪影響を与える可能性があるため、Google ウェブマスターのページ速度分析を改善するにはどうすればよいですか。

ありがとう

私は最近、Safariのパフォーマンス監査/推奨事項を見てきました。1つのセクションでは、一部のリソースにCache-Control: publicヘッダーを追加する方法について説明します。png

それが他の場所で言われているのを聞いて、どうすればそれができるのか疑問に思いました。

実際、これを達成するために何をする必要があるのか​​、技術的にはよくわかりません。このテキストがどういうわけか画像ファイルに挿入されているのですか？

オブジェクトのオーバーヘッドを最小限に抑えるために並列ダウンロードを最適化するという記事を読み、テスト デモを作成します。しかし、結果は期待したものではありません。滝の図を見てください。

誰が理由を教えてくれますか、ありがとう

複数のドメイン イメージのダウンロード

シングル ドメイン イメージのダウンロード

知っている：

よりもレンダリングが高速です

ただし、その一方で、1 文字多く占有するため、CSS ファイルを送信する時間が長くなります。

速度の違いがごくわずかであることはわかっていますが、多数のセレクターを含む非常に大きな CSS ファイルがある場合、それが重要になる可能性があります。

それで、私の質問は次のとおりです。レンダリングに時間を費やして子セレクターを使用しないか、子セレクターを使用して CSS ファイルの送信にさらに時間を費やすのがよいでしょうか?

たとえば、次のようなセレクター

に圧縮されます

おそらく、これは YUI Compressor の古いバグです。