http://www.wacom.com/この Web サイトは、高解像度の画像が多すぎますが、速度が速すぎます。
ウェブサイト http://www.benplum.com/projects/pronto/で pronto js を使用しました。
http://www.wacom.com/この Web サイトは、高解像度の画像が多すぎますが、速度が速すぎます。
ウェブサイト http://www.benplum.com/projects/pronto/で pronto js を使用しました。
高解像度画像だからといって、画像が重いわけではありません(Wacom.comでは、画像は100Ko未満です)
Web サーバーを構成すると、ヘッダー Connection: Keep-Alive を返すことができ、すべての接続で接続/切断時間の損失を減らすことができます。これは、ロードする画像が本当に多い場合に適しています (これを悪用すると、逆に全体が遅くなる可能性があることに注意してください)。 )。ワコムのウェブサイトはこれを使用しています。
小さな画像を読み込む場合は、1 つの画像を作成し、CSS を使用してその一部のみを表示することをお勧めします。
おそらく、ウェブサイトの読み込み速度を最適化するための最良のリソースは、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
幸運を!
JQuery Lazy Load
ライブラリを試してください: