Latihan 1 dari materi Lazy Loading di Performance — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Lengkapi halaman portofolio di kode awal. Judul <h1>My Portfolio</h1>, tiga komentar, dan <div class="gallery-section"> sudah ada, biarkan begitu.
<img> dengan id="hero" dan src="hero.jpg". Jangan beri loading="lazy", karena gambar ini langsung terlihat. Biarkan tanpa atribut loading (atau tulis loading="eager", hasilnya sama).<div class="gallery-section">, tulis minimal 3 gambar galeri. Tiap <img> diberi class="gallery" dan loading="lazy", semuanya, bukan cuma yang pertama.<iframe> dengan src="map.html" dan loading="lazy".Tambahkan juga width, height, dan alt (atau title untuk iframe) seperti di materi. Itu kebiasaan baik, tapi yang dinilai cuma ini: ada img dengan id hero yang gak lazy, minimal 3 img.gallery yang semuanya loading="lazy", dan satu iframe dengan loading="lazy".
