PageSpeed ​​Insights ve Chrome DevTools’un altında yatan teknoloji olan yeni piyasaya sürülen Lighthouse 10, iki yeni site denetimi sunuyor. Bu denetimler, site güvenliği ve kullanıcı deneyimi faktörleriyle ilgili oldukları için denetimin bir parçası olarak faydalı olmalıdır.

Teknik olarak, denetimlerden biri önceki denetimin genişletilmesidir, ancak özünde yeni bir denetimdir.

Lighthouse, Erişilebilirlik Denetimleri, En İyi Uygulama Denetimleri, Performans Denetimleri, Aşamalı Web Uygulamaları Denetimleri ve bir SEO Denetimi dahil olmak üzere çeşitli denetim türleri içerir.

Bu iki yeni denetim, Lighthouse bünyesindeki iki farklı denetimden alınmıştır. Biri En İyi Uygulamalar denetiminin bir parçasıdır, diğeri ise Performans denetimleri kategorisindedir.

Yeni Geri/ileri Önbellek Denetimi

Normalde düşünülmeyen bir şey, bfcache olarak da bilinen Geri/ileri önbellektir.

bfcache, bir kullanıcı bir web sitesinde ileri veya geri gittiğinde web sayfalarının anında yüklenmesini sağlayan optimizasyonla etkinleştirilen bir önbellektir.

Bfcache’in etkin olmadığı web siteleri, site ziyaretçilerini bir web sitesinde ileri ve geri gittiklerinde web sayfalarını ikinci kez indirmeye zorlar.

Ancak bfcache etkinleştirildiğinde, aynı site ziyaretçileri anında yükleme deneyimi yaşar.

Google’ın bfcache ile ilgili geliştirici sayfası bunu şu şekilde açıklıyor:

“Geri/ileri önbellek (bfcache), sayfa gezinme geçmişinden geri yüklendiğinde kullanılmak üzere sayfanın anlık görüntüsünü bellekte saklar.

Bu, sayfaya dönüş gezinmelerini önemli ölçüde hızlandırır, ancak bazı tarayıcı API’leri (ör. boşaltma dinleyicileri), bfcache’in başarısız olmasına neden olabilir ve sayfa normal şekilde yüklenir.”

Sayfaların bfcache’te depolanmaya uygun olmasını sağlamak için en iyi uygulamalar vardır.

İlk optimizasyon, boşaltma olayını asla kullanmamaktır.

Web.dev’e göre:

“Unload olayı, tarayıcılar için sorunlu çünkü bfcache’den önce geliyor ve internetteki birçok sayfa, bir sayfanın unload olayı tetiklendikten sonra var olmaya devam etmeyeceği (makul) varsayımı altında çalışıyor.

Bu bir meydan okuma çünkü bu sayfaların çoğu, boşaltma olayının bir kullanıcı uzaklaştığında tetikleneceği varsayımıyla oluşturuldu, ki bu artık doğru değil (ve uzun zamandır da doğru değil).

Boşaltma olayı için Mozilla geliştirici web sayfası da buna karşı tavsiyede bulunuyor:

“Uyarı: Geliştiriciler bu etkinliği kullanmaktan kaçınmalıdır.”

Lighthouse 10’da artık bir bfcache denetimi var.

Çalışma şekli, test edilen web sayfasından uzaklaşması ve ardından ona geri dönmesidir.

Bfcache’i kullanma becerisiyle ilgili herhangi bir sorun, bfcache denetimi tarafından dikkate alınır.

Üç tür başarısızlık vardır:

  1. eyleme geçirilebilir
    Düzeltilebilecek sorunlar.
  2. Bekleyen Destek
    Henüz Chrome tarafından desteklenmeyen özellikler, tarayıcının web sayfasını önbelleğe almasını engeller.
  3. İşlem Yapılamaz
    Bunlar, sayfanın dışında olup kontrol edilemeyen veya düzeltilemeyen sorunlardır.

Daha fazla bilgi için okuyun: bfcache hakkında Chrome geliştirici sayfası:
Sayfanın geri/ileri önbellekten geri yüklenebildiğinden emin olun

Parolalara Yapıştır Alan Denetiminin Genişletilmesi

Kullanıcıların parolaları bir parola form alanına yapıştırmalarına izin verilmesi bir güvenlik iyileştirmesidir.

Parola yapıştırma özelliğinin devre dışı bırakılması, site ziyaretçilerinin güçlü parolalar kullanan parola yöneticilerini kullanmasını engeller.

Form alanlarına yapıştırmayla ilgili bu en iyi uygulama için test edilen önceki Lighthouse sürümleri, yalnızca parola alanını test etmekle sınırlıydı.

Lighthouse 10, herhangi bir (salt okunur olmayan) giriş alanına yapıştırmanın işe yarayıp yaramadığını test etmek için genişleterek bu denetimi geliştirir.

Google’ın bu yeni denetim duyurusu, bunun neden önemli olduğunu açıklıyor:

“Çoğu site için, yapıştırmanın engellenmesi net-negatif bir kullanıcı deneyimidir ve yasal güvenlik ve erişilebilirlik iş akışlarını engeller.”

“Salt okunur” giriş alanı, önceden doldurulmuş bir varsayılan giriş içeren bir form alanıdır.

Diğer tüm giriş alanları, erişilebilirlik, kullanıcı deneyimi ve güvenliği artırma açısından yararlı olduğundan, yapıştırmaya izin vermelidir.

Google’ın bu denetim türü için geliştirici sorun giderme sayfası, bu sorunu çözmek için şu tavsiyeyi sunar:

“Parola alanlarına yapıştırma nasıl etkinleştirilir?

#Yapıştırmayı engelleyen kodu bul
Yapıştırmayı engelleyen kodu hızlı bir şekilde bulmak ve incelemek için:

  • Olay Dinleyici Kesme Noktaları bölmesini genişletin.

  • Pano listesini genişletin.

  • Yapıştır onay kutusunu seçin.

  • Sayfanızdaki bir şifre alanına biraz metin yapıştırın.

  • DevTools, ilgili yapıştırma olay dinleyicisindeki ilk kod satırında durmalıdır.”

Google, yapıştırmayı engelleyen JavaScript dinleyici komut dosyasının tanımlanmasını ve ardından kaldırılmasını teşvik eder.

İki Yeni Deniz Feneri Denetimi

Pek çok SEO denetimi güvenlik sorunlarını test etmez, çünkü muhtemelen güvenliğin sıralamayla hiçbir ilgisi yoktur, bu muhtemelen yanlış bir inançtır.

Uzun yıllardır güvenliğin bir SEO sorunu olduğunu iddia ettim çünkü zayıf güvenlik, sıralamalarda olumsuz bir etkiye yol açıyor.

Bir denetimin amacı, sıralamaların neden tehlikeye girebileceğini tespit etmekse, o zaman bence bir güvenlik kontrolü SEO denetiminin bir parçası olmalıdır.

Lighthouse 10, PageSpeed ​​Insights aracında etkindir ve şu anda 29 Mart 2023’te yayınlanması planlanan Chrome sürüm 112’de görünecektir.

Yeni Lighthouse 10’u Chrome DevTools arayüzünden denemek isteyenler, bunu Google’ın tarayıcısının geliştirici sürümü olan ve Chrome’un normal sürümünden önceki en son özelliklerin tümünü içeren Chrome Canary ile yapabilirler.

Lighthouse 10 duyurusunda yeni denetimler hakkında bilgi edinin:

Lighthouse 10’daki yenilikler – Yeni denetimler

Shutterstock/Asier Romero’dan öne çıkan görsel