Web Performansı: Sayfa Hızını Artırma Teknikleri

Web sitenizin hızını artırmak hem kullanıcı deneyimini iyileştirir hem de SEO puanınızı yükseltiyor.

Görsel Optimizasyonu

<!-- (c) CodeMareFi - codemarefi.com.tr -->
<!-- WebP formatını kullan -->
<picture>
  <source srcset='görsel.webp' type='image/webp'>
  <img src='görsel.jpg' alt='Açıklama' loading='lazy'>
</picture>

JavaScript Optimizasyonu

// (c) CodeMareFi - codemarefi.com.tr
// Lazy loading ile modulleri yükle
const agirModul = await import('./agir-modul.js');

// Debounce ile gereksiz çağrıları önle
function debounce(fn, delay) {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => fn(...args), delay);
  };
}
const aramaYap = debounce((q) => fetch('/api/ara?q=' + q), 300);