Bilişim SözlükBilişim Dünyasının Arka Bahçesi

javaScript kütüphaneleri, AJAX, tablosuz tasarım, web standartları v.s. derken css ve javaScript dosyalarımız eskisinden daha fazla kod içerir oldu.

Belki css dosyalarındaki kod artışı belirli bir noktaya kadar makul görülebilir fakat javaScript dosyalarındaki kod artışı eskisine oranla çok daha fazla. Sonuç olarak bu artışlar web sayfalarımızın yüklenme sürelerini yükseltiyor. İşte bu olumsuz durumu gidermek amacıyla, css ve javaScript kodlarını sıkıştırarak dosya boyutunu küçülten web araçlarını kullanabiliriz.

Css kodlarını sıkıştıran web araçları

1. CSS Optimizer

2. CSSdrive CSS Compressor

3. Code Beautifier

4. Robson CSS Compressor

5. flumpCakes CSS Optimiser

javaScript kodlarını sıkıştıran web araçları

1. Javascript compressor

2. JS Minifier

3. Compressor

4. /packer/

5. MemTronic’s JavaScript Compressor

Sonuç…

Css kodlarını sıkıştıran web araçlarına CleanCss ve Css Formatter and Optimiser isimli web araçları da dahil edilebilir. Fakat bu iki araç, tanıttığım Code Beautifier aracı ile aynı alt yapıyı kullanıyor (Css Tidy). O nedenle bu üçü arasından tasarımı ve kullanımı daha iyi olanını listeye ekledim. Ayrıca css kodlarını sıkıştıran web araçları arasında karşılaştırmalı bir test yapma gereği de duymadım. Çünkü neredeyse hepsi birbirine yakın oranda sıkıştırma yapıyorlar.

javaScript kodlarını sıkıştıran web araçları arasında ise karşılaştırmalı bir test yapmayı uygun gördüm. Bu test esnasında Prototype 1.6.0.2‘nin kodlarını kullandım. Bu kodlar 130 KB civarındaydı. Bu kodları yukarıda tanıttığım bütün web araçlarında varsayılan ayarlarıyla sıkıştırdım. Sonuçları alttaki tablodan inceleyebilirsiniz

Kaynak