4

私のサイトをより速くロードするためのヒントやコツがあるかどうか知りたいですか？

たとえば、私のサイトには、ホバーすると切り替わる4つのグループの背景画像があります。
以前にそれらを読み込む方法はありますか？
そのためのjqueryプラグインはありますか？

phpで、自分のサイトにあるすべての画像を含むdivをエコーすると、DOCTYPEの前に何も表示されません。それは役に立ちますか？

html / css / jqueryの一般的なヒントは？

すべての提案を歓迎します...

ありがとうございました。

4

5 に答える 5

4

スプライトを使用すると、画像の読み込みを大幅に高速化できます。それを使用するには、画像を結合するだけです。それには、 CSS スプライト ジェネレーターが役立ちます。

バックグラウンドが一度にロードされているように見せたい場合は、インターレースPNG を使用してみてください。

于 2012-07-31T08:09:24.330 に答える
0

ここでいくつかの非常に良いヒントを見つけることができると思います：

http://developer.yahoo.com/performance/

特にここ：

http://developer.yahoo.com/performance/rules.html

于 2012-07-31T08:10:28.543 に答える
0

できることもあると思います。

  • リクエストの数を減らします。スプライトを作成して、すべての画像を組み合わせることができます。
  • APC およびその他のキャッシュ メカニズムを使用する
  • memcacheを使用する
  • Apache キャッシング モジュール
  • また、Google のmodpagespeedを使用することもできます。そして、それらを最大限に活用します。

しかし、最良の方法は、優れた構造を持つ優れたプログラムされた Web サイトを持つことだと思います。次に、必要なクラスだけを多くのクラスにロードしないことを意味します。ここでは、設計パターンを見ることができます。

于 2012-07-31T08:11:58.030 に答える
0

これをインタラクティブに理解するには、Firefox の Firebug アドオンの Y-Slow 拡張機能を使用します。このアドオンは、現在の Web サイトを評価し、CSS、圧縮などに関する改善のための適切なヒントを提供します。

于 2012-07-31T08:12:50.783 に答える
0

Chrome の PageSpeed Insights

Google Chrome のプラグインをダウンロードすると、Web サイトの高速化に役立つこれらの事実がリストされます。

https://developers.google.com/speed/docs/insights/using_chrome

  • CSS @import を避ける

      外部スタイルシートで CSS @import を使用すると、Web ページの読み込み中にさらに遅延が発生する可能性があります。

  • メタ タグの文字セットを避ける
  • 悪い要求を避ける
  • 画像を CSS スプライトに結合する
  • JavaScript の遅延解析
  • キープアライブを有効にする
  • 圧縮を有効にする
  • インラインの小さな CSS
  • インラインの小さな JavaScript
  • ブラウザのキャッシュを利用する
  • ランディング ページのリダイレクトをキャッシュ可能にする
  • CSS を縮小する
  • HTML を縮小する
  • リダイレクトを最小限に抑える
  • リクエスト サイズを最小化する
  • 画像を最適化する
  • スタイルとスクリプトの順序を最適化する
  • 非同期リソースを優先する
  • 文書の頭に CSS を入れる
  • 静的リソースからクエリ文字列を削除する
  • 一貫した URL からリソースを提供する
  • スケーリングされた画像を提供する
  • Vary: Accept-Encoding ヘッダーを指定する
  • キャッシュバリデーターを指定する
  • 文字セットを指定する
  • 画像の寸法を指定する

    • 于 2012-07-31T08:14:26.230 に答える