Lighthouse, geliştiricilerin sitelerinde kullanıcı deneyimini iyileştirmek üzere fırsatlar ve teşhisler almasına yardımcı olan bir web sitesi denetleme aracıdır.
Lighthouse 9.0, komut satırında, Chrome Canary'de ve PageSpeed Insights'ta hemen kullanılabilir. Uygulama, Chrome 98 sürümünde Chrome kararlı sürümünde açılacaktır.
API değişiklikleri
Çoğu kullanıcı, bu sürümde iş akışını bozan değişikliklerle karşılaşmamalıdır. Özel Lighthouse denetimleri çalıştırır veya Lighthouse raporu JSON dosyasının derinlerinde yer alan ayrıntılara dayalı araçlar kullanırsanız 9.0'da dikkat etmeniz gereken bazı zarar veren değişiklikler olabilir.
Değişikliklerin tam listesini 9.0 değişiklik günlüğünde görebilirsiniz.
Kullanıcı işlemleri akışları için Lighthouse
Lighthouse, bir sayfanın kullanım ömrü içinde herhangi bir noktada laboratuvar testlerine olanak tanıyan yeni bir kullanıcı akışı API'sine sahiptir.
Puppeteer, sayfa yüklemelerini komut dosyası haline getirmek ve sentetik kullanıcı etkileşimlerini tetiklemek için kullanılır. Lighthouse, bu etkileşimler sırasında temel bilgileri yakalamak için çeşitli şekillerde çağrılabilir. Bu, performansın sayfa yükleme ve sayfayla etkileşimler sırasında ölçülebileceği anlamına gelir.
Daha fazla bilgi için Lighthouse kullanıcı işlemleri akışı eğiticisi ve kod örnekleri sayfasına bakın.
Rapor yenileme
Lighthouse raporu, okunabilirliği iyileştirmek, raporun kaynağını ve çalıştırılma şeklini daha net hale getirmek için yenilendi.
Test edilen sayfanın doğru şekilde yüklenip yüklenmediğini ve beklenen biçimde olup olmadığını bir bakışta netleştirmek için raporun üst kısmına son bir ekran görüntüsü yerleştirildi.
Raporun altındaki özet bilgiler de Lighthouse'un nasıl çalıştırıldığını ve rapor toplandığını daha iyi iletecek şekilde yeniden tasarlandı.
Yeni raporu çalışırken görmek için Lighthouse 9.0'ı deneyin veya bu örnek raporu ziyaret edin.
İlgili erişilebilirlik öğeleri
Yaygın bir erişilebilirlik sorunu, bir sayfada benzersiz olması gereken öğelerin benzersiz olmamasıdır (örneğin, bir aria-labelledby özelliğinde başvurulan kimliğin birden fazla öğede kullanılması).
Lighthouse bu durum hakkında her zaman uyarıda bulunmuştur ancak tekrarlanan kimliğe sahip bir öğenin yalnızca ilk örneğini listelemiştir. Bu durum, bazı kullanıcılar öğenin soruna neden olan tüm öğeleri gösterdiğini varsaydığından genellikle karışıklığa neden olur. Lighthouse yalnızca tek bir öğe gösterdiğinden, bu tek öğenin kopya olarak işaretlenmesinin bir hata olduğunu varsayacaklar.
Lighthouse 9.0'da, bu kimliği paylaşan tüm öğeler artık listelenmektedir:
Bu "ilgili düğümler" işlevi axe-core tarafından sağlandığı için diğer erişilebilirlik denetimlerinde de görünebilir.
Daha fazla bilgi için kullanıcı raporları toplama sorunu ve uygulama çekme isteği bölümlerine bakın.
Lighthouse'u çalıştırma
Lighthouse; Chrome Geliştirici Araçları'nda, npm (Düğüm modülü ve KSA olarak) ve tarayıcı uzantısı olarak (Chrome ve Firefox'ta) kullanılabilir. web.dev/measure ve PageSpeed Insights dahil olmak üzere birçok Google hizmetini destekler.
Lighthouse Düğümü KSA'sını denemek için aşağıdaki komutları kullanın:
npm install -g lighthouse
lighthouse https://www.example.com --view
Lighthouse ekibiyle iletişime geçin
Yeni özellikler, 9.0 sürümündeki değişiklikler veya Lighthouse ile ilgili herhangi bir konu hakkında konuşmak için:
- Lighthouse GitHub sorun izleyici'de sorun bildirin veya geri bildirim gönderin.
- Sorularınızı Lighthouse GitHub tartışma forumlarında sorabilirsiniz.
- Lighthouse ekibine Twitter'dan @____lighthouse ulaşabilirsiniz.