Google açıkladı son zamanlarda Deniz Feneri aracının yayınlandığı haberi, pFirefox web tarayıcısı için, hangisi sağlandı tamamlayıcı olarak tarayıcı için. Firefox eklentisi Lighthouse çekirdek geliştirme ekibi tarafından hazırlanır ve PageSpeed Insights API'sini kullanır raporlar oluşturmak için.
Lighthouse'a aşina olmayanlar için, web uygulamalarının kalitesini artırmak için tasarlanmış, Chrome'da bulunan web geliştiricileri için açık kaynaklı otomatik bir araç olduğunu bilmelisiniz.
Lighthouse ile bir dizi test yapmak yeterlidir sayfaya karşı ve ardından bu sayfanın performansı hakkında bir rapor oluşturur. Buradan geliştiriciler elde edilen verileri gösterge olarak kullanabilirler., bununla web uygulamalarını iyileştirmek için yapabilecekleri.
Eklenti tanımlamaya izin verir darboğazları web uygulamalarının performansında, bileşen yükleme hızı ve kaynak tüketimi, JavaScript'te gereksiz yere kaynak yoğun işlemleri belirleyin, http sunucusu yapılandırmasındaki sorunları belirleyin, arama motoru dizine ekleme (SEO) için tasarım optimizasyonunu değerlendirin ve web teknolojisini kullanmanın alaka düzeyini ve bir web uygulamasının engelli insanlar için uygunluğunu incelemenin yanı sıra, daha zayıf bir CPU ve düşük ağ bant genişliği uygulamasının simülasyonunu desteklemek.
Temel olarak Google Lighthouse ile web sitesi hakkında aşağıdakiler dahil birçok bilgi verebilirsiniz:
- Bir kullanıcının ekranında ilk görüntünün veya içeriğin görünmesinin ne kadar sürdüğü.
- Site için robots.txt dosyasının doğru şekilde oluşturulup oluşturulmadığı ve izlenebilir olup olmadığı
- Kullanıcılar sayfanızla ilk kez ne zaman etkileşimde bulunabilir?
- Sitenizin hız derecelendirmesi
Rapor birkaç farklı bölüme ayrılmıştır:
- Verim: bu size sitenizin şu anki performansının temellerini gösterir. Bu rapor gerçekten site yükleme hızına diğer faktörlerden daha fazla odaklanıyor.
- fırsatları: Bu, sitenizi hızlandırmanıza ve performansı artırmanıza yardımcı olabilecek fırsatlar sunar. Bu fırsatlar, metin sıkıştırmayı etkinleştirmek gibi son derece spesifiktir.
- Teşhis: Bu, çok büyük dosya boyutlarına sahip olmak ve yükleme sürelerini potansiyel olarak yavaşlatmak gibi sitenizde ele alınması gereken belirli sorunlara işaret eder. Sorunun tam olarak ne olduğunu, sitenizi nasıl etkilediğini ve neden düzeltilmesi gerektiğini size söyleyeceklerdir.
- Aşamalı Web Uygulaması- bu size web uygulamanız için ayrıntılı bir denetim sağlar ve mobil uygulamanızın hedef kitleniz için güvenilir ve işlevsel olmasını sağlayabilir. Bu değerlidir; Çoğu denetim aracı bunu sunmaz.
- erişilebilirlik: Sitenizi daha erişilebilir ve gezinmeyi veya kullanmayı daha kolay hale getirebileceğiniz yolları gösterir. UX tasarımı bir sitenin etkinliği için gerekli olduğundan, bu göz ardı edilmemelidir.
- Daha iyi uygulamalar: HTML uygulama ve resim görüntüleme dahil olmak üzere sitenizi güvenilir bir şekilde optimize etmenin en iyi yollarını açıklar.
- SEO: Sitenizin arama motorlarında nasıl performans gösterebileceğine ve sıralama potansiyelini etkileyen farklı faktörlere daha yakından bakar. İçerik kalitesi, izlenebilirlik, mobil cihaz uyumluluğu ve daha fazlasının göstergelerine bakacaklar ve arama motoru görünürlüğünüzü en üst düzeye çıkarmanın yeni yollarını belirlemenize yardımcı olacaklar.
Deniz Feneri'ni Alın
Son olarak, bu eklentiyi kurmak ve test etmekle ilgilenenler, onu Firefox eklenti mağazasında arayabilir veya yapabilirler. aşağıdaki bağlantıdan.
Chrome kullanıcısı olanlara gelince, başta da belirtildiği gibi, Lighthouse, "Denetimler" panelinde doğrudan Chrome geliştirici araçlarına entegre edilmiştir.
Bir tarayıcı uzantısı olarak da mevcut olmasına rağmen, şu adresten kurulabilir: Bu linki.
Bu aracı hem grafik olarak hem de CLI modunda nasıl kullandığınızla ilgili olarak belgelerine bakabilirsiniz. Aşağıdaki bağlantıda.