開くのが超遅い、開く速度を改善する方法_html/css_WEB-ITnose

私のコードはローカルに保存すると正常に動作しますが、オンラインで開くと非常に遅くなります










.....

ディスカッションへの返信 (解決策)

画像を最適化し、画像の遅延読み込みを使用します。

元の投稿者は ImagesLazyLoad を検索しました

200 jpg 幅の画像が 100k より大きい場合、PS で最適化する必要があります。具体的な方法は、画像を直接インポートし、ctrl + shift + alt + s で保存します。 jpg で、圧縮率は 60 ～ 70% です。

画像が 100k 未満の場合は、png-8 モードを使用することをお勧めします。
4k、gif、png-8 未満の場合は問題ありません。

元の投稿者は何をしましたか? 300 枚以上の写真が使用されました

HTTP 接続が非常に多いため、速度が遅くなるはずはありません


1、つまり、写真をまったく使用する必要がない場合一度、遅延ロード(スクリプト作成 img )を使用するか、使用したいときにロードすることができます。
2. 前述したように、画像自体のサイズも考慮され、十分な場合は精度を下げます。
3. さまざまな場合 背景として使用する小さな画像の場合は、CSS 画像分割技術の使用を検討できます。これは、さまざまな小さな画像を 1 つの大きな画像に結合し、幅、高さ、(背景) を慎重に設定することです。共有イメージを実現するために要素の位置を調整します

たくさんの写真を載せてください ゆっくり時間をかけてください。 。遅くないとおかしい