バックグラウンドサイズ：カバー遅れ

Question

私はこの問題を抱えています。私のウェブサイトには、バックグラウンドサイズのカバー部分がたくさんあります。そのため、ウェブサイトが地獄のように遅れてしまいます。すべてのデバイスに画像の100％の幅を含む解決策はありますか？ウェブサイトの遅延を取り除くには？私はいくつかの他のウェブサイトを検索して、object-fit：imgタグのカバーを見つけましたが、私のウェブページにそれを実装することはできません。また、すべてのイメージを圧縮したので、スペースが少なくて済みました。どんな答えでも助けになるでしょう。前もって感謝します。

Website

Answer 1

まあ私のために、高速のすべてのウェブサイトの負荷の最初の（しかし、私は本当に速い接続を持っています）。しかし、それにもかかわらず、あなたのイメージはあなたの必要性のために大きすぎます。たとえば、box-2.jpgはsize: 3500 x 2333 pxです。イメージのサイズを変更する必要があります。

サイズがまだ残っていて圧縮が多すぎるため、画像を圧縮するだけではあまり効果がありません。なぜなら、常に品質が低下するからです。たとえば、googleの速度の洞察は常に行く方法ではない最大限に画像を圧縮することをお勧めします。

しかし、google speed insightsは最適化できる他の要素を見つけるのに良い方法です。