Cara memperbaiki Efficiently encode images di PageSpeed Insights

Efficiently encode images adalah pemeriksaan kompresi, bukan pemeriksaan tata letak. PageSpeed Insights meninjau setiap JPEG, PNG, dan WebP di halaman dan memperkirakan berapa kilobyte yang bisa Anda hemat dengan mengenkode ulang pada kualitas tampak yang serupa. Ini tidak mengatakan fotonya salah format, dan tidak mengatakan pikselnya terlalu besar - itu audit yang berbeda (Serve images in next-gen formats dan Properly size images).

Laporan menamai filenya. Anda tetap harus mengambil file asli itu dari situs atau CMS, mengenkode ulangnya, dan menaruh salinan yang lebih kecil kembali. EditItAll tidak merayapi URL Anda atau berbicara dengan PageSpeed Insights. Ia hanya melakukan enkode ulang, di browser Anda.

Buka kompresor JPEG (atau alat PNG / WebP yang cocok jika itu yang tercantum di laporan) dan masukkan file asli yang berat:

• Biarkan kualitas dekat 80 untuk foto. Itu biasanya tidak bisa dibedakan di layar dan berada di rentang yang sama yang direkomendasikan panduan kualitas JPEG.
• Jika foto lebarnya ribuan piksel tetapi ditampilkan pada sebagian kecil dari itu, atur dimensi maksimum ke 1920 atau 1280 - itu opsi nyata di kompresor. Piksel berlebih adalah setengah lain dari berat halaman; lihat kompres JPEG untuk web.
• Baca ukuran masuk → keluar di daftar hasil. Masih terlalu besar? Turunkan kualitas sekitar sepuluh poin dan jalankan lagi. Tidak ada kotak “kompres ke N KB” - ukuran adalah hasil.

Ekspor, unduh, ganti file di server atau CMS Anda, lalu jalankan ulang PageSpeed Insights. Semuanya tetap di perangkat Anda; Anda bisa luring setelah halaman dimuat. EXIF dihapus saat ekspor.

Jika penghematannya tampak kecil setelah enkode ulang JPEG, PageSpeed Insights mungkin juga meminta format modern. WebP dan AVIF biasanya mengalahkan JPEG pada kualitas tampak yang sama. Konversi salinan dengan JPG ke WebP atau kompresor WebP dan bandingkan ukuran yang tercantum. Pertahankan cadangan JPEG jika Anda masih melayani browser lama.

Foto PNG hampir tidak pernah pantas di halaman web. Konversi ke JPG atau WebP; recompress PNG lossless tidak akan banyak mengecilkan foto. Klaster mengompres gambar membahas pilihan format lebih dalam.

Enkode ulang tidak akan membuat hero 4000 piksel muat di slot 800 piksel - itu Properly size images, dan butuh ukuran piksel yang lebih kecil. Ini tidak akan memuat malas gambar di bawah lipatan, dan tidak akan menulis srcset untuk Anda. EditItAll juga tidak bisa mencapai target kilobyte secara otomatis atau menghapus artefak JPEG yang sudah ada di file. Kompres sekali dari yang asli, lalu berhenti.