Paneldeki geliştirici araçlarını kullanmak

Simulator Panel’de konsol, ağ ve depolama araçları gömülü; yanında performans ve erişilebilirlik profillemesi var. Çoğu kişi cihaz önizlemesini kullanıp bunları hiç açmıyor — yazık, çünkü önizlemenin doğurduğu soruları bunlar cevaplıyor.

Önce ağ, her zaman

Bir sayfa bir genişlikte bozulup diğerinde bozulmuyorsa, ağ sekmesi bunu saniyeler içinde çözer. İki şeye bakıyorsunuz: sessizce başarısız olan bir istek ve iki kez atılan bir istek.

İnsanları şaşırtan ikincisi. Yeniden boyutlandırmada tekrar çizilen bir bileşen çoğu zaman isteği de tekrarlar ve bunun göründüğü tek yer, iki özdeş satır barındıran bir ağ panelidir. Sayfa çalışmaya devam ettiği için fatura ya da hız sınırı gelene kadar kimse fark etmez.

Konsolu tek genişlikte değil her genişlikte okuyun

Hatalar genişlikten bağımsız değil. Küçük bir kırılma noktasında çöken bir yerleşim, masaüstünde vermeyeceği hatayı verebilir — sıfır dönen bir ölçüm, o boyutta henüz DOM’da olmayan bir öğe.

Bu yüzden konsolu özellikle küçük telefon önizlemesinde okuyun. İnsanların atladığı önizleme odur ve hataların kümelendiği yer de odur.

Depolama — yalnızca sizde olan hata için

“Benim makinemde çalışıyor” tartışmasını depolama aracı bitirir. Bu vakaların yarısı, eski bir sürümden kalmış bayat bir yerel depolama değeridir — bir özellik bayrağı, önbelleklenmiş bir jeton, bir daha asla dönmeyecek kapatılmış bir bildirim.

Hiçbir yeni ziyaretçinin görmeyeceği bir hataya bir saat harcamadan önce temizleyip yeniden yükleyin.

Bir kez yapmaya değen profilleme koşusu

Yayından önce performans ve erişilebilirlik profillemesini desteklediğiniz en küçük genişlikte çalıştırın. Masaüstünde değil — ağır bir sayfanın gerçekten yavaşladığı ve dokunma hedeflerinin kaldığı yer küçük telefondur.

Açıkça söylenmesi gereken bir uyarı: bu, sayfayı sizin makinenizde, sizin tarayıcınızda ölçer. Size sayfa hakkında bilgi verir, trendeki dört yıllık bir Android hakkında değil. İyi puanı yeterli değil gerekli sayın.