Kısaca özet
- Sayfa oluşturucu hosting performansı, sürükle-bırak sayfa oluşturucuların ürettiği yüksek DOM boyutu, ekstra CSS/JS dosyaları ve PHP bellek tüketiminin sunucu kaynaklarınızla nasıl etkileştiğini ifade eder.
- Sürükle-bırak araçlarla kurulan bir sayfa, aynı içeriği taşıyan blok düzenleyici (Gutenberg) sayfasına göre genelde çok daha fazla DOM düğümü ve ek betik dosyası üretir.
- Yüksek DOM boyutu tarayıcıda render süresini uzatır; bu doğrudan Core Web Vitals’taki LCP ölçümünü etkiler.
- Editör açıkken yönetim panelinin kendisi de ayrı bir yük bindirir; bu yük yalnızca içerik düzenlerken görülür, ziyaretçi tarafını etkilemez.
- Önbellekleme, sayfa oluşturucunun ürettiği HTML çıktısını saklayarak ziyaretçi tarafındaki PHP ve CPU yükünü büyük ölçüde azaltır ama DOM boyutunu ve tarayıcı render süresini değiştirmez.
- Paylaşımlı hostingde CPU ve eşzamanlı işlem sınırına en çok, çok bileşenli sürükle-bırak sayfalarında takılınır.
Bir ajans, müşteri için hazırladığı çok bileşenli anasayfayı yayına aldıktan sonra “önbellek eklentisi kurduk ama site hâlâ yavaş” şikâyetiyle karşılaştı. Sorunun kaynağı önbellekleme değil, sayfa oluşturucu hosting performansı ilişkisiydi: sayfa, önbelleğe alınsa bile tarayıcıda işlemesi ağır bir yapıya sahipti. WordPress için doğru hostingi seçme kriterlerini WordPress için en iyi hosting tercihi yazımızda genel hatlarıyla anlatmıştık; bu rehberde sürükle-bırak sayfa oluşturucuların DOM boyutunu ve sunucu kaynağını nasıl etkilediğini, önbelleğin bunun ne kadarını telafi ettiğini anlatıyoruz.
Sayfa Oluşturucular DOM Boyutunu Nasıl Büyütür
Sürükle-bırak bir sayfa oluşturucu, her görsel bileşeni (satır, sütun, buton, ikon) genelde birkaç iç içe kapsayıcı `div` ile oluşturur. Aynı içerik blok düzenleyici (Gutenberg) ile hazırlandığında çok daha az sayıda, daha düz bir HTML yapısı çıkar. Sonuç, aynı görsel çıktı için çok daha fazla DOM düğümüdür; tarayıcı bu düğümlerin her birini işlemek, stil hesaplamak ve yerleştirmek zorundadır.
Ekstra CSS ve JS Dosyaları Neden Yüklenir
Sayfa oluşturucular genelde sayfa başına özel bir CSS dosyası üretir; buna ikon kütüphaneleri, animasyon betikleri ve widget’lara özel JavaScript dosyaları eklenir. Sayfa sayısı arttıkça bu dosyaların toplam boyutu da büyür. Blok düzenleyici ile hazırlanan bir sayfa genelde temanın kendi stil dosyasına bağlı kalır, ek bir dosya kümesi indirmez.
| Katman | Blok düzenleyici (Gutenberg) | Sürükle-bırak sayfa oluşturucu |
|---|---|---|
| DOM düğüm sayısı | Düşük, içerikle orantılı | Yüksek, iç içe kapsayıcılar yüzünden |
| CSS/JS dosya sayısı | Genelde tema dosyasıyla sınırlı | Sayfa başına ek dosyalar |
| PHP bellek kullanımı | Düşük | Widget ağacı işlenirken artar |
| Düzenleme paneli yükü | Hafif | Editör açıkken belirgin şekilde ağır |
| Önbellekle telafi | Zaten hafif, önbellek ek katkı sağlar | PHP/CPU yükünü azaltır, DOM boyutunu değiştirmez |
Bilgi
Yüksek DOM boyutu yalnızca görsel bir ayrıntı değildir; tarayıcının stil hesaplama ve yerleştirme süresini uzatarak Core Web Vitals’taki LCP ölçümünü doğrudan etkiler. Konunun teknik ayrıntısı web.dev’in DOM boyutu ve performans dokümantasyonunda anlatılır.
PHP Bellek ve CPU Tüketimi Nereden Gelir
Sürükle-bırak bir sayfa oluşturucu, sayfayı her istekte (önbellek yoksa) bir widget ağacından HTML’e dönüştürür; bu işlem sunucu tarafında blok düzenleyiciye göre daha fazla PHP belleği ve CPU zamanı gerektirir. Paylaşımlı hostingde bu tüketim CloudLinux LVE üzerinden hesap bazında ölçülür ve pakete tanımlı sınırı zorlayabilir. Bu sınırların işlemci, bellek, inode ve eşzamanlı işlem (EP) açısından nasıl işlediğini paylaşımlı hostingte kaynak limitleri yazımızda ayrıntılı anlattık.
Dikkat
Çok bileşenli, iç içe geçmiş sürükle-bırak sayfalar, özellikle eşzamanlı ziyaretçi sayısı arttığında paylaşımlı hostingdeki CPU ya da eşzamanlı işlem (EP) sınırına diğer sayfa tiplerinden daha hızlı takılabilir. Sorun disk dolmadan da ortaya çıkabilir.
Editör Açıkken Panel Neden Ağırlaşır
Sayfayı düzenlerken yönetim panelinin kendisi de ayrı bir yük taşır: her widget ayarı değiştiğinde arka planda ek istekler çalışır, önizleme yeniden oluşturulur. Bu yük yalnızca siz ya da ekibiniz içerik düzenlerken ortaya çıkar; ziyaretçi tarafındaki sayfa yükleme hızını etkilemez. Editördeki yavaşlık ile ziyaretçinin gördüğü hız birbirinden ayrı ölçütlerdir, karıştırılmamalıdır.
Örnek senaryo
Bir ajans, müşteri sitesinin yönetim panelinde sayfa kaydetmenin uzun sürdüğünden şikâyet etti; ziyaretçi tarafında ise site önbellek sayesinde hızlı açılıyordu. Kaynak kullanım ekranına bakıldığında editör açıkken PHP bellek kullanımının pakete tanımlı sınıra yaklaştığı görüldü. Sorun ziyaretçi trafiğinden değil, sayfa oluşturucunun editör tarafındaki işlem yükünden kaynaklanıyordu; üst pakete geçilince kaydetme süresi normale döndü.
Önbellekleme Ne Kadarını Telafi Eder
Bir sayfa önbelleğe alındığında, ziyaretçiye artık widget ağacından yeniden üretilmiş bir HTML değil, önceden oluşturulmuş statik bir kopya sunulur; bu, tekrarlanan ziyaretlerde PHP ve CPU yükünü büyük ölçüde azaltır. Ancak önbellekleme DOM boyutunu küçültmez, tarayıcının o HTML’i işleme ve render etme süresini kısaltmaz; ilk defa gelen bir ziyaretçi için tarayıcı hâlâ aynı sayıda DOM düğümünü işlemek zorundadır. Hangi önbellek eklentisinin hangi ihtiyaca uygun olduğunu WordPress önbellek eklentisi hangisi yazımızda karşılaştırdık.
Yavaşlık Hosting mi Sayfa Oluşturucu Performansı mı
Bir site yavaşladığında sorumluyu hemen hostinge yüklemek yaygın bir hatadır. Sayfa oluşturucu hosting performansı ilişkisini test etmenin en güvenilir yolu, sayfayı devre dışı bırakma testiyle ölçmektir: eklentileri geçici kapatıp aynı sayfayı yeniden ölçtüğünüzde fark büyükse sorumlu sayfa oluşturucunun ürettiği yapıdır, fark yoksa hosting kaynağına bakmak gerekir. Bu testin adımlarını WordPress yavaşsa hosting mi eklenti mi yazımızda anlattık.
Ne Zaman Blok Düzenleyici Yeterli
İçerik ağırlıklı, sade düzenli bir site (kurumsal tanıtım sayfası, blog, dokümantasyon) için blok düzenleyici genelde yeterlidir ve daha hafif bir DOM üretir. Karmaşık, çok sütunlu, animasyonlu bir açılış sayfası gibi görsel açıdan zengin bir tasarım gerekiyorsa sürükle-bırak bir sayfa oluşturucu daha pratik olabilir; bu durumda kaynağı daha güçlü bir pakette karşılamak ve önbelleklemeyi doğru yapılandırmak önem kazanır. Blok düzenleyicinin genel yapısı WordPress’in resmî blok düzenleyici dokümantasyonunda anlatılır.
Sonuç
Sayfa oluşturucu hosting performansını iki ayrı eksende etkiler: sunucu tarafında PHP/CPU tüketimi (önbellekle büyük ölçüde telafi edilebilir) ve tarayıcı tarafında DOM boyutu/render süresi (önbellekle değişmez). İçeriğiniz sadeyse blok düzenleyici, görsel karmaşıklık gerektiriyorsa doğru pakette çalıştırılan bir sayfa oluşturucu tercih edilmelidir.
Performans Kontrolü İçin Kontrol Listesi
- Tarayıcı geliştirici araçlarından sayfanın toplam DOM düğüm sayısını ölçün.
- Ağ (network) sekmesinde sayfa başına yüklenen CSS/JS dosya sayısını kontrol edin.
- Eklentileri geçici devre dışı bırakıp aynı sayfayı yeniden ölçün.
- cPanel’deki kaynak kullanım ekranından PHP bellek ve CPU yüzdesine bakın.
- Editördeki yavaşlığı ziyaretçi tarafındaki yükleme hızından ayrı değerlendirin.
- İçeriğiniz sadeyse blok düzenleyiciye geçmeyi değerlendirin.
- Önbellekleme doğru yapılandırılmış mı, önbellek olmadan ölçüm yapmayın.
Sıkça sorulan sorular
Sayfa oluşturucu hosting performansını nasıl etkiler?
Sürükle-bırak sayfa oluşturucular hem sunucu tarafında (PHP bellek, CPU, eşzamanlı işlem) hem tarayıcı tarafında (DOM boyutu, render süresi) daha ağır bir yük oluşturur. Sunucu tarafındaki yük önbellekle büyük ölçüde azaltılabilir, tarayıcı tarafındaki yük ise sayfanın yapısından kaynaklanır.
Önbellek eklentisi sayfa oluşturucu yükünü tamamen ortadan kaldırır mı?
Hayır. Önbellekleme, tekrarlanan ziyaretlerde sunucu tarafındaki PHP/CPU tüketimini büyük ölçüde azaltır ama sayfanın DOM boyutunu ve tarayıcının o sayfayı ilk işleme süresini değiştirmez.
DOM boyutu nedir, neden önemli?
DOM boyutu, bir sayfadaki toplam HTML düğümü (element) sayısıdır. Yüksek DOM boyutu tarayıcının stil hesaplama ve yerleştirme süresini uzatır, bu da Core Web Vitals ölçümlerini olumsuz etkiler.
Blok düzenleyici sayfa oluşturuculardan her zaman mı hızlıdır?
Genelde daha az DOM düğümü ve daha az ek dosya ürettiği için evet, ama fark içeriğin karmaşıklığına göre değişir. Sade bir sayfada fark küçük olabilir, çok bileşenli bir sayfada fark belirgin hale gelir.
Paylaşımlı hostingde sayfa oluşturucu kullanmak güvenli mi?
Evet, ama çok bileşenli sayfalarda kaynak sınırına diğer sayfa tiplerinden daha hızlı takılabilirsiniz. Önbellekleme yapılandırıldığından ve pakete tanımlı kaynağın ihtiyacınızı karşıladığından emin olun.
Narhost’ta
WordPress hosting paketlerinde kaynak sınırları paket sayfasında açıkça listelenir; sayfa oluşturucu ağırlıklı bir site için ihtiyacınıza uygun paketi karşılaştırarak seçebilirsiniz.