WordPress’te Autoptimize Kurulumu

Autoptimize, WordPress sitenizi optimize etmeye yarayan ücretsiz bir eklenti. HTML, CSS ve JavaScript optimizasyonları yapıyor ve her siteyle uyumlu. Sayfa önbellekleme yapmadığından diğer önbellekleme uygulamalarından farklıdır.

Autoptimize’da Görüntü Optimizasyonu

Autoptimize, lazy-loading özelliği ile geliyor. Bu özelliği etkinleştirmenizi ancak geri kalan taraflarda görüntü optimizasyonu için ShortPixel ve Imagify gibi tam özellikli araçları kullanmanızı öneriyoruz.

JavaScript Ayarları

• JavaScript Kodunu Optimize Et: Autoptimize, JavaScript kodunuzun boyutunu küçültür. Önerilir.
• Toplu JS Dosyaları:  Tüm JS dosyalarınızı tek dosya halinde toplar. HTTP/2 ile artık pek önemi kalmadı.
• Satıriçi JS kodlarını toparla: HTML’deki satıriçi JS’leri çıkartır ve Autoptimize’ın JS dosyası ile birleştirir. Önerilir.
• Javascript’i zorla: JS’i erken yüklemek sorun yarattığından önerilmez.
• Hariç tutulacak script’ler: Belirli dosya yollarının hariç tutulmasını sağlar.
• Try-catch sarma özelliğini ekle: JS kodunuzu try-catch bloğuna sarar. Aşırı kullanımı JS performansını düşürür.

CSS Ayarları

• CSS Kodunu Optimize Et: CSS kodu küçültülür. Önerilir.
• Toplu CSS dosyaları: Tüm CSS dosyalarını tek dosyada toplar. HTTP/2 siteleri için önemsizdir.
• Satıriçi CSS’i toparla: Satıriçi CSS’i Autoptimize CSS’e aktarır. Önerilmez.
• Görseller için data:URI’lar kullan: Önce açarak sitenize etkisini test edin. Zira base64-encode kullanır ancak binary yöntemine göre %20-30 daha büyük boyutlu.
• CSS’i “inline” olarak düzenle ve ertele (defer): Geniş CSS dosyalarını sonra yükler ve sayfanın görünümünü etkilemez. Critical Path CSS Generator’a benzer.
• Tüm CSS’i “inline” olarak düzenle: Çoğu site için önermeyiz.
• Autoptimize’dan hariç tutulacak CSS: Varsayılan olarak bazı dosya yolları dahil edilmiştir.

HTML Ayarları

• HTML Kodunu Optimize Et: HTML kodu küçültülür. Önerilir.
• HTML yorumlarına dokunma: Autoptimize sayfalardaki HTML yorumlarını aynı bırakır.

CDN Ayarları

• CDN URL Temeli: CDN hizmetiniz ile uyumlu çalışır. CDN URL adresinizi buraya eklersiniz. CDN nedir?

Çeşitli Ayarlar

Autoptimize’ın gözden kaçabilen çeşitli ayarları arasında Toplu Script/CSS’leri Yerel Statik Dosyalar Olarak Sakla, Hariç Tutulan CSS ve JS Dosyalarını Küçült ve Giriş Yapmış Editör/Yöneticileri de Optimize Et var. Bunlar için sırasıyla:

1. Birleştirilmiş dosyaları statik yerel dosyalar olarak kaydediyor. Sunucunuzda dosya sıkıştırma özelliği yoksa bu seçeneği kapatmanız gerekebilir.
2. Bu özelliği açmanızı ve böylece tüm CSS ve JS dosyalarını küçültmenizi öneriyoruz.
3. Bu özelliği açarak optimizasyonları giriş yapmış editör ve yöneticiler için uygularsınız.