Lakukan ini untuk meningkatkan pemuatan imej di laman web anda

Dalam video berikut, Jen Simmons menerangkan cara meningkatkan kelajuan pemuatan imej dengan menggunakan sifat width dan height . Masalahnya adalah bahawa imej akan menyebabkan lag apabila ia pertama kali dimuatkan, kerana sebelum penyemak imbas berjaya memuat turun sumber imej. <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174433873873361.png" class="lazy" alt="Lakukan ini untuk meningkatkan pemuatan imej di laman web anda"> Ini kerana Firefox dan Chrome kini mengambil kira nilai -nilai ini dan menghapuskan semua lag sebelum beban gambar, walaupun anda menggunakan lebar bendalir dalam CSS dan oleh itu ketinggian tidak diketahui . Ini bermakna walaupun imej tidak dimuatkan, kandungan akan sentiasa berada di tempat yang sama. Pada masa lalu, saya telah meletakkan imej pada halaman yang lebih rendah dalam banyak projek hanya untuk mengelakkan gagap ini. Saya rasa ini menyelesaikan masalah ini dengan baik.

Atas ialah kandungan terperinci Lakukan ini untuk meningkatkan pemuatan imej di laman web anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!