Tufan Tunç

5 Şubat 2009

Wordpress sayfa açılışlarını Gzip ile hızlandırın

Kategori: Wordpress | 1.026 defa okundu |  Bu Yazıyı Yazdır
Etiketler:css, görsel, gzip, hızlı sayfa açılışı, javascript, optimize, Resim Optimizasyonu, Wordpress

Görseller, çeşitli efektler ve blog sayfalarınızı zenginleştirdiğiniz diğer materyaller nedeniyle sayfanız haricinde pek çok dosya, sayfayla birlikte yüklenir. Ekstra CSS ve Javascript‘lere birde büyük görsel boyutları eklenince sayfa yüklenme süresi birkaç saniyeyi buluyor. Bu süreyi kısaltmak için CSS ve Javascript‘leri optimize edip Gzip fonksiyonu ile sıkıştırarak sunmamız ve görsellerimizi optimize ederek daha küçük boyutlarda resimler kullanmamız yeterli olucaktır.

CSS’lerde %91′e varan sıkıştırma

WP CSS eklentisi, CSS dosyalarını tek bir dosya haline getiriyor, fazla boşlukları silerek optimize ediyor ve Gzip ile sıkıştırıyor. Sonuç; 8 CSS dosyası ile yapılan testte %91′e varan sıkıştırma elde ediliyor.

Eklenti style.css dosyasını kendi tanıyor. Bunun için ekstra bir kod girmeniz gerekmiyor. Diğer css dosyalarını ise <?php wp_css(‘dosya_yolu/css/file.css’); ?> şeklinde tanımlayarak veya ilgili CSS dosyasını style.css dosyasının içine @import özelliğini kullanarak eklemeniz gerekli. Ben @import özelliğini kullandım. Kurulumdan sonra eklenti klasöründeki “cache” klasörünün yetkilerini(permissions ) “777″ olarak ayarlamayı unutmayın.

WP CSS eklentisine ve hakkında ayrıntılı bilgiye ulaşmak için tıklayın.

Javascript’lerde %82′ye varan sıkıştırma

Javascript, sayfadaki nesneler üzerindeki hakimiyetimizi arttırsa da gerek dosya boyutu ve gerekse tarayıcıyı yorması nedeniyle sayfa yüklenmesini oldukça geciktirir. WP JS eklentisi bu noktada çok işimize yarıyor. Javascript dosyalarını JSMIN ile optimize ediyor, Gzip ile sıkıştırıyor ve tek bir dosya haline getirerek yüklenmelerini kolaylaştırıyor. Sonuç: Prototype ve Script.aculo.us kütüphanelerine sahip 8 dosya ile yapılan testte %82′ye varan sıkıştırma elde ediliyor.

Eklentiyi kurduktan sonra sıkıştırmak istediğiniz Javascript dosyalarını tema dosyalarınızda <?php wp_js(‘dosya_yolu/js/file.js’); ?> ile tanımlamanız gerekiyor. Örneğin:
<script type=”text/javascript” src=”<?php wp_js(‘/js/unitpngfix.js’) ?>”></script>
Kurulumdan sonra eklenti klasöründeki “cache” klasörünün yetkilerini(permissions ) “777″ olarak ayarlamayı unutmayın.

WP JS eklentisine ve hakkında ayrıntılı bilgiye ulaşmak için tıklayın.

HTML çıktılar için ise GZippy eklentisi, Wordpress için Gzip kullanımını etkinleştiriyor. Eklenti herhangi bir ayar gerektirmiyor, yalnızca kurmanız yeterli. GZippy eklentisine buradan ulaşabilirsiniz.

Resim Optimizasyonu

Smush.it sitesi, resimleri optimize eden ücretsiz bir hizmet sunuyor. Optimize işlemi 4 adımdan oluşuyor:

• JPEG’lerden meta veriler çıkarılıyor
• JPEG sıkıştırması kullanılarak optimize ediliyor
• GIF’ler renk paleti gömülü(indexed) PNG’lere çevriliyor
• Kullanılmayan gömülü renkler resimlerden çıkartılıyor

WP Smush.it eklentisi ile tüm bunları zahmetsizce, yalnızca resminizi olağan şekilde yükleyerek yapmanız mümkün. Eklenti Smush.it API’sini kullanarak resimlerinizi optimize ettikten sonra sunucunuza yüklüyor.  Daha önce yüklenmiş ve optimize edilmemiş resimlerinizi ise Kütüphane seçeneğinden görüntüleyebilir ve Smush.it now! seçeneği ile optimize edebilirsiniz.

Smush.it eklentisine ulaşmak için tıklayın.

İlgili Başlıklar:

• Wordpress Yazı Sürümleri Özelliği ve Kontrolü
• Wordpress 2.7 – Yönetim panelindeki yenilikler
• WordPress 2.7.1 yayınlandı
• Wordpress Türkiye Çeviri Ekibindeyim
• Wordpress 2.8 yeni sürümü yayınlandı

Yazıyı Paylaş: