<\/span><\/h3>\n\n\n\nGoogle taraf\u0131ndan sunulan bu ara\u00e7, hem mobil hem masa\u00fcst\u00fc performans\u0131 puanlar ve iyile\u015ftirme \u00f6nerileri sunar.<\/p>\n\n\n\n
\u00d6ne \u00e7\u0131kan \u00f6zellikler:<\/strong><\/p>\n\n\n\n\n- LCP, FID, CLS gibi Core Web Vitals verilerini g\u00f6sterir.<\/li>\n\n\n\n
- Kod iyile\u015ftirmeleri ve g\u00f6rsel optimizasyon \u00f6nerileri verir.<\/li>\n<\/ul>\n\n\n\n
<\/span>2. GTmetrix<\/span><\/h3>\n\n\n\nGTmetrix, performans skoru ve ayr\u0131nt\u0131l\u0131 analiz raporlar\u0131yla kullan\u0131c\u0131ya net bilgiler sunar.<\/p>\n\n\n\n
Avantajlar\u0131:<\/strong><\/p>\n\n\n\n\n- Sayfa y\u00fckleme s\u00fcresi, istek say\u0131s\u0131, toplam boyut gibi metrikler.<\/li>\n\n\n\n
- Su gibi akan harita ile hangi \u00f6\u011felerin yava\u015flatt\u0131\u011f\u0131n\u0131 g\u00f6sterir.<\/li>\n\n\n\n
- Test lokasyonu se\u00e7me imk\u00e2n\u0131 vard\u0131r.<\/li>\n<\/ul>\n\n\n\n
<\/span>3. Pingdom Website Speed Test<\/span><\/h3>\n\n\n\nPingdom, kullan\u0131c\u0131 dostu aray\u00fcz\u00fc ve okunabilir performans analiziyle tercih edilir.<\/p>\n\n\n\n
\u00d6zellikleri:<\/strong><\/p>\n\n\n\n\n- Y\u00fcklenme s\u00fcresi, istek listesi, i\u00e7erik t\u00fcr\u00fc analizi.<\/li>\n\n\n\n
- \u00d6ncelikli iyile\u015ftirme yap\u0131lmas\u0131 gereken alanlar\u0131 listeler.<\/li>\n<\/ul>\n\n\n\n
<\/span>4. WebPageTest<\/span><\/h3>\n\n\n\nGeli\u015fmi\u015f kullan\u0131c\u0131lar i\u00e7in detayl\u0131 analizler sunan bir h\u0131z testi arac\u0131d\u0131r.<\/p>\n\n\n\n
Sunduklar\u0131:<\/strong><\/p>\n\n\n\n\n- \u0130lk bayt s\u00fcresi (TTFB)<\/li>\n\n\n\n
- HTTP\/2, TLS, g\u00f6rsel y\u00fckleme s\u0131ras\u0131 (filmstrip view)<\/li>\n\n\n\n
- Mobil cihaz sim\u00fclasyonu<\/li>\n<\/ul>\n\n\n\n
<\/span>5. Lighthouse (Chrome Geli\u015ftirici Ara\u00e7lar\u0131)<\/span><\/h3>\n\n\n\nTaray\u0131c\u0131 \u00fczerinden kullan\u0131labilen Lighthouse, performans d\u0131\u015f\u0131nda eri\u015filebilirlik, SEO ve g\u00fcvenlik gibi alanlar\u0131 da de\u011ferlendirir.<\/p>\n\n\n\n
<\/span>H\u0131z Testi Sonu\u00e7lar\u0131 Nas\u0131l Analiz Edilir?<\/span><\/h2>\n\n\n\n<\/span>1. First Contentful Paint (FCP)<\/span><\/h3>\n\n\n\nKullan\u0131c\u0131n\u0131n ilk kez sayfada bir i\u00e7erik g\u00f6rd\u00fc\u011f\u00fc zaman\u0131 belirtir. 1-2 saniye aras\u0131nda olmas\u0131 idealdir.<\/p>\n\n\n\n
<\/span>2. Largest Contentful Paint (LCP)<\/span><\/h3>\n\n\n\nSayfadaki en b\u00fcy\u00fck \u00f6\u011fenin ne kadar s\u00fcrede y\u00fcklendi\u011fini \u00f6l\u00e7er. 2.5 saniyenin alt\u0131nda olmal\u0131d\u0131r.<\/p>\n\n\n\n
<\/span>3. Total Blocking Time (TBT)<\/span><\/h3>\n\n\n\nKullan\u0131c\u0131n\u0131n siteyle etkile\u015fime ge\u00e7meden \u00f6nce ne kadar s\u00fcre bekledi\u011fini g\u00f6sterir. 200 ms alt\u0131nda olmas\u0131 \u00f6nerilir.<\/p>\n\n\n\n
<\/span>4. Cumulative Layout Shift (CLS)<\/span><\/h3>\n\n\n\nSayfa y\u00fcklendikten sonra \u00f6\u011felerin kayma miktar\u0131n\u0131 \u00f6l\u00e7er. 0.1\u2019in alt\u0131nda olmas\u0131 gerekir.<\/p>\n\n\n\n
<\/span>5. Fully Loaded Time<\/span><\/h3>\n\n\n\nSayfan\u0131n tamamen y\u00fcklendi\u011fi toplam s\u00fcredir. 3 saniyenin alt\u0131nda olmas\u0131 idealdir.<\/p>\n\n\n\n
<\/span>Web Sitesi Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?<\/span><\/h2>\n\n\n\n<\/span>1. G\u00f6rselleri Optimize Edin<\/span><\/h3>\n\n\n\nB\u00fcy\u00fck boyutlu g\u00f6rseller web sitesini yava\u015flat\u0131r. WebP format\u0131 kullan\u0131lmal\u0131, gereksiz \u00e7\u00f6z\u00fcn\u00fcrl\u00fckten ka\u00e7\u0131n\u0131lmal\u0131d\u0131r.<\/p>\n\n\n\n
<\/span>2. GZIP ve Brotli S\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131 Etkinle\u015ftirin<\/span><\/h3>\n\n\n\nHTML, CSS ve JS dosyalar\u0131n\u0131n s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131, dosya boyutunu ciddi oranda azalt\u0131r.<\/p>\n\n\n\n
<\/span>3. CSS ve JavaScript Dosyalar\u0131n\u0131 Minify Edin<\/span><\/h3>\n\n\n\nBo\u015fluklar, yorumlar ve gereksiz karakterler temizlenerek dosya boyutlar\u0131 d\u00fc\u015f\u00fcr\u00fclmelidir.<\/p>\n\n\n\n
<\/span>4. CDN (\u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131) Kullan\u0131n<\/span><\/h3>\n\n\n\nCloudflare, BunnyCDN gibi hizmetler ile statik i\u00e7erikler global sunuculardan h\u0131zl\u0131 \u015fekilde iletilir.<\/p>\n\n\n\n
<\/span>5. Lazy Load \u00d6zelli\u011fini Kullan\u0131n<\/span><\/h3>\n\n\n\nSayfada g\u00f6r\u00fcnmeyen g\u00f6rsellerin sonradan y\u00fcklenmesini sa\u011flar, b\u00f6ylece ilk y\u00fckleme h\u0131zlan\u0131r.<\/p>\n\n\n\n
<\/span>6. Cache Mekanizmas\u0131 Uygulay\u0131n<\/span><\/h3>\n\n\n\n\u00d6nbellekleme sayesinde kullan\u0131c\u0131lar, ayn\u0131 sayfaya ikinci kez girdi\u011finde \u00e7ok daha h\u0131zl\u0131 eri\u015fim sa\u011flar.<\/p>\n\n\n\n