CSS dosyalarımızı gzip ile optimize edelim

En sevdiÄŸim blogçuların başını çekenlerden birisidir Hakan Demiray.Takip ettiÄŸim bir sürü blogçu var fakat ilk takip etmeye baÅŸladığım bloglardan birisi dersem yalan olmaz.Bu yazıyı da ondan esinlendim.Bu optimize etme iÅŸlemini daha önce tüm sitelerimde yapmıştım.Çünkü bir web siteniz varsa sizde mutlaka CSS nimetinden faydalanmışsınızdır :) CSS ile görselliÄŸi ayarlarken her zaman classlardan falan sonra boÅŸluk bırakırız ki neyin nerde olduÄŸunu görebilelim.Tabi CSS dosyamıza ekleme yaptıkça sitemiz daha ÅŸeker oluyor fakat CSS boyutu bir o kadar artıyor.Bir zaman sonra boÅŸ boÅŸuna trafiÄŸimizi yiyebiliyor.Hadi ÅŸu cssleri bir sıkıştıralım.

 

stil dosyanızı ÅŸöyle çağırıyorsanız

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

ÅŸu ÅŸekle getirin

 

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

Dosyamızın adı style.css.php oldu.Åžimdi dosyayı açıp en üste ÅŸu kodları ekliyoruz.

  1. <?php
  2. if(extension_loaded(‘zlib’)){
  3.     ob_start(‘ob_gzhandler’);
  4. }
  5. header("Content-type: text/css");
  6. ?>
     

Sonracığıma en alt satıra gidiyoruz oraya da şunları yapıştırıveriyoruz.

  1. <?php
  2. if(extension_loaded(‘zlib’)){
  3.     ob_end_flush();
  4. }
  5. ?>
     

Önemli: Dikkat etmeniz gereken husus css kodlarının her zaman bu verdiÄŸim iki php kodunun arasında olmasıdır.

Dikkat:
PHP’nin ob_gzhandler fonksiyonunu kullanabilmeniz için, ZLIP PHP kütüphanesinin kurulu olması gerekiyor.

Tags: , , , ,

Leave a Reply


eXTReMe Tracker