CSS dosyalarınızı gzip ile optimize edin

İster Wordpress ister farklı bir yazılım ile, ya da kendi programladığınız bir siteniz olsun, illa ki CSS dosyası yaratarak stil dosyalarını kullanmışsınızdır. CSS dosyalarını kodlarken birçok boşluk bırakırız, ki düzenlemek istediğimiz vakit kodlar birbirinden ayrı olsunki ayırt edebilelim onları. Fakat her bir boşlukta bir yer kaplayacağı için, CSS dosyanızı Gzip kullanarak sıkıştırıp, öylece tarayıcıya yollayabiliriz.

How To: Optimize Your CSS Even More başlığı hoşuma gitti ve aynı konuyu ben de ve kendi dilimde işlemeye karar verdim Şimdi PHP’nin ob_gzhandler fonksiyonunu kullanarak Gzip yönetimi ile CSS dosyamızı sıkıştırarak tarayıcıya yollayacağız.

Stil dosyanızı sitenize alttaki gibi çağırdığınızı düşünelim.

<link rel="stylesheet" type="text/css" media="screen" href="style.css"/>

İlk olarak bu satırı,

<link rel="stylesheet" type="text/css" media="screen" href="style.css.php"/>

olarak değiştireceğiz. Ve fark ettiğiniz üzere style.css dosyanızı da, style.css.php olarak yeniden adlandırıyorsunuz.

Ve şimdi style.css.php dosyamızı açıyor ve ilk satırına alttaki kodları ekliyoruz.

<?php
if(extension_loaded('zlib')){
	ob_start('ob_gzhandler');
}
header("Content-type: text/css");
?>

Yine bu dosyanın en son satırına ise,

<?php
if(extension_loaded('zlib')){
	ob_end_flush();
}
?>

satırlarını ekliyoruz. Önemli olan bu her iki kodun daima dosyanın başında ve sonunda yer alması gerektiğidir. Yani ilave olarak ekleyeceğiniz CSS fonksiyonları, bu kodların arasında yer almalıdır.

Küçük bir hatırlatma
PHP’nin ob_gzhandler fonksiyonunu kullanabilmeniz için, ZLIP PHP kütüphanesinin kurulu olması gerekiyor.