Yükleniyor

Browser Cache Nedir?

Bilgi Merkezi / Browser Cache Nedir?

Browser Cache Nedir?

Giriş

Browser Cache (Tarayıcı Önbelleği), web tarayıcısının daha önce ziyaret edilen web sitelerinden indirdiği kaynakları (resimler, CSS, JavaScript dosyaları, fontlar vb.) yerel olarak saklayarak tekrar ziyaretlerde sunucudan yeniden indirmeden kullanmasını sağlayan bir HTTP mekanizmasıdır.

Bu sayede sayfa yüklenme süreleri dramatik şekilde azalır, bant genişliği tasarrufu sağlanır ve sunucu yükü önemli ölçüde düşer. İyi yapılandırılmış bir tarayıcı önbellekleme stratejisi, modern web performansının temel taşlarından biridir.

Tarayıcı Önbelleği Nasıl Çalışır?

Tarayıcı bir kaynağı ilk kez indirdiğinde, yanıt başlıklarında yer alan önbellekleme talimatlarına (özellikle Cache-Control) göre bu kaynağı yerel önbelleğine kaydeder.

Fresh (Taze): Belirtilen süre (max-age) dolmamışsa doğrudan önbellekten servis edilir
Stale (Eski): Süre dolduğunda doğrulama (revalidation) yapılır
Revalidation: Tarayıcı sunucuya koşullu istek gönderir (If-None-Match veya If-Modified-Since), değişmemişse 304 Not Modified döner

Browser Cache Nedir başlığını temsil eden, tarayıcıda önbellek mekanizmasını gösteren illüstrasyon

Tarayıcı Önbellek Mekanizması – Fresh vs Stale

En Önemli Cache Başlıkları

Cache-Control: En güçlü ve modern başlık — max-age, no-cache, no-store, private/public, immutable, stale-while-revalidate gibi direktifler içerir
ETag: İçeriğin versiyonunu temsil eden benzersiz hash (tercih edilen doğrulama yöntemi)
Last-Modified: Dosyanın son değişiklik tarihi (ETag ile birlikte kullanılması önerilir)
Expires: Eski yöntem — mutlak son kullanma tarihi (max-age varken genellikle göz ardı edilir)

En İyi Uygulamalar (Timeless Best Practices)

1. Statik ve değişmeyen kaynaklar için (JS, CSS, resimler, fontlar):

Cache-Control: public, max-age=31536000, immutable
URL fingerprinting/versioning kullanın (ör: style.abcdef123.css)

2. HTML ve dinamik içerik için:

Cache-Control: no-cache, private
+ ETag ve/veya Last-Modified ile koşullu doğrulama

3. Çok sık değişmeyen ama biraz gecikme kabul edilebilir kaynaklar için:

Cache-Control: max-age=3600, stale-while-revalidate=60

Browser Cache vs Diğer Önbellek Türleri

Önbellek Türü	Konum	Kontrol
Browser Cache	Kullanıcının cihazı	Cache-Control + ETag
CDN / Proxy Cache	Ağ üzerinde	s-maxage + Cache-Control
Service Worker Cache	Tarayıcı (programlanabilir)	Cache API

Sıkça Sorulan Sorular (FAQ)

Cache neden bazen güncellenmiyor?

Çok uzun max-age + immutable kullanıldığında ve URL değişmediğinde tarayıcı dosyayı hiç kontrol etmez. Çözüm: Cache busting (versiyon/fingerprint)

ETag mi Last-Modified mi daha iyi?

ETag genellikle daha güvenilirdir (içerik hash’i). İkisini birlikte göndermek en iyi yaklaşımdır.

Cache'i nasıl temizlerim?

Kullanıcı tarafında: Ctrl+Shift+R (hard refresh) veya tarayıcı ayarlarından. Geliştirici tarafında: Yeni versiyonlu URL yayınlayın.

Sonuç

Tarayıcı önbellekleme, web performans optimizasyonunun en etkili ve en az maliyetli yollarından biridir. Doğru Cache-Control direktifleri, ETag kullanımı ve cache-busting stratejileri ile sitenizin tekrar ziyaretlerde ışık hızında açılmasını sağlayabilirsiniz.

Site Tasarım TR olarak tüm projelerimizde modern ve güvenli tarayıcı önbellekleme stratejileri uyguluyoruz. Sitenizin hızını maksimuma çıkarmak için bize ulaşın.

Diğer İçerikler

Web Araçları

PDF Ayırıcı (Sayfa Bölme)

Tek PDF dosyasını istediğiniz sayfalara ayırın. Belirli sayfaları seçin veya aralık belirleyin, saniyeler içinde yeni PDF’ler oluşturun – tamamen tarayıcıda!

PDF & DokümanYeni

QR Kod Oluşturucu

URL, Wi-Fi, vCard, metin gibi verilerinizi saniyeler içinde özelleştirilebilir QR koda çevirin. Logo, renk ve SVG/PNG indirme desteği.

QR & PaylaşımPopüler

PDF Küçültücü & Sıkıştırıcı

PDF dosyalarınızı kalite kaybı minimumda %50-90 küçültün. Dosya boyutu seçimi, sayfa optimizasyonu ve tamamen tarayıcıda işlem – sunucuya yükleme yok!

PDF & DokümanPopüler

Alarm Saati & Hatırlatıcı

Tarayıcınızda saniyeler içinde alarm kurun. Sabah uyanma, toplantı hatırlatması, mola zamanı veya "yatma vakti" için ideal. Birden fazla alarm, özelleştirilebilir sesler, bildirim desteği ve kolay erteleme.

Günlük VerimlilikHer Gün Kullan

Renk Seçici

Web tasarımlarınız için renk paletleri oluşturun ve HEX, RGB kodlarını alın.

Web TasarımAraç

Markdown Editor

Markdown metinlerinizi yazın ve anında canlı HTML önizlemesini görün. Başlıklar, listeler, kod blokları ve daha fazlası. Tarayıcıda, hızlı ve ücretsiz!

Web AraçlarıYeni

Web Editor

HTML ve CSS kodlarınızı yazın, düzenleyin ve canlı önizlemeyi görün. Hızlı prototipleme ve öğrenme için ideal.

Kod & GeliştirmeCanlı Düzenleyici

Base64 Encoder & Decoder

Metin ve görselleri Base64 formatına dönüştürün veya Base64 kodunu çözün. API geliştirme ve veri aktarımı için vazgeçilmez.

Kod & GeliştirmeGeliştirici

CSS Oluşturucu

CSS kodlarınızı otomatik oluşturun: gölgeler, gradyanlar ve daha fazlası.

Web TasarımÜcretsiz

Emoji Seçici

1800+ Unicode emoji ile web tasarımlarınıza duygusal ifadeler ekleyin. Arama, kategori filtreleme ve 5 favori grubu.

Emoji & İçerikÜcretsiz