CSS'yi küçültün

Bu yazıda, HTML ve CSS kodunun ne kadar küçültüldüğünden, ne işe yaradığından ve nasıl gerçekleştirileceğinden bahsetmek istiyorum. Kodun bloklar, satırlar vb. Şeklinde yapılandırılması, insan tarafından okunabilirliğin rahatlığı için gereklidir. Bu tür blokları bir bütün olarak algılıyoruz, etiketin nerede açıldığını, nerede kapandığını görüyoruz. Tarayıcılar için bu gerekli değildir, kodu sırayla okurlar ve metindeki gereksiz satır sonları, boşluklar, yorumlar yalnızca okumayı zorlaştırır ve sayfa yükleme süresini artırır. Bu nedenle, kodu küçültme ihtiyacının iki ana nedeni vardır: Sayfanın boyutunu (ağırlığını) azaltmak ve sonuç olarak yükleme hızını artırmak. İkinci neden birinciden kaynaklanıyor. Bu, davranışsal faktörlerde bir gelişmedir. Site daha hızlı yüklenirse, daha düşük bir hemen çıkma oranı, trafik artışı, arama sonuçlarında artış vb. Olur.

Şu anda, CSS dosyalarını optimize etmek için çok sayıda web aracı bulunmaktadır. Çoğunun kendi çalışma algoritmaları var (elbette kopyalar var). Programların kendilerinin etkinliği de önemli ölçüde farklıdır. Ek olarak, bazı optimize ediciler CSS kodunu kırabilir ve bunun ardından stiller geçersiz hale gelir. CSS dosyalarının küçültülmesi (CSS sıkıştırmasıyla karıştırılmamalıdır), dosyanın boyutunu küçültmek ve böylece yüklemeyi hızlandırmak için gereksiz karakterleri dosyadan kaldırmayı içerir. CSS dosyalarını küçültmek ve sıkıştırmak aynı şey değildir. Bu yöntemlerin her ikisi de yükleme sürelerini azaltmak için tasarlanmıştır. Aradaki fark, nasıl çalıştıklarında yatıyor. Sıkıştırma, Gzip veya brotli gibi sıkıştırma algoritmaları kullanarak dosya boyutunu azaltmak için kullanılır. Dosyalar, istemciye gönderilmeden önce sıkıştırılır.