Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

Situs Tidak Menggunakan CSS Flexbox Lama

Mengapa audit itu penting

Spesifikasi flexbox lama tahun 2009 tidak digunakan lagi dan 2,3x lebih lambat dari spesifikasi terbaru. Lihat Layout Flexbox Tidak Lambat untuk mengetahui selengkapnya.

Cara untuk lulus audit

Di bawah URL, Lighthouse mendaftar semua instance display: box yang ditemukan pada stylesheet laman Anda. Ganti semua instance dengan sintaks baru, display: flex.

Jika stylesheet menggunakan display: box, maka itu mungkin menggunakan properti Flexbox lain yang tidak digunakan lagi. Singkatnya, setiap properti yang diawali dengan box, seperti box-flex, sudah tidak digunakan lagi dan harus diganti. Lihat Pemetaan Properti Sintaks Spesifikasi 2009/2011 CSS Flexbox untuk melihat dengan jelas bagaimana properti lama dipetakan ke yang baru.

Cara implementasi audit

Bagian ini menjelaskan cara implementasi audit, agar Anda bisa memahami cara menghitung skor audit.

Lighthouse mengumpulkan semua stylesheet yang digunakan pada laman dan memeriksa apakah salah satu dari mereka menggunakan display: box. Lighthouse tidak memeriksa jika stylesheet menggunakan properti lain yang tidak digunakan lagi.