Lighthouse gelişimi: sürekli entegrasyon, yeni performans puanı formülü ve daha fazlası

Chrome Developer Summit 2019 etkinliğinden en son Lighthouse güncellemeleri ve analizlerine ulaşın.

Elizabeth Sweeny
Elizabeth Sweeny

Chrome Geliştirici Zirvesi'nde (CDS) Speed Tooling Evolutions sohbetinde Paul Ireland ve ben, tüm kullanıcılarınız için olağanüstü hızlı bir deneyim oluşturup sürdürmenize yardımcı olabilecek Google'ın en yeni ürünlerini ve özelliklerini sunduk. Bu hikayenin merkezinde Lighthouse performans izleme araçları ailesine yapılan eklemeler bulunuyor.

Lighthouse CI alfa sürümü

Lighthouse ekibi, üretime geçmeden önce her kayıtta Lighthouse'u çalıştırmanızı sağlayan yeni sürekli entegrasyon ürünü Lighthouse CI'nın alfa sürümünü kullanıma sundu. Lighthouse CI, Lighthouse'u birden fazla kez çalıştırır, statik denetim veya metrik eşiklerini doğrular ve ardından Lighthouse raporlarını görsel fark ve temel kategori puanı geçmişi için bir sunucuya yükler. Mevcut budgets.json yapılandırmaları, herhangi bir Lighthouse denetimi veya kategori sonucunu onaylamak için yeni ifade söz dizimiyle birlikte sorunsuz şekilde çalışır.

Lighthouse CI raporu.

Lighthouse CI, kullanıma hazır Travis CI, Circle CI ve GitHub Actions'ı ve bir miktar yapılandırmaya sahip olan Ubuntu veya container tabanlı CI hizmetlerini destekler. Şirket içi Lighthouse CI sunucusunu yükleyebilir veya hızlı kurulum için bir yuva görüntüsü kullanabilirsiniz. Hemen başlamak için alternatif olarak ücretsiz, herkese açık, geçici Lighthouse rapor depolama alanı mevcuttur.

Çok yakında: Performans puanı güncellemeleri

Lighthouse Performans puanı 6 sürümünde değişiklikler geliyor! Sürüm 5'te (Kasım 2019 itibarıyla) Lighthouse, 0-100 performans puanını oluşturmak üzere ağırlıklı ve karıştırılmış beş metriğe sahiptir: First Contentful Paint, Speed Index, First Anlamful Boyama, Etkileşime Hazır Olma Süresi ve İlk CPU Boşta Kalma.

Sürüm 5 ve 6'daki Lighthouse performans puanı formüllerinin karşılaştırması.

Ayrıntılı bilgi için Lighthouse performans puanlaması konusuna bakın.

Lighthouse sürüm 6'da, yeni Largest Contentful Paint (LCP) ve Toplam Engelleme Süresi (TBT) metrikleri, İlk CPU Boşta Kalma (FCI) ve İlk Anlamlı Boyama (FMP) seçeneklerinin yerini alıyor. Beş metriğin her birinin ağırlıkları, farklı yük ve etkileşim ölçümlerinin aşamalarını daha iyi dengeleyecek şekilde ayarlanır.

Lighthouse ekibi, tüm puanlama eğrilerinin hassas bir şekilde ayarlanmasını ve metriklerin olgunlaşıp kapsamlı bir şekilde test edilmesini sağlamak için çalışmaya devam etmektedir. Lighthouse v6 Performance puanını Ocak 2020'de kullanıma sunmayı amaçlıyorlar.

Deniz Feneri Yığın Paketleri

Lighthouse, sitelerin bir çerçeve mi yoksa içerik yönetim sistemi (İYS) mi kullandığını otomatik olarak tespit edebilir ve rapora yığına özel öneriler sunabilir. StackPacks, Lighthouse raporuyla ilgili temel denetimlerin yanı sıra sizin gibi topluluk uzmanları tarafından seçilmiş özel öneriler ekler.

React uygulamalarında ekran dışı görüntüleri ertelemek için Lighthouse rapor önerisi.

Şu anda Angular, WordPress, Magento, React ve AMP için Yığın Paketleri mevcuttur. Kendi Stack Bundle'ınızı oluşturmak için GitHub deposunu ziyaret edin veya Lighthouse ekibiyle iletişime geçin.

Yakında: Chrome Uzantıları olarak Lighthouse eklentileri

Lighthouse eklenti simgesi.

Lighthouse Eklentileri, Lighthouse'un genişletilebilirliğinden yararlanmanın başka bir yoludur. Lighthouse temel denetimlerinin şu anda kapsamadığı birçok kalite kontrolü vardır. Bunun nedeni, bu kontrollerin yalnızca geliştiricilerin bir alt kümesine uygulanabilmesi veya ekibin henüz denetimleri oluşturacak bant genişliğine sahip olmamasıdır.

Lighthouse eklentileri, topluluk uzmanlarının Lighthouse'un çalıştırabileceği ve rapora yeni bir kategori olarak ekleyebileceği yeni bir dizi denetim uygulamasına olanak tanır. Şu anda, eklentiler yalnızca Lighthouse KSA'da çalışmaktadır, ancak DevTools Denetimler panelinde de çalıştırılmaları amaçlanmaktadır.

Google Yayıncı Reklamları ve Kullanıcı Deneyimi için Lighthouse eklentilerini çalıştırma seçeneklerini içeren Chrome Geliştirici Araçları Denetimleri paneli.
DevTools Denetimleri panelindeki Topluluk Eklentileri (beta)

Kullanıcılar Chrome Web Mağazası'ndan Lighthouse eklenti uzantılarını yüklediklerinde, Geliştirici Araçları yüklü eklentileri tanımlar ve Denetimler panelinde bunları bir seçenek olarak sunar. Lighthouse ekibi önümüzdeki aylarda eklenti yaklaşımı için destek oluşturacak. Bu yüzden bizi izlemeye devam edin. Bu esnada, bugün düğüm modülü olarak bir eklenti oluşturabilir ve CLI aracılığıyla tüm Lighthouse kullanıcılarının erişimine sunabilirsiniz.

Daha fazla bilgi

Lighthouse ve CDS 2019'daki diğer performans aracı güncellemeleri hakkında daha fazla bilgi için Hız aracı geliştirmeleri konuşmasını izleyin:

Geri bildirimleriniz Lighthouse'u daha iyi hale getirmemiz açısından çok önemlidir. Lütfen devam edin ve Lighthouse CI'yı deneyin, StackPack yazın veya Lighthouse Eklentisi oluşturun ve düşüncelerinizi bizimle paylaşın.