私は現在、ここに示されているように新しいロード= "lazy"属性を使って私のウェブサイトを更新しようとしています: https://web.dev/native-lazy-loading
ビデオに見られるように、すべてが期待どおりに機能しますが、Chromeの私の滝図と比較して、そうではありません。
そのルーム方法:
見る方法:
これがその実装方法です。
<img class="has-border" src="https://andreramoncombucket.s3.amazonaws.com/static/assets/img/work/personal-website/pw_full.jpg" style="object-fit: cover;" alt="..." loading="lazy">
_
私はそれが機能していなかった最悪の理由を持っています - 私はwidth
とheight
属性を追加するのを忘れていました(代わりにstyle
_ _ _ var] _ _の壊れたコードで追加されました)。