budget.json İstek sayılarını düşük tutun ve boyutları küçük aktarın

Konuyu okuyan ilgili arkadaşlara merhaba dileim. Bir çok kişinin site optimizasyonunda başına gelen, düzeltmesi mümkün olan problemlerden biri malesef benimde başıma geldi... budget.json dosyasını ürettim ama bu dosyayı lighthouse da başarılı bir şekilde okutup tanıtmam için nasıl ve ne şekilde ilerlemem gerektiği konsunda net bir kaynak bulamadım. Bu konuda bilgisini paylaşacak arkadaşların cevaplarını bekliyorum.

Boyutları küçültmek ve istek sayılarını azaltmak için budget.json oluşturulması pek yaygın bir yöntem değil. Bu denileni yapmak için gereksiz istekleri kaldırın, statik kaynakları sıkıştırın, birleştirin, mümkün olan oranda kullanılmayan css/js kodlarını kaldırın ve jsleri sayfa yüklendikten sonraki ilk kullanıcı aksiyonuna kadar geciktirin. Resimleri ve iframeleri lazy load ile yükleyin.

Sitemde toplam 52, aktif olan 45 eklenti var ve sitemin optimize edilmemiş anasayfa boyutu ortalama 2000KB ve istek sayısı 150 üzeri. Optimize edilmiş boyutu ise 500 KB'den daha düşük ve istek sayısı 50 altında. Aşağıdaki makalemde bahsettiklerimi doğru bir şekilde yaparsanız siz de güzel sonuçlar elde edebilirsiniz:
WordPress Hız Optimizasyonu hakkında ücretsiz bilgi edinmek için blog makalemi okuyabilirsiniz: www.onurozden.com.tr/wordpress-hiz-optimizasyonu


İşi uzmanına bırakmak ve başarılı bir sonuç almak isterseniz premium lisanslı ve orijinal WP Rocket eklentisiyle sitenizin gerçekteki hızını arttırabilirim, core web vitals (google pagespeed) değerlerini iyileştirebilirim, sayfa boyutu ve istek sayısını ciddi oranda düşürebilirim:
Profilimde 100+ referans ticaret puanı, ticaret konumda onlarca mutlu müşterinin yorumu, fiyatlandırma kriterleri ve diğer tüm detaylar bulunuyor. İncelemek için aşağıdaki bağlantıya tıklayabilirsiniz:
https://www.r10.net/ucretli-wordpres...-referans.html

İlgin için teşekkür ederim ama eklentilerle bir yere kadar optimize edilmekte geri kalan durumlar için eklenti kodlarda uyuşmazlık sağlıyor. Eklenti ve manuel olarak gelebildiğim nokta. Benim sorunuma cevaptan çok sizin dolu dolu reklam çalışmanızı gördüm malesef... Yinede ilgin için teşekkür ederim. Her bir bilgi bilmediğimiz konuya çözümdür. Buda benim değerlerim. https://prnt.sc/1qt9zlu

Eklenti kodlarda uyuşmazlık sağlıyor derken bahsettiğiniz nedir? Detaylı bir şekilde anlatırsanız öneri bazında ücretsiz yardım edebilirim konu altından.
Ben yine de merak edilen, sık sorulan soruların yanıtlarını uzunca vereyim.

WordPress'te stabil bir hız optimizasyonu için 3 yöntem vardır.
1) Sıfırdan cache eklentisi kodlatmak. Stabil sürüme ulaşana kadar en az 4 kişilik ekip, 3-6 ay süre ve yüksek maliyet gerektirir.

2) Halihazırdaki cache sistemlerini entegre etmek. Örneğin Güzel Hosting 100 TL'ye wordpress premium cache adı altında cache sistemi sunuyor. Ancak bu sistemler statik siteler için. Php ile oluşturulmuş dinamik sitelerde sitedeki işlevlerin çalışmasını engelleyebiliyor.

3) Halihazırdaki cache eklentilerini kullanmak. Kısa sürede yüksek verim alınabilecek en düşük maliyetli çözüm bu. ***** eklenti kullanılmazsa ve cache eklentisi ayarları bilinçsizce aktifleştirilmezse, sitenizde kalıcı soruna neden olmuyor ve Adsense'li sitelerde dahi Google PageSpeed'te mobilde 70-80-90 üzeri puanlara ulaşabiliyoruz.

WordPresste ve phpde dinamik sitelerde dosyalara erişip internetteki araçlarla sıkıştırmak veya manuel olarak birleştirmek mantıklı ve sağlıklı bir çözüm değildir. WordPressteki cache eklentileri ve phpde yazılan cache sistemleri hedef kaynak dosyalara müdahale etmez. Hedef kaynak dosyalardan kodları alır, sıkıştırır, birleştirir ve final dosyasını oluşturur. Final dosyasını ise kullanılan statik dosyalar yerine sunar. Siz kaynak dosyaları internetteki bulduğunuz araçlarla sıkıştırıp copy paste ederek manuel şekilde birleştirirseniz işlem sonucunda sitenizin bozulma ihtimali çok yüksektir.

Bu imkanların yanında cls sorununun düzeltilebilmesi için tema veya eklentide php, html, css, js değişiklikleri yapmak gerekebiliyor. Veya hız optimizasyonunda her şey cache eklentisi değil tabii ki. Revolution Slider tarzı çok fazla gereksiz işlev ve js kütüphanesi, kodları içeren eklentiler kullanılırsa bu sorunlu jsler geciktirilmediği sürece başarıya ulaşılamayabiliyor. Geciktirilirse ise slider ilk kullanıcı aksiyonunda veya geciktirilen süre sonunda yükleniyor. Bu da bazı sitelerde kullanıcı deneyimini olumsuz etkileyebilir. Ancak kullanıcı deneyimini sitenin çok yavaş olması da olumsuz etkiler. Bu konuda en iyi çözüm kullanılan sayfa oluşturucu/düzenleyicinin slider/carousel modülünü kullanmak veya statik görsel eklemek.

Yok yanlış anlaşılmasın sitemde bulunan eklentiler için demedim bazı eklentiler veya performans arttıracak eklentiler düzgün seçilmezse yükselmesini beklediğimiz puan bir anda düşebilir. Benim şu an için cls yi etkileyen faktörleri çözüme ulaştırmam gerektiğini biliyorum. Raporlama yaptığım zaman yaklaşık 20 adet konunun cls problemi yaşadığını görüyorum
1. Büyük düzen kaymalarından kaçının
2. Birleştirilmemiş animasyonlardan kaçının
3. Resim öğelerinin açıkça belirtilmiş width ve height değerleri yok
4. Büyük düzen kaymalarından kaçının Bunlar ile ilgili manuel işlem yapabilirsen görüşelim özelden
Genel olarak konuların içindeki CLS hataları bunlar bunlar konusunda bilgim olmadığı için müdahile edemedim. Önceliğim bunları çözmek aslında budget.json bilgi sahibi olan varsa açtım ama koca r10 da çözüme götürecek bilgi sahibi çıkmadı

Bunlar için php, js, css düzenlemeleri gerek. Hangi elementte sıkıntı olduğunu oradaki uyarıya tıklayınca anlıyorsunuz. Yazı ve resim olarak gösteriyor zaten. Bunların çözümü uzmanlık gerektiriyor, ücretsiz birisinin gelip yapmasını beklemiyorsunuz sanırım. R10'da ben ve bunları çözebilecek birden fazla meslektaşım var. Dilerseniz profesyonel tema/eklenti düzenleme hizmeti sunabilirim cls sorunu çözümü için. Ücretsiz olarak ise bu konu altında aklınıza takılan teorik soruları yanıtlayabilirim, sizi yönlendirebilirim.

Ayrıca orada önerideki budget.json sayfa isteklerini ve sayfa boyutunu sınırlamak için bir yöntem. CLS'yi çözmek için değil. CLS, json dosyasıyla çözülecek bir problem değil. Çözmek için sadece web yazılım ve algoritma bilgisi yeterli olmaz. Önce CLS'nin ne olduğunu tam olarak anlamanız gerekli. Burada CLS hakkında çok fazla teorik bilgi ve pratik uygulama örnekleri var. https://web.dev/cls/

Ayrıca burayı da inceleyin cls metriği hakkında bilgi edinmek için: https://web.dev/evolving-cls/