2 Ocak 2014 Perşembe

Yuicompressor ile JS, CSS boyutlarını küçültmek.

PageSpeed Insights ve gtmetrix gibi yerler sitenizin performansını ölçüp puan veriyorlar, dolayısıyla bu gibi yerlerin söylediklerine kulak vermek lazım, zira dediklerini yaptıkça sitenin hızıda artmış oluyor.
Kayıpsız resim sıkıştırma dan bahsetmiştik, şimdide Yuicompressor ile JS, CSS boyutlarını küçültelim.



Aslında burada ki küçültme satır aralarında ki boşlukları kaldırıp, tek bir satırmış gibi yapıyor.

İşlem yapacağınız JS, CSS dosyalarının asıllarını yedekleyin.
Tabii bu işler için online çevirim yapan yerlerde var ama kendi işimi kendim görürüm, konsolumdan bezginliğim yok diyenlerde vardır elbet :)

Yuicompressor 'u kurun.
Kod: [Seç]
# pkg install yuicompressor 

Daha sonra ev dizininde kendinize örn. "denemeler" adlı bir dizin oluşturun, işlemlerini bu dizin içinde yapın.
bu dizinde /usr/local/share/java/classes/yuicompressor.jar dosyayı "denemeler" adlı bir dizine atın.
İşlem yapacağınız JS, CSS dosyalarınıda atabilirsiniz.

Sonrada dizine konsol ile girin, sihirli komutumuz bu (dosya adlarını kendinize göre değiştirin)
Kod: [Seç]
% java -jar yuicompressor.jar global.js -o global-min.js --charset utf-8 


Son olarak oluşan global-min.js 'ini global.js olarak yeniden adlandırıp ftp nizdeki veya localdeki yerine gönderin.
Dediğim gibi dosyaların asıllarını başka yerde yedeklemeyi unutmayın, sorun olursa değiştirirsiniz.

Sitenizin performans testini yeniden yapın, değerler değişecek mi?

bsd-tr.org 'un skoru 90-91 arasında değişiyor gayet iyi bir skorumuz var, fazlada kastırmaya gerek yok. :)

Kaynak: http://yui.github.io/yuicompressor/#using

Benzer Yayınlar

Yuicompressor ile JS, CSS boyutlarını küçültmek.
4/ 5
Oleh

Abone Olun!

Beğendiyseniz yayınlara abone olabilirsiniz.