Minimalkan CSS

Pada artikel ini, saya ingin berbicara tentang apa itu minifikasi kode HTML dan CSS, untuk apa, dan bagaimana mencapainya. Penataan kode menjadi blok, baris, dll. Diperlukan untuk kenyamanan terbaca oleh manusia. Kami melihat blok seperti itu secara keseluruhan, kami melihat di mana tag terbuka, di mana menutup. Untuk browser ini tidak perlu, mereka membaca kode secara berurutan, dan jeda baris yang tidak perlu, spasi, komentar dalam teks hanya membuat sulit untuk membaca dan menambah waktu buka halaman. Jadi, ada dua alasan utama perlunya mengecilkan kode: Mengurangi ukuran (berat) halaman dan, sebagai konsekuensinya, meningkatkan kecepatan pemuatannya. Alasan kedua mengikuti dari yang pertama. Ini merupakan perbaikan faktor perilaku. Jika situs memuat lebih cepat, maka ada rasio pentalan yang lebih rendah, pertumbuhan lalu lintas, peningkatan hasil pencarian, dll.

Saat ini, ada banyak sekali alat web untuk mengoptimalkan file CSS. Kebanyakan dari mereka memiliki algoritme kerja sendiri (tentu saja, ada duplikat). Efektivitas program itu sendiri juga sangat berbeda. Selain itu, beberapa pengoptimal dapat merusak kode CSS, setelah itu gayanya menjadi tidak valid. Minifikasi file CSS (jangan disamakan dengan kompresi CSS) melibatkan penghapusan karakter yang tidak perlu dari file untuk mengurangi ukurannya dan dengan demikian mempercepat pemuatan. Meminimalkan dan mengompresi file CSS bukanlah hal yang sama. Kedua metode ini dirancang untuk mengurangi waktu muat. Perbedaannya terletak pada cara kerjanya. Kompresi digunakan untuk mengurangi ukuran file menggunakan algoritma kompresi seperti Gzip atau brotli. File-file tersebut dikompresi sebelum dikirim ke klien.