Web Performansi: Sayfa Hizini Artirma Teknikleri

Web sitenizin hizini artirmak hem kullanici deneyimini iyilestirir hem de SEO puaninizi yukseltiyor.

Gorsel Optimizasyonu

<!-- (c) CodeMareFi - codemarefi.com.tr -->
<!-- WebP formatini kullan -->
<picture>
  <source srcset='gorsel.webp' type='image/webp'>
  <img src='gorsel.jpg' alt='Aciklama' loading='lazy'>
</picture>

JavaScript Optimizasyonu

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

// Debounce ile gereksiz cagrilari onle
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);