Google, Web Vitals Uzantısını Kullanımdan Kaldırıyor, Her Şeyi DevTools'a Taşıyor

Google, Chrome 132'nin piyasaya sürülmesiyle Web Vitals Chrome uzantısını resmi olarak kapattı.

Tüm temel özellikleri artık DevTools'un Performans paneline tam olarak entegre edilmiştir ve bu da onu Önemli Web Verilerini ölçmek için başvurulacak araç haline getirmektedir.

Uzantıyı yaklaşık 200.000 kullanıcı kullansa da Chrome ekibi yalnızca site performansında hata ayıklamak için daha güçlü ve merkezi bir platform sunan DevTools'a odaklanmaya karar verdi.

Uzatma Neden Kullanımdan Kaldırıldı?

Web Vitals uzantısı, Core Web Vitals'ın erken takibi için mükemmeldi, ancak DevTools artık aynı işlevselliği ve daha fazlasını sunuyor.

Google, her şeyi DevTools'a taşıyarak geliştiricilere daha kusursuz bir performans optimizasyonu iş akışı sağlıyor.

DevTools'taki Yenilikler Neler?

DevTools'taki Performans paneli artık uzantının yeteneklerini çoğaltıyor ve genişletiyor:

• Canlı Metrikler: Yerel testleriniz için gerçek zamanlı Önemli Web Verileri verileri.
• Saha Verileri: Masaüstü ve mobil görünümler de dahil olmak üzere URL'ler ve kaynaklar için yerel metrikleri CrUX verileriyle karşılaştırın.
• En Büyük İçerikli Boya (LCP) Detayları: LCP puanınızın ardındaki belirli öğeyi bulun, İlk Bayta Kadar Geçen Süre (TTFB) gibi aşama dökümlerini görün ve görüntü oluşturma gecikmesini görün.
• Sonraki Boyayla Etkileşim (INP) Etkileşim Günlüğü: Giriş gecikmesi, işleme ve sunum için ayrıntılı zamanlamayla INP'ye katkıda bulunan etkileşimleri izleyin.
• Kümülatif Düzen Kaydırma (CLS) Günlüğü: CLS puanınıza katkıda bulunan gruplandırılmış düzen değişikliklerini görün.
• Teşhis Metrikleri: TTFB ve First Contentful Paint'i (FCP) içerir.

DevTools, uzantının yaptığı her şeyin yanı sıra gelişmiş hata ayıklama araçlarını da tek bir yerde sunar.

Geliştiricilerin Bundan Sonra Ne Yapmalı?

Hala Web Vitals uzantısını kullanıyorsanız DevTools'a geçmenin zamanı geldi.

Google, geçişi kolaylaştırmak için bir geçiş kılavuzu bile oluşturdu.

Google, geçiş yapamayanlar için uzantının yerel bir kopyasının saklanmasına ilişkin talimatları paylaştı.

Ancak, uzantıya bağlanan CrUX API anahtarı yakında iptal edilecektir; bu nedenle, CrUX API belgeleri aracılığıyla yeni bir anahtar oluşturmadığınız sürece saha veri entegrasyonu bozulabilir.

İleriye Bakış

Bu hamle, Google'ın DevTools'u geliştiriciler için en iyi performans izleme aracı haline getirme konusundaki kararlılığının bir göstergesidir. Performans paneli Önemli Web Verileri'nden gelişmiş teşhislere kadar her şeyi kapsar ve daha fazla güncelleme gelecektir.

Web Vitals uzantısı faydalı bir araçtı ancak en iyi özellikleri artık DevTools'ta mevcut ve geliştiricilerin site performansını tek yerden izlemesini ve optimize etmesini kolaylaştırıyor.

Daha fazla ayrıntı için resmi duyuruya veya GitHub deposuna göz atın.

Öne Çıkan Resim: William Potter'ın/Shutterstock