CSS Dosya Boyutunu Sıkıştırarak Düşürmek
Geçen yazımızda ” Gzip ile sıkıştırmayı” ele almıştık ve sıkıştırmanın sitemiz üzerinde ne gibi fayda sağlayacağından bahsetmiştik aslında onun devamı niteliğinde olan yazımıza ufaktan bir başlıyayım…
İnternet sitesi yapanların veya bu işe heves sarıp uğraşanların siteyi daha hızlı hale getirmek için yapmaları gereken bir takım çalışmalardan olan css sıkıştırmasını el ile tek tek yapmaya çalıştığınızda oldukça zaman alır.Tek tek bütün kodlar ile uğraşmak yerine bu işi online olarak yapma fırsatımız var.
CSS Dosyası Nasıl Sıkıştırılır
CSS Compressor , sitesine girip, ardından sıkıştırma işlemini yapacağımız .css uzantılı dosyamızın içersinde bulunan kodları kopyalayıp sitedeki alana yapıştırıyoruz. Ardından Compression Level (Sıkıştırma Seviyesi): ayarlayıp (yüksekten düşük seviyeye doğru azalan seçeneklerden size en uygunu seçin) biz en üst seçenek olan “En yüksek biçimde sıkıştırıp en küçük boyutu” elde etmek adına “Highest (no readability, smallest size)” kısmı seçip “Compress” butonuna tıklıyoruz gerisini site kendi hallediyor.
Site, resimde de görüldüğü üzere .css uzantılı stil kodlarımızı sıkıştırarak sol tarafta sıkışan kodlarımızı ve sağ tarafta da %38,65 oranında dosyamızın sıkıştırıldığı bilgisini verdi.
CSS Dosyalarımızı Sıkıştırmak bize ne gibi fayda sağlar
Css ve diğer dosyalarımızı sıkıştırmak Google speed test ve seo analizi gibi alanlarda yapılan testlerde sitemizin puanını arttırarak sitemizin hem daha hızlı açılmasına hemde sitemizin Google sıralamasında diğer sitelerden daha değerli olup üstte çıkmasını sağlar.