Ana içeriğe atla
web.dev
Kaynaklar
  • Web Platformu
  • Web platformunu kendi hızınızda keşfedin.
  • HTML
  • CSS
  • JavaScript
  • Kullanıcı deneyimi
  • Daha iyi kullanıcı deneyimleri oluşturmayı öğrenin.
  • Performans
  • Erişilebilirlik
  • Kimlik
  • Bilgi
  • Web geliştirme hakkında bilgi edinin.
  • HTML'yi öğrenme
  • CSS'yi öğrenme
  • JavaScript'i öğrenin
  • Yapay zekayı öğrenin
  • Performans hakkında bilgi edinme
  • Erişilebilirlik hakkında bilgi edinme
  • Diğer kurslar
  • Ek kaynaklar
  • İçerik koleksiyonlarını, kalıpları ve daha fazlasını keşfedin.
  • Yapay zeka ve web
  • Keşfet
  • PageSpeed Insights
  • Podcast'ler ve programlar
  • Geliştirici Bülteni
  • web.dev hakkında
Keşfedin Referans değer Referans Değer nasıl kullanılır? Blog Örnek Olaylar
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
Oturum aç
  • Articles
Yapay zeka ve web Kısa yükleme süreleri Core Web Vitals'ı Öğrenin Kimlik Progresif Web Uygulamaları Ödemeler Bildirimler INP nasıl optimize edilir? Ağ güvenilirliği React Animasyonlar Mini uygulamalar Medya Güvenli ve güvenilir WebAssembly Cihazlar Kolayca bulunabilir Test otomasyonu Angular
web.dev
  • Kaynaklar
    • Diğer
    • Yapay zeka ve web
    • Kısa yükleme süreleri
    • Core Web Vitals'ı Öğrenin
    • Kimlik
    • Progresif Web Uygulamaları
    • Ödemeler
    • Bildirimler
    • INP nasıl optimize edilir?
    • Ağ güvenilirliği
    • React
    • Animasyonlar
    • Mini uygulamalar
    • Medya
    • Güvenli ve güvenilir
    • WebAssembly
    • Cihazlar
    • Kolayca bulunabilir
    • Test otomasyonu
    • Angular
  • Keşfedin
  • Referans değer
  • Referans Değer nasıl kullanılır?
  • Blog
  • Örnek Olaylar
  • Giriş
  • Hız neden önemlidir?
  • Hız nedir?
  • Hız nasıl ölçülür?
  • Nasıl hızlı kalınır?
  • Core Web Vitals
  • Web Vitals
  • Kullanıcı odaklı performans metrikleri
  • Önemli Web Verileri metrik eşiklerini tanımlama
  • Largest Contentful Paint (LCP)
  • Cumulative Layout Shift (CLS)
  • Interaction to Next Paint (INP)
  • Largest Contentful Paint'i Optimize Edin
  • Cumulative Layout Shift'i Optimize Etme
  • Sonraki boyamayla etkileşimi optimize edin
  • Core Web Vitals'ı iyileştirmenin en etkili yolları
  • Google araçlarıyla Önemli Web Verileri iş akışları
  • İşletmelerle ilgili karar mercileri için Önemli Web Verileri'ni optimize etme
  • Saha performansını ölçün
  • Sahadaki performansı incelemek için Chrome Kullanıcı Deneyimi Raporu'nu kullanma
  • Laboratuvar ve alan verileri neden farklı olabilir (ve bu konuda ne yapılmalı?)
  • CrUX verileri neden RUM verilerimden farklı?
  • Kaynak dağıtımınızı optimize edin
  • İlk Bayt Zamanı Optimizasyonu
  • İçerik yayınlama ağları (CDN)
  • Kaynakları önceliklendirin
  • Yükleme hızını iyileştirmek için önemli öğeleri önceden yükleyin
  • Algılanan sayfa hızını iyileştirmek için ağ bağlantılarını erkenden oluşturun
  • Gelecekteki gezinmeleri hızlandırmak için kaynakları önceden yükleme
  • Ses ve video önceden yükleme özelliğiyle hızlı oynatma
  • Ağ kalitesine göre uyarlanabilir sunum
  • Resimlerinizi optimize edin
  • Doğru resim biçimini seçin
  • Doğru sıkıştırma düzeyini seçin
  • Resimleri sıkıştırmak için Imagemin'i kullanma
  • Sayfaların daha hızlı yüklenmesi için animasyonlu GIF'leri videoyla değiştirin
  • Duyarlı resimler yayınlama
  • Resimleri doğru boyutlarda sunma
  • WebP resimlerini kullan
  • Resimleri optimize etmek için resim CDN'lerini kullanma
  • Resimleri ve videoları geç yükleme
  • Web için tarayıcı düzeyinde resim geç yükleme
  • Web yazı tiplerini optimize etme
  • Yazı tipleriyle ilgili en iyi uygulamalar
  • Yazı tipi yüklenirken görünmez metin girmekten kaçınma
  • Web yazı tipi yüklemesini ve oluşturmayı optimize edin
  • Web yazı tipi boyutunu küçült
  • CSS'nizi optimize etme
  • Kritik olmayan CSS'leri ertele
  • CSS'yi küçültün
  • Kritik CSS'leri ayıklama
  • CSS arka plan resimlerini medya sorgularıyla optimize etme
  • Üçüncü taraf kaynaklarınızı optimize edin
  • Üçüncü taraf JavaScript performansı
  • Yavaş üçüncü taraf JavaScript'i tanımlama
  • Üçüncü taraf JavaScript'i verimli bir şekilde yükleyin
  • Etiketler ve etiket yöneticileri için en iyi uygulamalar
  • JavaScript'inizi optimize edin
  • Uzun görevleri optimize edin
  • Sonraki boyamayla etkileşimi optimize edin
  • PRPL kalıbıyla anında yüklemeyi uygula
  • Kod bölmeyle JavaScript yüklerini azaltın
  • Kullanılmayan kodları kaldırın
  • Ağ yüklerini en aza indirin ve sıkıştırın
  • CommonJS paketlerinizi nasıl büyütüyor?
  • Performans kültürü oluşturun
  • Hızın değeri
  • Performans, dönüşümü nasıl artırabilir?
  • Performansı artırmak için neyi ölçmelisiniz?
  • Web sitesi hızını işlevler arası sorunları çözme
  • Site hızı ve işletme metrikleri hakkında
  • Performans bütçeleri belirleyin
  • Performans bütçeleri 101
  • İlk performans bütçeniz
  • Derleme sürecinize performans bütçelerini dahil edin
  • Performans bütçeleri için Lighthouse'u kullanma
  • Travis CI ile paket boyutunu kullanma
  • Performans bütçesi belirlemek için Lighthouse Bot'u kullanma
  • Lighthouse CI ile performans izleme
  • Web Platformu
  • HTML
  • CSS
  • JavaScript
  • Kullanıcı deneyimi
  • Performans
  • Erişilebilirlik
  • Kimlik
  • Bilgi
  • HTML'yi öğrenme
  • CSS'yi öğrenme
  • JavaScript'i öğrenin
  • Yapay zekayı öğrenin
  • Performans hakkında bilgi edinme
  • Erişilebilirlik hakkında bilgi edinme
  • Diğer kurslar
  • Ek kaynaklar
  • Yapay zeka ve web
  • Keşfet
  • PageSpeed Insights
  • Podcast'ler ve programlar
  • Geliştirici Bülteni
  • web.dev hakkında
Google, içerikleri tercih ettiğiniz dile çevirmek için yapay zeka teknolojisini kullanır. Yapay zeka çevirilerinde hata olabilir.
  • Ana Sayfa
  • Articles
  • Kaynaklar
  • Kısa yükleme süreleri

Resimleri optimize etmek için resim CDN'lerini kullanma Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.

Jeremy Wagner
Jeremy Wagner
GitHub LinkedIn Ana sayfa
Katie Hempenius
Katie Hempenius
X
Barry Pollard