ホームページ  >  記事  >  バックエンド開発  >  100 点、お問い合わせください: 画像読み込み - ユーザー エクスペリエンス

100 点、お問い合わせください: 画像読み込み - ユーザー エクスペリエンス

WBOY
WBOYオリジナル
2016-06-13 12:59:041010ブラウズ

アドバイス 100 ポイント: 画像の読み込み -- ユーザー エクスペリエンス


上記のように、ウォーターフォールレイアウトのフォトウォールを作りたいのですが、画像が多すぎるため、遅延読み込みと画面スクロール読み込みを使用しましたが、まだエクスペリエンスが良くないようです。アイデアを求める

1. 画像の読み込み速度を改善する方法
2. ユーザーエクスペリエンスを向上させる方法

アドバイスありがとうございます。
------解決策---------
画像を均等に縮小します
- -----解決策---------------------
jqueryプラグインを使用して画像のプリロードを行うことができます。 マウスをその位置に移動します。そして、この写真を見せてください。
------解決策---------

画像を小さくします。
------解決策------------
画像を小さいサムネイルに生成すると、ページにこのサムネイルが表示されます。
マウスを画像上に移動すると、元の画像が読み込まれるか、再度読み込まれません。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。