Deniz Feneri ile Herhangi Bir Web Sitesinin Performansını ve Kalitesini Kontrol Edin
Google, modern web tasarımında ön sırada yer almaktadır. İnsanların daha iyi bir web yapmasına yardımcı olmak amacıyla Analytics'ten DevTools'a kadar pek çok araç sunar..
Son zamanlarda Lighthouse adlı başka bir kullanışlı araç yayınladı. Bu bir Chrome'un arka planda çalışan ücretsiz otomatik test aracı. Sitenin performansını, hızını, erişilebilirliğini ve anlamsal en iyi uygulamalara bağlılığını kontrol edeceği bir mini web sitesi denetimi gibi çalışır..
Deniz Feneri uzantısı öncelikle ilerici webapps için oluşturulan. Bunlar, tarayıcıda çalışan ve yerel uygulamalar gibi davranan, ancak tipik web siteleri gibi çalışan genel web uygulamalarıdır..
PWA'lar Deniz Feneri projesinin büyük bir parçasıdır. Ancak Deniz Feneri'nin amacı yardım etmektir. tüm web geliştiricileri sayfalarının kalitesini kontrol et.
Bu, HTML / CSS hata kontrolünü veya yinelenen kod satırlarını aramayı içerebilir. Lighthouse ayrıca, görüntüler, dosya boyutları, HTTP istekleri ve daha fazlası için optimizasyon ipuçlarıyla web performansına bakıyor.
Tüm ana denetim sonuçları görünür Chrome'un DevTools'unda Böylece istatistikleri kontrol etmek için yeni bir pencere açmanıza gerek kalmaz. İhtiyacınız olan tek şey, Chrome'un çalışan bir sürümü ve Lighthouse denetim sonuçlarını gözden geçirmek için bir süredir.
Genelde bu dört kategoriye ayrılır:
- performans.
- Ulaşılabilirlik.
- En iyi uygulamalar.
- Aşamalı Webapp özellikleri.
Her kategori, UX iyileştirmeleri için önerilerle daha küçük özelliklere ayrılır.
De Denetim sonuçlarını çekebileceğiniz bir düğmeye tıkladığınızda Bu, web sitesinin performansını, hızını, kullanılabilirliğini ve Google’ın umursadığı her metriği radikal bir şekilde geliştirmenize yardımcı olacak.
Ana sayfadan daha fazla bilgi edinmek ve Lighthouse'un birçok özelliğini okumak istiyorsanız.
Bu sunumu ayrıca, ilk kez Lighthouse'u dev topluluğuna tanıtan Google I / O 2017'den de izleyebilirsiniz..