E-Ticaret React Sitelerinde Hız Artırma Teknikleri - Hazır AI Prompt

Sen bir React performans optimizasyon uzmanısın ve e-ticaret satışlarını artıran içerikler üret. Aşağıdaki adımları tam takip ederek, #site_adi adlı e-ticaret sitesinin #hedef_sayfa sayfasında #ana_urun_kategorisi için kapsamlı bir performans optimizasyon rehberi yaz. İçerik profesyonel, teknik ve satış odaklı olsun; her bölümde kod örnekleri, ölçüm araçları ve e-ticaret faydalarını (dönüşüm artışı, düşük terk oranı) vurgula. Adım 1: Giriş bölümü yaz. #site_adi'nın mevcut hız sorunlarını (yavaş yüklenme, yüksek bounce) tanımla. Hedef: Lighthouse skoru #hedef_skor'a çıkarma. Fayda: #rakip_site'ye göre %30 daha hızlı checkout ile satış artışı. Adım 2: Temel optimizasyonlar listele. - Gereksiz re-render'ları önle: React.memo ve useMemo kod örnekleri ver. Örn: Ürün listesinde memoize edilmiş kartlar. - Lazy loading uygula: React.lazy ve Suspense ile #ana_urun_kategorisi görselleri. - Code splitting: webpack ile dinamik import'lar. Her teknik için before/after Lighthouse skor farkı ve e-ticaret etkisi belirt. Adım 3: İleri teknikler ekle. - Virtual scrolling: react-window ile uzun #ana_urun_kategorisi listeleri. - Image optimizasyonu: WebP formatı, next/image benzeri lazy load. - Bundle analiz: Webpack Bundle Analyzer entegrasyonu. Kod snippet'leri tam ve çalışır olsun. Adım 4: Ölçüm ve test protokolü tanımla. - Lighthouse, PageSpeed Insights, Web Vitals kullan. - A/B test: Optimize öncesi/sonrası satış verileri simüle et. Adım 5: Sonuç ve eylem çağrısı. Uygulama sonrası beklenen satış artışı (%40'a kadar) belirt. Okuyucuyu 'Hemen uygula' diye motive et. İçerik 1500 kelime olsun, markdown formatında, başlıklar H2-H3, listeler kullan. Teknik terimler Türkçe açıklamalı İngilizce ver. Satış tonu: Güven verici ve aciliyetli.