ウェブページアセットの読み込み時間が長くなります

Question

ローカルサーバー上で正常に動作するウェブサイトがあります。すばやく反応性があり、全体的に優れています。

しかし、ドメインホストのサーバーに配置すると、資産が読み込まれるまでに時間がかかることがあります。例えば、1つの1メガバイトPNGファイルは、負荷に2.31秒かかりました：

をChromeのネットワーク開発ツールは、私に次のことを明らかにする：

だから、これが原因貧しい人々に思われます私のコードの実装か、それとも恐怖のサーバーですか？ （同社は、コンテンツをホストするためにできるだけ最下位の層に加入している）私のインターネット接続は速いので、それはそれが疑わしい。

Answer 1

私はおそらくあなたのホストに問題があると思います。イメージはイメージです:) 1つを実装する100の方法はありません！ここで

Answer 2

はあなた

のために質問ですあなたがバックグラウンドでロードしようとしている画像、またはそのイメージタグですか？

Answer 3

サイズが大きい画像は常に読み込み時間が長くなるため、できるだけ画像を小さくしてください。コンテンツのダウンロード時間を短縮するには、画像の品質を落とさずに画像を最適化/圧縮できます。ソフトウェアを使用して画像を最適化するには、[Web用に保存]オプションを使用する必要があります。これにより、画像のサイズが縮小され、画像の読み込み時間が短縮されます。

さらに、CDNを使用して、イメージ、CSS、JS、ビデオなどのWebサイトの静的資産を配信することができます。CDNは、ウェブサイトファイルをPOPという地理的に分散したネットワークに配信します。 CDNは訪問者の最も近い地理的な場所からのウェブサイトのリソースを提供します。つまり、あなたのウェブサイトの資産がより高速に読み込まれます。

SSDベースのホストを使用します。 SSDは、従来のHDDに比べて優れた読み書き速度を備えています。したがって、ソリッドステートドライブはハードディスクドライブよりも優れた性能を発揮し、従来のHDDより100倍も高速です。