Ana içeriğe atla
Chrome for Developers
Dokümanlar
  • Chrome ile geliştirin
  • Chrome'un nasıl çalıştığını öğrenin, kaynak denemelerine katılın ve Chrome ile her yerde uygulama derleyin.
  • Web Platformu
  • Yalıtılmış web uygulamaları (IWA)
  • İşlemler
  • Otomasyon ve test
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Android'de web
  • Kaynak denemeleri
  • Sürüm notları
  • Verimlilik
  • Web'in en iyi araçlarıyla kullanıcılarınız için en iyi deneyimi oluşturun.
  • DevTools
  • Deniz Feneri
  • Chrome Kullanıcı Deneyimi Raporu
  • Erişilebilirlik
  • Modern Web Rehberi
  • Hazır kitaplıklarımızla işlerinizi daha hızlı ve daha düzgün yapın.
  • Workbox
  • Kuklacı
  • Deneyim
  • Chrome ile güzel ve etkili bir web tasarlayın.
  • Yapay zeka
  • Performans
  • CSS ve kullanıcı arayüzü
  • Kimlik
  • Ödemeler
  • Gizlilik ve güvenlik
  • Kaynaklar
  • Chrome ve Google'dan daha fazlası.
  • Tüm belgeler
  • Referans open_in_new
  • web.dev open_in_new
  • PageSpeed Insights denetimi open_in_new
Örnek olaylar Blog Chrome'daki Yenilikler
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Nederlands
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
Oturum aç
  • Docs
  • Lighthouse
Deniz Feneri Başlama Performans denetimleri Erişilebilirlik denetimleri En iyi uygulamalar denetimleri SEO denetimleri Ajan tabanlı tarama denetimleri
Chrome for Developers
  • Dokümanlar
    • Diğer
    • Deniz Feneri
    • Başlama
    • Performans denetimleri
    • Erişilebilirlik denetimleri
    • En iyi uygulamalar denetimleri
    • SEO denetimleri
    • Ajan tabanlı tarama denetimleri
  • Örnek olaylar
  • Blog
  • Chrome'daki Yenilikler
  • Genel bakış
  • Performans
  • Performans denetimi puanlaması
  • Metrikler
    • İlk Zengin İçerikli Boyama
    • Hız Endeksi
    • Toplam Engelleme Süresi
    • Largest Contentful Paint
    • Cumulative Layout Shift
  • Analizler
    • CSS seçici maliyetleri
    • Doküman isteğiyle ilgili gecikme
    • Yinelenen JavaScript
    • Yazı tipi görüntüleme
    • Zorunlu yeniden düzenleme
    • Resim yayınlamayı kolaylaştırın
    • INP dökümü
    • Düzen kayması sorununun nedenleri
    • LCP dökümü
    • LCP istek keşfi
    • Eski JavaScript
    • Modern HTTP
    • Ağ bağımlılık ağacı
    • DOM boyutunu optimize edin
    • Görüntü alanını mobil cihazlar için optimize edin
    • Oluşturma engelleme istekleri
    • 3. taraflar
    • Verimli önbellek sürelerini kullanın
  • Teşhisler
    • Çok büyük ağ yüklerinden kaçının
    • Birleştirilmemiş animasyonlardan kaçının
    • Ekran dışındaki resimleri ertele
    • Sayfanın geri-ileri önbellekten geri yüklenebildiğinden emin olun
    • İstek sayısını az ve aktarım boyutlarını küçük tutun
    • Üçüncü taraf kaynaklarını hafif bileşenle geç yükleme
    • CSS'yi küçültün
    • JavaScript'i küçült
    • Ana iş parçacığı çalışmasını en aza indirin
    • Önemli istekleri önceden yükleyin
    • JavaScript yürütme süresini azaltın
    • Kullanılmayan CSS'yi kaldırın
    • Kullanıcı Zamanlaması işaretleri ve ölçüleri
  • Kullanımdan Kaldırılan Metrikler
    • Etkileşime Hazır Olma Süresi
    • İlk Anlamlı Boya
    • İlk CPU Boşta
    • Maksimum Olası İlk Giriş Gecikmesi
  • Erişilebilirlik
  • Erişilebilirlik denetimi puanlaması
  • Manuel kontroller
    • Özel kontrollerde ARIA rolleri var
    • Özel denetimlerle ilişkilendirilmiş etiketler var
    • Sıkışmış kullanıcı odağı
    • Etkileşimli kontroller klavyeye odaklanır
    • Etkileşimli öğeler, amaçlarını ve durumlarını belirtir
    • Sayfada mantıksal bir sekme sırası vardır
    • Kullanıcının odağı sayfaya eklenen yeni içeriğe yönlendirilir
    • Ekran dışı içerik yardımcı teknolojiden gizlendi
    • Gezinmeyi iyileştirmek için HTML5 önemli nokta öğeleri kullanılır
    • Sayfadaki görsel sıra DOM sırasını takip eder
  • Erişilebilirlik hakkında bilgi edinme
  • En iyi uygulamalar denetimi
  • Genel en iyi uygulamalar
    • Sayfada HTML DOCTYPE eksik, bu nedenle Quirks modunu tetikliyor.
    • Tarayıcı hataları konsola kaydedildi
    • Yanlış en boy oranına sahip resimler görüntülüyor
    • Karakter kümesi beyanı eksik veya HTML'de çok geç gerçekleşiyor
  • Sayfanızı hızlandırın
    • document.write() işlevini kullanır
    • Kaydırma performansını artırmak için pasif işleyicileri kullanma
  • Sayfanızı güvenli hale getirme
    • Çapraz kaynak hedeflerine bağlantılar güvenli değildir
    • Bilinen güvenlik açıklarına sahip JavaScript kitaplıkları kullanıcı arabirimi içeriyor
    • XSS saldırılarına karşı CSP'nin etkili olduğundan emin olun
    • HTTPS kullanmıyor
    • HTTP trafiğini HTTPS'ye yönlendirmiyor
    • Güçlü bir HSTS politikası kullanın
    • XFO veya CSP ile tıklama tuşuyla saldırıyı azaltma
    • Güvenilir Türler ile DOM tabanlı XSS'yi azaltma
  • İyi bir kullanıcı deneyimi yaratın
    • Sayfa yüklemede bildirim izni istiyor
    • Sayfa yüklemede coğrafi konum izni istiyor
    • Kullanıcıların giriş alanlarına yapıştırma yapmasını engeller
  • Kullanımdan kaldırılan teknolojilerden kaçınma
    • Uygulama Önbelleği Kullanır
    • Kullanımdan kaldırılan API'leri kullanıyor
  • Teşhis denetimleri
    • JavaScript kitaplıkları algılandı
    • Baseline Özellikleri
  • SEO
  • Arama motorlarının içeriğinizi anlamasına yardımcı olun
    • Doküman meta tanım içermiyor
    • Bağlantılar açıklayıcı metin içermiyor
    • Doküman geçerli bir hreflang öğesi içermiyor
    • Doküman geçerli bir rel=canonical içermiyor
  • Arama motorlarının tarayıp dizine eklemesine yardımcı olma
    • Sayfa başarısız bir HTTP durum koduna sahip
    • robots.txt geçerli değil
    • Doküman eklenti kullanıyor
  • Mobil uyumlulukla ilgili değişiklikler
    • Dokümanda okunabilir yazı tipi boyutları kullanılmıyor
    • Dokunma hedefleri uygun boyutta değil
  • Manuel kontroller
    • Yapılandırılmış veri geçerli
  • Ajan tabanlı tarama
  • Ajan tabanlı tarama puanlaması
  • WebMCP entegrasyonu
    • Kayıtlı WebMCP araçları
    • Bildirime dayalı WebMCP'nin eksik olduğu formlar
    • WebMCP şemasının geçerliliği
  • Keşfedilebilirlik
    • llms.txt
  • Erişilebilirlik
    • Ajanlar için erişilebilirlik
  • Düzen kararlılığı
    • Düzen kararlılığı
  • Taşıma işlemleri
  • Lighthouse v3 Taşıma Kılavuzu
  • Chrome ile geliştirin
  • Web Platformu
  • Yalıtılmış web uygulamaları (IWA)
  • İşlemler
  • Otomasyon ve test
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Android'de web
  • Kaynak denemeleri
  • Sürüm notları
  • Verimlilik
  • DevTools
  • Deniz Feneri
  • Chrome Kullanıcı Deneyimi Raporu
  • Erişilebilirlik
  • Modern Web Rehberi
  • Workbox
  • Kuklacı
  • Deneyim
  • Yapay zeka
  • Performans
  • CSS ve kullanıcı arayüzü
  • Kimlik
  • Ödemeler
  • Gizlilik ve güvenlik
  • Kaynaklar
  • Tüm belgeler
  • Referans <span aria-hidden="true" class="material-icons" style="font-size: 12px;" translate="no">open_in_new</span>
  • web.dev <span aria-hidden="true" class="material-icons" style="font-size: 12px;" translate="no">open_in_new</span>
  • PageSpeed Insights denetimi <span aria-hidden="true" class="material-icons" style="font-size: 12px;" translate="no">open_in_new</span>
Google, içerikleri tercih ettiğiniz dile çevirmek için yapay zeka teknolojisini kullanır. Yapay zeka çevirilerinde hata olabilir.
  • Ana Sayfa