Kinerja website dimulai dari kontennya.

Tetapkan aturan aset sejak awal.

Definisikan ukuran gambar, format, dan target kualitas sebelum pustaka konten tumbuh. Sertakan fotografi, gambar produk, dan ilustrasi editorial. Optimalkan aset sebelum menambahkannya ke halaman, dan simpan master asli di luar jalur pengiriman publik.

Tujuannya adalah gambar yang jernih pada ukuran yang sebenarnya akan ditampilkan. Mengirimkan file asli besar ke setiap pengunjung menciptakan beban kerja bagi jaringan tanpa tentu meningkatkan hasil yang terlihat.

Berikan komposisi khusus untuk seluler.

File yang lebih kecil tidak selalu berarti gambar seluler yang dapat digunakan. Periksa subjek, kejelasan teks, dan titik fokus dalam crop sempit. Komposisi khusus mungkin diperlukan ketika karya seni desktop bergantung pada ruang negatif yang lebar.

Kandidat gambar responsif memungkinkan browser memilih sumber daya yang sesuai untuk tampilan. web.dev menjelaskan bagaimana hal ini meningkatkan kecocokan antara dimensi gambar yang dikirimkan dan perangkat.

Tinjau halaman sebagai sebuah urutan.

Prioritaskan hero dan tunda aset jarak jauh sampai dibutuhkan. Periksa biaya video, galeri interaktif, dan animasi, termasuk apa yang terjadi ketika pengunjung lebih memilih pengurangan gerakan (reduced motion).

Uji dengan konten nyata pada lebih dari satu viewport. Tinjau decoding gambar, pergeseran tata letak, aset rusak, dan interaksi secara bersamaan; file kecil bukanlah optimasi yang berhasil jika halaman tidak lagi berkomunikasi dengan jelas.

Bacaan lebih lanjut.

Pengiriman gambar responsif

Terapkan brief tersebut.

Pengembangan produk digital · Diskusikan pekerjaan yang dibutuhkan bisnis Anda.