Herkeseiyi günler iyi çalışmalar. Kendi web sitemin hızıyla ilgili anlayamadıklarım var. Google'da test yaptığımda masaüstü performansı %70-%80 arası çıkarken mobil %15-%30 arası anca çıkıyor. Resimleri optimize edip WebP formatında dönüştürdüm ancak düzetmeler içinde resimleri görüyor. Bunun nedeni ne olabilir yardımcı olursanız sevinirim. #akış #wordpress #aşı #google
Aradaki neredeyse %50'lik farkı yaratabilir mi ?
Aynı Js dosyası, onuda minify ettim. Mobilde bu kadar kötü neden oluyor bunu anlayamıyorum.
@mami Aslında kendi mobil cihazlarımdan önbellek temiz şekilde girdiğimde hızlı açılıyor. İnanın çözemedim bir türlü gitti.
@mami kesinlikle.
Tarayıcının Repaint ve Reflow aşamalarını araştırın. Orada hangi stilin veya fonksiyonun blokladığı belli olur. Bazı işlemler masaüstünde hızlı olabilir ama mobilde hesaplanması zor oluyor ve bu renderda kuyruk oluşturup zincirde gecikmeye sebep oluyor. Mesela yüksek düğüm sayısına sahip svglere verilen çok kaynak tüketen çeşitli filtreler buna örnek verilebilir. Dolayısıyla her şey sekteye uğruyor. Hepsini okumadım ancak ilk gözüme çarpan first contentful paint süresi bu soruna işaret ediyor olabilir. Mesele sadece dosya boyutlarını azaltmakla alakalı değil. Kodların işlenmesiyle ilgili.
Teşekkürle bilgi için 🙂
18 tane js 4 tane de css dosyası var bunları litespeed eklentisiyle birleştirip bundle haline getirebilirsiniz
Hemen birleştirdim, teşekkürler.