0

ポートフォリオサイトを作っている友達がいます。彼は表示したい高解像度の画像をいくつか持っています。1ページに複数のプロジェクトがあり、プロジェクトごとに複数の画像があります。このため、彼はロード時間を可能な限り短縮し、システムメモリの使用量を節約したいと考えています。そうは言っても、同じページで複数回呼び出されると、従来のjQueryスライダーが大量のメモリを消費するのではないかと心配しています。また、初期化時にすべてのイメージをロードすることは、ロード時間が長くなるため、オプションではありません。jQueryまたはHTML5、あるいはその両方でこれに役立つ画像スライダーを知っている人はいますか?

4

1 に答える 1

5

良いjQueryスライダーを探すのに時間を費やす前に...

...基本から始めます:

  1. これらのような一般的なウェブデザインのベストプラクティスに従い始めます
  2. Web ページを 100 KB 未満に保ち、高速に読み込みますか? (多ければ多いほど良い)
  3. CDN (コンテンツ配信ネットワーク) を使用して HD 画像を保存します。
  4. HD 画像はオンデマンドでのみロードし、事前にロードしないでください。
  5. 圧縮変換(png を避ける)、サイズ変更された画像を使用して、スライダー コンテナーに合わせます。
  6. CSS またはインライン CSS で画像をスケーリングしないでください。(どちらのサーバー側でもありません)
  7. 遅延読み込み設計パターンを利用します。(あなたが言うように、たくさんの画像があり、ページが非常に長くなる場合)
于 2012-04-23T23:30:39.383 に答える