Popüler Aramalar:  TLS Nedir?  MyBB SSL Ayarları  MyBB 1.8 Linkleri Gizleme Eklentisi  Wordpress LiteSpeed Cache Ayarları  Wordpress Eklentisiz Breadcrumb  Yandex Webmaster
En Etkili 5 CSS ve Javascript Sıkıştırma Sitesi

En Etkili 5 CSS ve Javascript Sıkıştırma Sitesi

En Etkili 5 CSS ve Javascript Sıkıştırma Sitesi

Merhaba,

Bu yazımda sizlere web sitelerinizin açılış hızlarını hızlandırmak adına CSS ve Javascript dosyalarınızı nasıl kayıpsız sıkıştırma yapabileceğiniz ve bu işlemi yapmanızı amaçlayan 5 tane online sıkıştırma yapan siteleri tanıtmaya çalışacağım.

CSS ve Javascript dosyalarını neden sıkıştırmak zorundayız? Kendinizi web sitenizi kullanan bir kullanıcı olarak düşünün, onların yerine koyun kendinizi. Aradığı belgeye ulaşmak için dakikalarca sitenin açılmasını mı beklemek istersiniz ? yoksa şatırt diye sayfanın açılmasını mı ? İkinci seçenek diyeceksiniz değil mi ? İşte bunu sağlamanın en temel yolu ise kullandığınız sistem ne olursa olsun örneğin WordPress’de  kullandığınız temanın CSS ve Javascript dosyalarının dosya boyutları ve içinde barındırdığı kod satırları ne kadar az olursa sayfanız o kadar hızlı çalışacaktır.

Tek tek el ile yüzlerce satırlık bir CSS veya Javascript dosyalarını sıkıştırabilir misiniz? Elbette, ağır işsizseniz sıkıştırabilirsiniz ama işinizde hız ve zaman önemliyse işte imdadınıza online olarak sadece saniyeler içerisinde CSS ve Javascript dosyalarınızı sıkıştırma yapabildiğiniz alanında en iyi diyebileceğim (kullanan kişiye göre farklılık gösterebilir.) 5 tane online sıkıştırma sitesini sizlere anlatacağım.

Başlayalım o halde 🙂

Top 5 CSS ve Javascript Sıkıştırma Siteleri

  1. Refresh-SF -> HTML,CSS ve Javascript dosyalarınızı küçültmeyi en iyi başaran ve kayıpsız sıkıştırmayı sağlayan listemizin başında yer alan sıkıştırma sitesidir. YUI Sıkıştırıcı‘ı kullandığınıda söylemeden edemeyeceğim. Google tarafından önerilen bir sıkıştırma yöntemidir YUI Sıkıştırma 🙂
  2. CSSMin -> Sadece CSS dosyalarınızı sıkıştırabildiğiniz ve yine Google tarafından önerilen bir sıkıştırma sistemidir. Online olarak sıkıştırma yapabileceğiniz en iyi css sıkıştırma sitesidir.
  3. Closure Compiler Javascript dosyalarınızı sıkıştırabileceğiniz, Google tarafından sunulan bir hizmet olan Closure Compiler kendi web sitenizde API kullanarak kullanabileceğiniz en iyi javascript sıkıştırma yöntemidir.
  4. CSS Minifier -> CSS dosyalarınızı sıkıştırabileceğiniz bir online sıkıştırma sitesidir.
  5. JavaScript Minifier -> Üstte vermiş olduğum CSS Minifier sitesinin ayrıca Javascript dosyalarınız için sunduğu ayrı bir hizmettir. Tavsiye ettiğim ve top 5 listemde 5.sırada yer alan bir sıkıştırma sitesidir.

Top 5 listemde yer alan siteler ve uygulamalar bunlardı. Bu siteler %100 kayıpsız sıkıştırma yapıyor diyemem bunu kimse diyemez çünkü sıkıştırma yaparken kullandığınız CSS ve Javascript dosyalarınızda özel kullanımlar yer alıyor olabilir bunları dikkate alarak sıkıştırma işlemini başlamanızı tavsiye ederim.

Yedek almadan kesinlikle sıkıştırma işlemi yapmayın. Dosyalarınızı kaybederseniz geri dönüşü olmayacaktır. CSS ve Javascript sıkıştırma işlemi sitenizi hızlandırmak için sadece ilk adımdır. Daha onlarca adım mevcut o adımlarıda diğer yazılarımda bahsedeceğim o zaman öğrenmiş olursunuz 🙂

Umarım yazdıklarımın faydası olmuştur, bol tasaruflu günler dilerim.

Ha! unutmadan site hızınızı ölçmek için kullanabileceğiniz 2 servis var; Google Page Speed İnsights ve GTMETRİX. Bu iki sitenin hız kriterlerini gözden geçirmeyi unutmayın, üst kısımda bahsettiğim gibi CSS ve Javascript sıkıştırması yapmak sadece ilk adımdı 🙂

 Yazı Bağlantısını Kopyala & Paylaş

Benzer Yazılar

  • VDS ve VPS Arasındaki Farklar Nelerdir?

    VDS ve VPS Arasındaki Farklar Nelerdir?

    Yaklaşık 5-6 ay önce kişisel blog sitemi bir cloud vps sunucuda barındırıyordum ancak doların bir hayli yükselmesiyle daha uygun fiyatlı bir sunucuya geçiş yapmam gerekti. 1-2 yıllık sunucu tecrübemden dolayı bu işlemleri rahatlıkla yapabildim ancak bu yazımda sanal sunucular hakkında bilgisi olmayan ya da tecrübesi olmayanlar için VPS (Virtual Private…
  • En Popüler 5 CSS Kütüphanesi 2019

    En Popüler 5 CSS Kütüphanesi 2019

    Web geliştiricileri olarak işimizi büyük ölçüde kolaylaştıran CSS kütüphaneleri mevcut. CSS3 teknolojisinin ortaya çıkmasıyla kazanılan kolaylıklar bu CSS kütüphanelerinin artmasını sağladı. Kütüphanelerin çeşidi ve sayısı artıkça arayüz ya da bir değiş ile ön yüz geliştiricilerin işi bir hayli kolaylaştı. Projelerinizi çok daha etkin ve kolay yönetebilmenizi, efekt verebilmenizi sağlayan bu…
  • Bir İnternet Sitesi Nasıl Hızlanır? (Zaman Algısı)

    Bir İnternet Sitesi Nasıl Hızlanır? (Zaman Algısı)

    Geldiğimiz şu noktada her işimizi hızlı bir şekilde yapmaya çalışıyoruz, her şey hızlı olmak zorunda. Ben de dahil olmak üzere tüm geliştirici ve kullanıcı olarak düşünen herkes, hıza "iş" olarak odaklanıyoruz. Sonuçta hepimizi en iyi sonuçlara yönlendirilmeyi severiz, en hızlı şekilde sonuca ulaşmayı hedefleriz lakin izlenmesi gereken net bir yol…
  • Google’ın Yeni Search Console Güncellemesi

    Google’ın Yeni Search Console Güncellemesi

    Geçtiğimiz yıl Google, site yöneticilerini yakından ilgilendiren bir güncelleme gerçekleştirdi. Ücretsiz olarak internet sitesi sahiplerinin kullanmakta olduğu Google Search Console servisi diğer Google servisleri gibi bir takım arayüz güncellemeleri almıştı. Beta olarak kullanıma sunulan bu yeni search console güncellemesi eski search console'un yerini alması planlandı. Artık resmi olarak tüm internet…
En Etkili 5 CSS ve Javascript Sıkıştırma Sitesi için Yorum'da Bulun

Bir Cevap Yaz

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

 Lütfen, en az 15 karakterli bir yorum belirtiniz.

 Lütfen,isminizi belirtiniz.
 Lütfen, kullanmakta olduğunuz bir e-mail adresi giriniz.
 Yukarıda ki alanı işaretlemeniz zorunludur.Aksi takdirde yorumunuz gönderilemeyecektir.