28 Nisan 2017
2dk Okuma Süresi
Egehan D.
28 Nisan 2017
2dk Okuma Süresi
Egehan D.
HTML, JavaScript ve CSS sıkıştırma / küçültme (minify), kodun çalıştırılması için gerekli olmayan gereksiz tüm karakterleri kaldırma işlemine atıfta bulunan bir programlama terimidir. Kodu küçültmek, sayfa yükleme sürenizi kısaltır ve bu da ziyaretçilerinizi ve arama motorlarını mutlu tutar. Kısacası, bu işlem gereksiz boşluk karakterlerini, yeni satır karakterlerini, yorumları veblok ayırıcıları kodunuzdan kaldıracaktır. Bu tür kaldırılabilir karakterler okunabilirlik ve görsel amaçlar için kullanılır, ancak kodun düzgün yürütülmesi için gerekli değildir. Nihai sonuç olarak, sıkıştırma / küçültme; kodun indirilme, ayrıştırılma ve yürütülme süresini hızlandıracaktır.
Bu rehbere başlamadan önce aşağıdakilere ihtiyacınız var:
Bu adım için GTMetrix‘i kullanmanızı tavsiye ederim. Sitenizi analiz edin ve küçültülebilecek dosyaların listesi alacaksınız.
ÖNEMLİ! Emniyet her zaman önce gelir. Değişiklik yapmadan önce, mevcut sitenizin veya değiştirilecek dosyaların bir yedeğini oluşturduğunuzdan emin olun.
GTMetrix ile ilgili harika şey, dosya adının yanındaki Optimize Edilmiş Sürümü göster (See optimized version) butonuna tıklayarak CSS, JS ve HTML dosyalarının en iyileştirilmiş sürümünü hemen görebilmenizdir. Bundan sonra, optimize edilmiş dosyaları indirebilirsiniz. Herhangi bir FTP istemcisini kullanarak dosyaları sitenize yükleyin. İndirdiğiniz dosyaların adlarının eski dosyaların adıyla aynı olduğundan emin olunuz.
WordPress kullanıcıları, aynı hedefe ulaşmak için Better WordPress Minify veya W3 Total Cache gibi eklentileri kullanabilir. W3 Total Cache eklentisinin nasıl kurulacağı ile ilgili ayrıntılı talimatlar için bu rehbere bakabilirsiniz.
CloudFlare – siteniz ile hosting sunucusu arasında proxy işlevi gören, sitenizi hızlandıran ve koruyan ücretsiz bir servistir. DDoS saldırılarına karşı koruma sunar ve en iyisi, ücretsiz olmasıdır. Ücretsiz plana dahil olan özelliklerden birisi de, CSS, HTML ve JS’yi küçültme araçıdır. Performance -> Auto-Minify bölümünden kaynakların küçültülmesini sağlayabilirsiniz:
ÖNEMLİ! W3 Total Cache gibi zaten bir küçültme eklentisi kullanıyorsanız, CloudFlare’nin Auto Minify aracını kullanmanız önerilmez. Ayrıca, CloudFlare üçüncü parti kodları ve bağlantıları (Facebook, Twitter) otomatik küçültür.
Dosyaları / kodları küçültülmüş sürümleriyle değiştirdikten sonra yapılacak en son şey test etmektir. Bu, GTMetrix ile başka bir analiz çalıştırılarak yapılabilir. Karşılaştırma yapmak için, eski dosyaları küçültülmüş dosyalarla değiştirdikten sonra elde edilen sonuçlar:
Bu kısa rehberde HTML, JavaScript ve CSS sıkıştırma ile sitenizin performansını nasıl geliştirebileceğinizi öğrendiniz.
Bir yanıt bırakın