Lighthouse, geliştiricilerin sitelerinin kullanıcı deneyimini iyileştirmek için fırsatlar ve teşhisler sunan bir web sitesi denetleme aracıdır.
Lighthouse 9.0, komut satırında, Chrome Canary'da ve PageSpeed Insights'ta hemen kullanılabilir. Bu özellik, Chrome 98 kararlı sürümünde kullanıma sunulacaktır.
API değişiklikleri
Çoğu kullanıcı, bu sürümde iş akışını bozan bir değişiklikle karşılaşmayacaktır. Özel Lighthouse denetimleri çalıştırıyorsanız veya Lighthouse raporu JSON'unun derinliklerindeki ayrıntılara dayanan araçlar kullanıyorsanız 9.0'da dikkat etmeniz gereken bazı önemli değişiklikler olabilir.
Değişikliklerin tam listesini 9.0 değişiklik günlüğünde bulabilirsiniz.
Kullanıcı işlemleri akışları için Lighthouse
Lighthouse, bir sayfanın kullanım ömrünün herhangi bir noktasında laboratuvar testine olanak tanıyan yeni bir kullanıcı akışı API'sine sahiptir.
Puppeteer, sayfa yüklemelerinin komut dosyasını oluşturmak ve sentetik kullanıcı etkileşimlerini tetiklemek için kullanılır. Lighthouse ise bu etkileşimler sırasında önemli analizleri yakalamak için birden fazla şekilde çağrılabilir. Bu, performansın sayfa yükleme sırasında ve sayfayla etkileşim sırasında ölçülebilir olduğu anlamına gelir.
Daha fazla bilgi için Lighthouse kullanıcı akışları eğitim ve kod örnekleri başlıklı makaleyi inceleyin.
Rapor yenileme
Lighthouse raporu, okunabilirliği artırmak ve raporun kaynağı ile nasıl çalıştırıldığını 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 en üstüne nihai bir ekran görüntüsü yerleştirilmiştir.
Raporun alt kısmındaki özet bilgiler de Lighthouse'un nasıl çalıştırıldığını ve raporun nasıl toplandığını daha iyi aktarmak için yeniden tasarlandı.
Yeni raporun işleyişini görmek için Lighthouse 9.0'ı deneyin veya bu örnek raporu ziyaret edin.
İlgili erişilebilirlik öğeleri
Erişilebilirlikle ilgili yaygın bir sorun, bir sayfada benzersiz olması gereken öğelerin benzersiz olmamasıdır. Örneğin, bir aria-labelledby özelliğinde referans verilen kimliğin birden fazla öğede kullanılması bu tür bir soruna yol açar.
Lighthouse her zaman bu durum konusunda uyarıda bulunsa da yinelenen kimliğe sahip bir öğenin yalnızca ilk örneğini listeliyordu. Bu durum, bazı kullanıcıların soruna neden olan tüm öğeleri gösterdiğini varsayması nedeniyle sık sık kafa karışıklığına yol açıyordu. Lighthouse yalnızca tek bir öğe gösterdiğinden, tek öğenin yinelenen olarak işaretlenmesinin bir hata olduğunu varsayarlar.
Lighthouse 9.0'da, bu kimliği paylaşan tüm öğeler artık listelenir:
Bu "ilgili düğümler" işlevi axe-core tarafından sağlandığından diğer erişilebilirlik denetimlerinde de görünebilir.
Daha fazla bilgi için kullanıcı raporlarını toplama sorunu ve uygulamaya yönelik isteği inceleyin.
Lighthouse'u çalıştırma
Lighthouse; Chrome Geliştirici Araçları, npm (Node modülü ve CLI olarak) ve tarayıcı uzantısı (Chrome ve Firefox'ta) olarak kullanılabilir. web.dev/measure ve PageSpeed Insights dahil olmak üzere birçok Google hizmetinde kullanılır.
Lighthouse Node CLI'yi denemek için aşağıdaki komutları kullanın:
npm install -g lighthouse
lighthouse https://www.example.com --view
Lighthouse Ekibi ile iletişime geçme
Yeni özellikler, 9.0 sürümündeki değişiklikler veya Lighthouse ile ilgili başka herhangi bir konu hakkında görüşmek için:
- Lighthouse GitHub sorun izleyicisinde sorun bildirebilir veya geri bildirim gönderebilirsiniz.
- Lighthouse GitHub tartışma forumlarında soru sorun.
- Twitter'da @____lighthouse adresinden Lighthouse ekibiyle iletişime geçin.