0

http://www.wacom.com/この Web サイトは、高解像度の画像が多すぎますが、速度が速すぎます。

ウェブサイト http://www.benplum.com/projects/pronto/で pronto js を使用しました。

4

3 に答える 3

0
  1. 高解像度画像だからといって、画像が重いわけではありません(Wacom.comでは、画像は100Ko未満です)

  2. Web サーバーを構成すると、ヘッダー Connection: Keep-Alive を返すことができ、すべての接続で接続/切断時間の損失を減らすことができます。これは、ロードする画像が本当に多い場合に適しています (これを悪用すると、逆に全体が遅くなる可能性があることに注意してください)。 )。ワコムのウェブサイトはこれを使用しています。

  3. 小さな画像を読み込む場合は、1 つの画像を作成し、CSS を使用してその一部のみを表示することをお勧めします。

于 2013-09-09T07:55:28.967 に答える
0

おそらく、ウェブサイトの読み込み速度を最適化するための最良のリソースは、Google Page Speed です。これには、サイトが既にオンラインである場合に、サイトを診断して改善を提案するための非常に多くのツールもあります: https://developers.google.com/速度/ページ速度/

@strauberry が述べたように、Amazon Cloudfront CDN は、アセットがユーザーの近くにキャッシュされているため、おそらく大きな貢献者です。英語のリンクは次のとおりです: http://aws.amazon.com/cloudfront/

大きな背景画像を使用している場合は、https ://github.com/nordhagen/jquery-zload で遅延ロードできます。

img 要素の jQuery Lazy Load に関する @ra_hital のヒントに加えて。 http://www.appelsiini.net/projects/lazyload

幸運を!

于 2013-09-09T07:32:49.697 に答える
0

JQuery Lazy Loadライブラリを試してください:

http://www.appelsiini.net/projects/lazyload

于 2013-09-09T06:43:41.090 に答える