1

1998 年に初めて Web ページの作成を学んでいたとき、画像を圧縮アーティファクトの仮想モザイクに粉砕するプロセスは必須の技術でした。ボー レートがほとんど忘れ去られた今、900x の画像でいっぱいのスライダー、画像でいっぱいの記事、フラッシュ広告などを備えたサイトを見つけるのが一般的です。これらのサイトは、私の高速ケーブル モデムまたは仕事中の T1 で問題なくロードされます (見た目も良いです)。しかし、私たちが期待を高く設定しすぎているのではないかと思わずにはいられません。たぶん、ページが一度に 1 センチメートルずつロードされるときのパラノイアフラッシュバックを持っているだけです (誰かをインターレースしますか?)。

画像のプリロードなどの手法は、高帯域幅サイトでのユーザー エクスペリエンスに役立ちましたが、2012 年現在、サイトの種類と接続帯域幅について合意されたパフォーマンス ガイドラインはありますか?

4

1 に答える 1

1

私が頻繁に使用しているいくつかの方法を挙げることができます。

  • 可能であればスプライトを使用してください。接続数が減ります。例えば; 8 つの画像ファイルに 150 個のアイコン/画像を保存しました。この場合、ブラウザは 150 ではなく 8 つの接続しか確立しません。

  • 画像には適切な形式を使用してください。例えば; 写真には jpg を使用し、主に幾何学的な画像には png を使用します。

  • ここでも、接続数を減らすために、JS または CSS ファイルを 1 つのファイルに結合します。

  • さまざまなツールを使用して、ページと読み込み速度を測定します。

  • そもそも隠し画像をロードしないでください。www.wallbase.cc は、この完璧な例です。

  • 必要に応じて、サーバー側の圧縮を使用してください。

これらのリストにさらに追加できます。ロジックは単純で、帯域幅の使用量を減らし、接続数を減らします。

于 2012-08-08T22:55:54.647 に答える