web.dev, web üzerinde öğrenmek, oluşturmak ve çözmek için tüm arka plan geliştiricileri için nihai kaynaktır. Bu sadece geliştiricileri eğitmek değil, aynı zamanda üzerinde çalıştıkları herhangi bir siteye, kişisel veya ticari olarak öğrendiklerine uygulamalarına yardımcı olmaktır.
web.dev, yüksek kalite deneyimleri oluşturmayı kolaylaştıracak olursak, web üzerinde kullanıcılar ve geliştiriciler için daha anlamlı bir etkileşim sağlayacağına inanıyordu. Basitçe söylemek gerekirse, web’in daha iyi hale getirilmesinin tek yolunun, başarılı olan inşaalara yardım etmemiz gerektiğinin farkına vardık.
İçindekiler
Web.dev’de ne var?
A. Tedbir
Herhangi bir web sayfasında teşhis çalıştırmak için açık kaynaklı, otomatik bir araç olan Lighthouse’u kullanmak, web sayfanızın kalitesini nasıl ve nerede iyileştirmeye başlayacağınızı anlamanıza yardımcı olacaktır.
-
Web sayfanızı denetleyin
Herhangi bir URL sağlayın ve sayfanın ne kadar iyi olduğuna dair bir rapor oluşturan bir dizi denetleme gerçekleştirin.
-
İyileştirmeleri analiz et
Sayfanızın geliştirilebileceği alanları belirlemek için denetim raporunu gözden geçirin.
-
Bunu nasıl düzelteceğinizi öğrenin
Her bir denetim için puanlarınızı iyileştirmek için yapabileceğiniz rehberlik ve acil adımlar bulacaksınız.
Web.dev ile neleri test edebilirsiniz?
Performans
İlk boya ve süreyi ölçmek için etkileşime girme zamanı gibi ölçümler için denetimler.
Sitenizin ve sayfalarınızın hız endeksi, etkileşimli zamanı, tahmini girdi gecikmesi gibi metrikleri ölçebilirsiniz.
Sitenizin yüklenmesinde ilk renkli ekranın ve tam olarak yüklenme sürelerini görebilirsiniz.
Sitenizdeki CSS dosyalarınızın durumunu ve küçültmedeki tasarrufu öğrenebilirsiniz.
PWA
Sayfanızı Temel Aşamalı Web Uygulama Kontrol Listesi’ne göre değerlendirir.
En İyi Uygulamalar
HTTPS kullanımından görüntü en boy oranlarına kadar her şeyi arar.
HTTP uzantılı bağlantılarınızı ve bilinen güvenlik açıklarını görebilirsiniz
SEO
Sitenizin keşfedilebilir olduğundan emin olmak için en iyi uygulamaları kontrol eder.
Sitenizin ya da sayfalarınızın mobil uyumluluk testini yapabilirsiniz.
Yapılandırılmış veri testini gerçekleştirebilirsiniz.
Sitenizin title, description, canonical link testi yapabilirsiniz.
Sayfalarınızda indeksleme engeli olup olmadığını test edebilirsiniz.
Robots.txt. dosyanızın geçerli olup olmadığını test edebilirsiniz.
Ulaşılabilirlik
Kullanıcıların içeriğinize erişmesini engelleyebilecek yaygın sorunlar olup olmadığını kontrol eder.
İçeriklerinizin okunabilmesi için renk kontrast testini yapabilirsiniz.
HTML’nizin uygun şekilde yapılandırıldığını test edebilirsiniz.
Bağlantıların fark edilebilmesi için ayrıştırıcı ad kullanıp kullanmadığınızı test edebilirsiniz.
B. Sorgulama
Daha iyi bir web oluşturmanın temel prensipleri etrafında düzenlenmiş, sitenizi nasıl daha iyi hale getirebileceğinizi ve hatta bunu nasıl yapabildiğinizi anlamanıza yardımcı olacak kapsamlı bir kılavuzdur.
Web.dev ile sitenizi test emek için tıklayınız: https://web.dev/measure