Tarayıcı önbelleği, CDN ve bağlantı ipuçları
Üç ayar sayfanın oluşturulmasını değil, sunulmasını ilgilendirir: statik dosyalar için uzun ömürlü cache header'ları, asset adreslerinde bir CDN sunucusu ve üçüncü taraf sunucular için erken bağlantı ipuçları. Bunlar, sayfa cache çalışsın ya da çalışmasın etkilidir.
Tarayıcı önbelleği kuralları .htaccess dosyasına
- “Tarayıcı önbelleği (.htaccess)” kartı, “Assets” panelinde, dört anahtarın altında yer alır.
- “Sunucu” satırına bakın: Kurallar yalnızca Apache ve LiteSpeed'de etkilidir.
- “.htaccess yazılabilir” satırını kontrol edin. Orada “hayır” yazıyorsa yazma işlemi bir mesajla başarısız olur.
- “Tarayıcı önbelleği kurallarını yaz” anahtarını açın. Blok, WordPress dizinindeki .htaccess dosyasına yazılır.
- “Bloğu yaz” ve “Bloğu kaldır” ile aynı blok, anahtardan bağımsız olarak yeniden yerleştirilebilir veya çıkarılabilir.
Blokta neler yazar
- CSS, JavaScript, PNG, JPEG, GIF, WebP, AVIF, SVG, simgeler ve WOFF2 için mod_expires üzerinden Expires kuralları, her biri bir yıl
- Aynı dosya türleri ile WOFF, TTF ve OTF için mod_headers üzerinden bir Cache-Control header'ı
- HTML, metin, CSS, JavaScript, JSON ve SVG için mod_deflate üzerinden sıkıştırma
Header set Cache-Control "public, max-age=31536000, immutable"Asset adreslerini bir CDN'e göre yeniden yazma
- “Optimizasyon” (Almanca: „Optimierung“) grubunda “CDN” maddesini açın.
- “CDN sunumu etkin” anahtarını açın.
- “CDN temel URL” alanına CDN sunucusunun adresini girin; bu adres, sitedeki yolların aynısını yansıtmalıdır.
- Ardından “Önizleme” kartında, yeniden yazılmış bir adresin nasıl göründüğüne dair bir örnek belirir.
Yalnızca kendi sitenizin adresleri ve yalnızca statik kaynaklar yeniden yazılır: CSS, JavaScript, görseller, yazı tipleri ile bazı video ve PDF dosyaları. Bu, sayfaya bağlanan komut dosyalarını ve stilleri, ek adreslerini ve içerikteki src, href ve srcset değerlerini kapsar. CDN'e bir yükleme yapılmaz; dosyaların orada zaten erişilebilir olması gerekir.
dns-prefetch ve preconnect
“Preload” panelinde (başlık: “Preload / Bağlantılar”), tarayıcının erkenden temas kurması istenen sunucular tanımlanabilir: “dns-prefetch sunucuları” yalnızca adı çözer, “preconnect sunucuları” ayrıca bağlantıyı da kurar. Her satıra bir sunucu; kayıtlar, resource hints için öngörülen WordPress filtresi üzerinden eklenir ve bu sırada yinelenenler ayıklanır.