たとえば、php と js を使用して要素に複数の大きな画像 (>500kb) を読み込むと、読み込み速度にかなり時間がかかる (5 秒以上) ことがわかりました。
昨夜私はブラウジングしていたhttp://ringvemedia.com/beijing-photos
背景画像全体の読み込み速度は超高速です。背景画像の自然な幅は 1024 ピクセルで、品質もかなり良いので、画像のサイズは小さすぎないほうがいいと思います。
では、同様の画像読み込み速度を実現するにはどうすればよいでしょうか? ちなみに、私は Hostgator サーバーを使用しています。
答え1
画像の読み込み速度は、マシンがひどく過負荷になっていないことを前提として、帯域幅に基づいています。これは共有環境では起こり得ますが、不安定で、速いときもあれば遅いときもあります。
ホスティング プランの一部として、サーバーから 2 MB のパイプ アップロードがある場合、500 kb * 8 ビット/バイト = 4 MB となり、各画像の転送に 2 秒かかります。画像が大きい場合、転送にかなり時間がかかります。これは、一度に 1 人のユーザーだけがファイルを取得する場合です。帯域幅とサーバーの場所はご存知ですか?
あなたの説明に基づくと、送信帯域幅はそれほど高くないと思われます。そのため、まともな量のデータを転送すると、希望するよりも遅くなります。
補足として、参考までに、そのサイトの画像は 100 ～ 240 KB で、ほとんどがその下限サイズです。