Linux Css ve Javascript Dosyalarını Sıkıştırma


Kategori:
kullanım

İngilizce olarak Css minify yada javascript minify. Css ve javascript dosyalarını sıkıştırma günümüzde en temel SEO yöntemlerinden birisidir. Css ve javascript sıkıştırma için birçok online web sitesi bulunmaktadır. Fakat her zaman dile getirdiğimiz üzere Linux kullanan insanlar yapmayı istedikleri işlerini Linux sistemlerde daha kolay bir şekilde kullanabilir.

Css ve Javascript Sıkıştırma Neden Gerekli ?

Css ve Javascript dosyalarını sıkıştırmak web sitelerinize gelen ziyaretçilere hız sunmanızı sağlamaktadır. Css ve javascript dosyalarını sıkıştırdığınız zaman, bunun en temen mantığı ziyeretçiler Web sitelerinize geldiği zaman harici yada dahili olarak kullandığınız Css ve Js dosyalarınız yüklenir. Fakat Css ve Js dosyalarının boyutu ne kadar büyük olursa, sitenizin yüklenme süreside o kadar fazla olacaktır. Web site sahipleri bu konuda epey bir muzdarip oluyorlar. Fakat Css ve Js sıkıştırma yöntemi ile sitenizin daha da hızlanmasını sağlayabilirsiniz. Linux kullanmanın önemi yine karşımıza çıkıyor. Mesela elinizde birçok Css ve Js dosyaları olduğu zaman bunun için ücretli/ücretiz bir program indirerek sıkıştırma yapabilirsiniz. Yada online olarak dosyaları tek tek bulup, sıkıştırma sitesine yükleyip daha sonra sıkıştırmasını bekleyip en sonda tekrardan indirmeniz gerekecektir. Fakat Linux kullananlar için bu işlemi yapmak, hatta isterse herbiri farklı klasörde yüzlerce hatta binlerce Css ve Js dosyası dahil olmak üzere bu dosyaları sıkıştırmak nefes almak kadar kolaydır. Öncelikle bu işlemler için birçok script ve program bizlere sunulmaktadır. Sizler için bizimde kullandığımız program Yuicompressor programının kullanımını anlatacağız. Bu programı seçmemizin nedeni Css ve Js dosyalarını sıkıştırabilmesidir. Bazı programlar sadece Css yada sadece Javascript dosyalarını sıkıştırabilir, fakat yuicompressor ile hem Css hemde Javascript dosyalarını sıkıştırabilirsiniz

Css ve Javascript Sıkıştırma için Gerekli Programlar:

Evet, öncelikle kullandığımız Linux dağıtımına göre uygun olan Java'yı sisteminize kurunuz. Daha sonra yandaki bağlantıya tıklayarak yuicompressor programının 2.4 sürümünü indiriniz. Tıklayınız Şu an için en güncel sürüm 2.4, ileri zamanlarda yeni sürümlerini indirerek aynı şekilde kullanabilirsiniz. Program kurulumu için aşağıdaki yöntemleri uygulayın. Şimdi basit kullanımlarına bir göz atalım. Temel olarak kullanımı;
java  -jar  yuicompressor-x.y.z.jar dosya-adı.js  -o  dosya-adı-min.js
şeklinde olmaktadır. java -jar yuicompressor-.x.y.z.jar yazıyoruz daha sonra hangi dosyayı sıkıştıracaksak onun adını yazıyoruz(x.y.z sürüm numarasıdır ne ise onu yazıyorsunuz). Son olarak -o opsiyonu ile sıkıştırılmış olan dosyanın hangi isimler kaydedileceğini yazıyorsunuz. Şimdi işlerimizi biraz daha kolaylaştıralım. Not: Eğer -o opsiyonu ile girdi olarak verilen dosyanın kendi adını yazarsak sıkıştırılmış dosya üzerine yazılır. Tabi sonra kodlar üzerinde oynayabilirsiniz o yüzden, sıkıştırmadan önce her ihtimale karşı dosyaların bir yedeğini alınız.

Otomatik olarak Css ve Javascript Dosyalarını Sıkıştırma

Bu işlemleri sadece bir komut ile otomatik olarak halledelim. Şimdi Root yetkisi ile /usr/bin dizini içerisinde yuimini adında bir script dosyası oluşturalım ve içerisine sıkıştırma komutlarını ekleyelim. Sıkıştırılan dosyaları orjinal sıkışmamış dosyanın üzerine yazalım. Hatta burada bizlere seçenek sunsun ve cevabımıza göre sıkıştırma işlemini gerçekleştirsin. /usr/bin/yuimini dosyası içeriği aşağıdaki gibi olacaktır.
#!/bin/bash # Css vs Javascript sıkıştırma jar_dosya_yolu="jar-/dosyası-/yolu-/yuicompressor-2.4.8.jar" # Buraya jar dosyasının yolunu yazınız echo echo " \" $(pwd) \" dizini içerisinde bulunan Css vs js dosyaları sıkıştırılacaktır...." echo read -p "Sıkıştırılan dosya gerçek veri üzerine yazılsınmı ? Evet yada Hayır ? e/E-h/H Çıkış için ç|Ç : " cevap liste="/tmp/$$.shellskript" if [[ $cevap == "e" || $cevap == "E"  ]] then find -type f | grep ".*js$" >> "$liste" find -type f | grep ".*css$" >> "$liste" for dosya in `cat "$liste"` do java -jar "$jar_dosya_yolu" "$dosya" -o "$dosya" --charset utf-8 done rm "$liste" elif [[ $cevap == "h" || $cevap == "H"  ]] then find -type f | grep ".*js$" >> "$liste" find -type f | grep ".*css$" >> "$liste" for dosya in `cat "$liste"` do yeniisim=$(echo $dosya | sed 's/.js$/.min.js/' | sed 's/.css$/.min.css/') java -jar "$jar_dosya_yolu" "$dosya" -o "$yeniisim" --charset utf-8 done rm "$liste" else echo "Çıkış yapılıyor..." exit 1 fi
Arkadaşlar /usr/bin/yuimini dosya içeriğini yukarıdaki şekilde oluşturunuz. Daha sonra jar_dosya_yolu değişkeni değerine indirdiğiniz jar dosyası nerede ise onun tam dizin adresini yazınız. Tabi son olarak scripte çalışma izni veriniz. chmod +x /usr/bin/yuimini Son olarak yuimini komutu ile programı çalıştırınız. Üç seçenek bulunmaktadır. Not: Java programı Root yetkisi ile güvenlik nedenlerinden dolayı çalışmayabilir. Sisteminize java kurulu ise bundan eminseniz, script dosyasını oluşturmak için Root olunuz ve sonra tekrar normal kullanıcı hesabına geçiniz. Root ile programı kullanamayabilirsiniz. Normal kullanıcı olarak scripti deneyiniz. Script çalıştığı zaman Warning yada Error gibi yazılar görebilrisiniz. Bunlar programdan kaynaklanmamaktadır. Endişelenmeyiniz. Bu hatalar Css yada Js dosyalarında olan kodlama ile olmuş hatalardır. Bir nevi program sıkıştırmanın yanı sıra Css ve Js kodlarınıda gözden geçiriyor. Programda bir sıkıntı olacağını sanmıyoruz. Verdiğimiz script bizimde sık sık kullandığımız script. Tabi kodlar üzerinde değişiklikler yapmak isteyebilirsiniz onun için her ihtimale karşı dosyalarınızın bir yedeğini önceden başka bir klasöre alınız. Ve son olarak hangi dizin içerisinde bulunduğunuza dikkat ediniz.



Diğer Paylaşımlar
Yorumlar