Web sayfası sahipleri, kullanıcıların web sayfalarındaki temel deneyimini optimize etmek isterler. Web sayfasının kalitesini optimize etmek ve artırmak için birçok araç tanıtıldı. Bu araçlar, herhangi bir işletme sahibi, pazarlamacı veya geliştirici tarafından sitenin miktarını ve deneyimini artırmak için kullanılabilir ve iyileştirme fırsatlarını belirleyebilirler.
Temel Web Verileri ve Deniz Feneri
Önemli Web Verileri ve Deniz Feneri arasındaki fark, her iki aracın da Google tarafından tanıtılması ve Önemli Web Verileri tarafından sunulan üç ölçümün, açıkken LCP (En Büyük İçerikli Boyama), FID (İlk Giriş Ekranı), CLS (Kümülatif Düzen Kayması) olmasıdır. Öte yandan, Google Lighthouse'un da üç metriği vardır ve bunların ikisi, LCP (En Büyük İçerikli Boyama), CLS (Kümülatif Düzen Kaydırma), TBT (Toplam Engelleme Süresi) olan Temel Web Verileriyle aynıdır.
Core Web Vitals, Google tarafından 2020 yılının Mayıs ayında tanıtıldı. Web vitals'ın bir alt kümesidir ve Google'ın tüm web sayfaları için geçerlidir. Ve bu web sayfalarının sahipleri bu araç yardımıyla ölçüyor ve buna göre Google onları ayıklıyor.
Deniz Feneri aracı, Google tarafından 19 Mayıs 2020'de tanıtıldı. Bu araç, temel web hayati değerlerini ölçmek ve ayrıca web sayfalarının kalitesini iyileştirmek veya optimize etmek için oluşturuldu. Araç, web sayfasının URL'sini girdikten sonra kullanılır ve ardından bir dizi kontrol gerçekleştirir ve ardından web sayfasını ayrıntılı bir raporla puanlar.
Önemli Web Verileri ve Deniz Feneri Arasındaki Karşılaştırma Tablosu
| Karşılaştırma Parametreleri | Temel Web Verileri | deniz feneri |
| Ne olduğunu? | Web vitals'ın bir alt kümesidir ve tüm site sahipleri ve Google'ın her yerindeki yüzeyler tarafından ölçülen tüm web sayfalarında geçerlidir. | Web sayfasının kalitesini artırmak için araç |
| Çalışma Yöntemi | Gerçek dünya kullanım verilerine (saha verileri) dayalı olarak web sayfasının performansını gösterir. | Bir dizi kontrol oluşturur ve ardından sayfanın ne kadar iyi performans gösterdiğine ilişkin puanla birlikte ayrıntılı bir rapor gösterilir. |
| tanıtıldı | Mayıs 2020 | 19 Mayıs 2020 |
| Tarafından ölçüldü | Lighthouse aracı, Chrome UX raporu, Chrome DevTools, Search Console, PageSpeed Insights ile ölçülür. | Bunun için böyle bir araç yok. |
| Metrikler | LCP (En Büyük İçerikli Boyama), FID (İlk Giriş Ekranı), CLS (Kümülatif Düzen Kaydırma) | LCP (En Büyük İçerikli Boyama), CLS (Kümülatif Düzen Kaydırma), TBT (Toplam Engelleme Süresi) |
Temel Web Verileri Nedir?
Önemli Web Verileri, Google web sitesinin tamamında bulunan web sayfalarına uygulanan web hayati değerlerinin alt kümesi olarak tanımlanabilir. Bu web sayfaları site sahipleri tarafından ölçülmeli ve daha sonra bunlar Google üzerinden ortaya çıkarılmalıdır. Bu araç Mayıs 2020'de tanıtıldı ve bu araç, web sayfasının performansını gerçek dünya kullanım verilerine veya saha verilerine göre filtreler.
Önemli Web Verileri birçok araçla ölçülebilir ve bunlardan bazıları: Lighthouse aracı, Chrome UX raporu, Chrome DevTools, Search Console ve PageSpeed Insights. Aracın mevcut ölçümleri, kullanıcı deneyimini iyileştirmeye yardımcı olan üç şeye odaklanır: yükleme (LCP), etkileşim (FID) ve görsel yükleme (CLS).
LCP veya En Büyük İçerikli Boyama, web sayfası yükleme performansını ölçer ve 2,5 saniye içinde LCP gerçekleşmelidir. Web sayfasının FID veya İlk Giriş Ekranı etkileşimi ölçer ve bir sayfanın 100 milisaniye veya daha az FID'ye sahip olması gerekir. Bir sayfanın CLS veya Kümülatif Düzen Kayması, görsel yüklemeyi ölçer ve bir sayfanın 0,1 veya daha az CLS'ye sahip olması gerekir. Tüm metrikleri %75'in üzerinde geçen web sayfasının doğru hedef kitleye ulaştığı söyleniyor.
Deniz Feneri nedir?
Lighthouse, Google tarafından tanıtılan ve web sayfasının kalitesini artırmaya yardımcı olan otomatik bir araçtır. Kullanıcılara sağlanan ücretsiz bir araçtır. Araç, sayfa genel performansı, SEO kullanılabilirliği, web sayfasının erişilebilirliği, aşamalı web uygulaması ve en iyi uygulamalar gibi web sayfasının kalitesini iyileştirmek için gereken farklı şeyler hakkında bilgi sağlamaya yardımcı olur.
Deniz feneri araçları, geliştirilecek olan web sayfasının URL'sini kullanır ve ardından üzerinde bir dizi kontrol gerçekleştirir. Araç, web sayfasında puan alır ve sayfanın ne kadar iyi performans gösterdiğine dair ayrıntılı bir rapor üretilir. Ayrıca, Core Web Vitals'ın aksine Lighthouse için herhangi bir ölçüm aracı yoktur.
Google Lighthouse aracı ayrıca, ikisinin Temel Web Verileriyle aynı olduğu ve LCP, CLS ve TBT olan üç ölçüm üzerinde de çalışır. LCP (En Büyük İçerikli Boyama), web sayfasının yükleme deneyimini ölçer ve 2,5 saniye veya daha az puan almalıdır. CLS (Cumulative Layout Swift), web sayfasının görsel yüklemesini ölçer ve 0,10 veya daha az puan almalıdır. TBT (Toplam Engelleme Süresi), web sayfasının yanıt verme hızını ölçer. FID ile bir ilişkisi vardır.
Önemli Web Verileri ve Deniz Feneri Arasındaki Temel Farklar
Çözüm
Herhangi bir sitenin veya web sayfasının uzun vadeli başarısı, optimize edilmiş bir içerik kalitesi ve web sayfasına sağlıklı trafik getiren diğer özellikleri gerektirir. Aynı şekilde Google, web sayfasının son yıllardaki genel performansını raporlamak için birçok ölçüm aracı oluşturmuş ve kullanıma sunmuştur. Bazı deneyimli geliştiriciler, bu araçları çalışmanın kolay bulduğunu, bazıları ise bunları başa çıkılması zor araçlar olarak değerlendirdi.
Bu araçlar, içeriği ve web sayfasını, içerik kalitesi ve diğerleri ile tamamen optimize edilmiş bir web sayfası yapmak için mümkün olduğunca temizlemek üzere tasarlanmış metriklere dayalı olarak otomatik olarak filtreler. Her iki araç için de ikisinin aynı olduğu (Önemli Web Verileri ve Deniz Feneri) dört metrik vardır, ancak Deniz Feneri aracı durumunda bunlardan biri farklıdır. Metrikler LCP, CLS, FID ve TBT'dir.
Referanslar
- https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
- https://www.mdpi.com/0718-1876/16/5/77
- https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu_Final%20Version%20%281% 29.pdf?sıra=2
- https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf
