Blog’a Dön

Web Sitesi Hızlandırma: Core Web Vitals Rehberi

Web sitesi nasıl hızlandırılır? Core Web Vitals (LCP, INP, CLS), hız ölçümü, görsel optimizasyonu, önbellek, CDN, sunucu cevap süresi ve WordPress.

Nodesty Ekibi4 dk okumaHosting
Koyu Nodesty arka planında Site Speed yazısı ile LCP, INP ve CLS ifadeleri

Web sitesi hızlandırma, sayfalarınızın daha kısa sürede açılması, ziyaretçinin tıklamalarına daha hızlı cevap vermesi ve yüklenirken yerinden oynamaması için yapılan çalışmaların bütünüdür. Hızlı bir site daha fazla ziyaretçiyi tutar, daha fazla satış getirir ve Google'ın sayfa deneyimi sinyallerinde daha iyi sonuç alır. İyi haber şu: Kazancın büyük kısmı birkaç temel adımdan gelir.

Bu rehberde Core Web Vitals ölçütlerini, sitenizin hızını nasıl ölçeceğinizi ve görsellerden önbelleğe, CDN'den sunucu cevap süresine kadar en etkili hızlandırma yöntemlerini anlatıyoruz.

Core Web Vitals nedir?

Google, bir sayfanın kullanıcı deneyimini üç ölçütle değerlendirir:

ÖlçütNeyi ölçer?İyi değer
LCP (Largest Contentful Paint)Sayfadaki en büyük içeriğin ne zaman göründüğü2,5 sn ve altı
INP (Interaction to Next Paint)Tıklama ve dokunmalara ne kadar hızlı cevap verildiği200 ms ve altı
CLS (Cumulative Layout Shift)Sayfa yüklenirken içeriğin ne kadar kaydığı0,1 ve altı

Bunlara ek olarak TTFB (Time to First Byte), yani sunucunun ilk baytı ne kadar sürede gönderdiği, bütün ölçütlerin başlangıç noktasıdır. Sunucu yavaş cevap veriyorsa diğer optimizasyonlar bunu telafi edemez.

Site hızı nasıl ölçülür?

  • PageSpeed Insights: Google'ın ücretsiz aracı. Üst kısımda gerçek kullanıcılardan toplanan verileri, alt kısımda laboratuvar testini ve somut öneriler gösterir.
  • Google Search Console: Core Web Vitals raporu, sitenizdeki hangi sayfa gruplarının iyi, iyileştirilmesi gereken ya da kötü olduğunu gösterir.
  • Tarayıcı geliştirici araçları: Chrome'da F12 ile açılan Lighthouse ve Network sekmeleri, hangi dosyanın ne kadar sürede yüklendiğini ayrıntılı gösterir.

Tek bir ölçüme takılmayın; laboratuvar sonuçları her ölçümde biraz değişir. Değişiklik yapmadan önce ve sonra birkaç ölçüm alıp karşılaştırın.

Görselleri optimize edin

Çoğu sitede sayfa boyutunun en büyük kısmını görseller oluşturur ve en hızlı kazanç buradan gelir:

  • Modern formatlar kullanın. WebP ve AVIF, aynı kalitede JPEG ve PNG'ye göre çok daha küçük dosyalar üretir.
  • Doğru boyutta sunun. 400 piksel genişliğinde gösterilecek bir görsel için 4000 piksellik fotoğraf yüklemeyin. srcset ile farklı ekranlara uygun boyutlar sunun.
  • Genişlik ve yükseklik belirtin. <img> etiketine width ve height eklemek, görsel yüklenirken yer ayrılmasını sağlar ve CLS'yi düşürür.
  • Ekran dışındakileri geç yükleyin. Sayfanın aşağısındaki görsellere loading="lazy" ekleyin. Sayfanın en üstündeki ana görseli (genellikle LCP öğesi) ise geç yüklemeyin; ona fetchpriority="high" vermek LCP'yi iyileştirir.

Önbellek kullanın

Önbellek, her ziyarette aynı işi tekrar yapmamak demektir:

  • Sayfa önbelleği: WordPress gibi dinamik sitelerde her sayfa her ziyarette PHP ve veritabanıyla yeniden oluşturulur. Sayfa önbelleği hazır HTML'i saklar ve doğrudan sunar; TTFB'yi en çok düşüren adımdır. LiteSpeed web sunucusu kullanan hostinglerde LiteSpeed Cache eklentisi bu işi sunucu düzeyinde yapar.
  • Tarayıcı önbelleği: CSS, JavaScript, görsel ve yazı tipi dosyalarına uzun süreli Cache-Control başlıkları vermek, ziyaretçinin bir sonraki sayfada bu dosyaları yeniden indirmemesini sağlar.
  • Nesne önbelleği: Redis gibi bir önbellek, sık tekrarlanan veritabanı sorgularının sonuçlarını bellekte tutar. Yoğun trafikli ve oturum açmış kullanıcıların çok olduğu sitelerde fark yaratır.

JavaScript, CSS ve yazı tiplerini hafifletin

  • Gereksiz JavaScript'i kaldırın. Kullanılmayan eklentiler, kaydırıcılar ve sohbet pencereleri sayfanın etkileşime geç cevap vermesine yol açar ve INP'yi kötüleştirir.
  • Üçüncü taraf betiklerini sınırlayın. Analiz, reklam ve sosyal medya betikleri sizin kontrolünüzde olmayan sunuculardan yüklenir. Gerçekten kullandıklarınızı tutun ve mümkünse defer ya da async ile yükleyin.
  • CSS ve JavaScript'i küçültün. Boşlukları ve yorumları silen küçültme (minify) dosya boyutunu azaltır.
  • Yazı tiplerini azaltın. Her yazı tipi ağırlığı ayrı bir dosyadır. İki ya da üç ağırlıkla yetinin, WOFF2 formatını kullanın ve font-display: swap ile metnin yazı tipi yüklenmeden görünmesini sağlayın.

CDN kullanın

CDN, statik dosyalarınızın kopyalarını ziyaretçilere yakın sunuculardan sunar. Farklı ülkelerden ziyaretçi alan siteler için gecikmeyi belirgin şekilde azaltır ve ana sunucunuzun yükünü hafifletir. CDN'in nasıl çalıştığını ve Cloudflare ile nasıl kurulacağını CDN nedir? yazımızda anlattık.

Sunucu tarafını güçlendirin

Bütün optimizasyonların temeli, sunucunun ne kadar hızlı cevap verdiğidir:

  • Güncel PHP sürümü kullanın. Yeni PHP sürümleri eskilerine göre belirgin şekilde daha hızlıdır. Kontrol panelinden sitenizin desteklediği en güncel sürümü seçin.
  • Hızlı disk ve web sunucusu: NVMe diskler veritabanı sorgularını, LiteSpeed ve Nginx gibi web sunucuları da eşzamanlı istekleri daha hızlı karşılar.
  • HTTP/2 ve HTTP/3: Birçok dosyanın tek bağlantı üzerinden paralel indirilmesini sağlar. Bunun için sitenizin HTTPS ile çalışması gerekir; SSL sertifikası nedir? yazımıza göz atın.
  • Veritabanını temiz tutun. WordPress'te eski yazı revizyonları, spam yorumlar ve süresi dolmuş geçici veriler veritabanını şişirir.
  • Ziyaretçilere yakın bir konum seçin. Sunucunun ziyaretçilerinize uzak olması her isteğe gecikme ekler; mesafenin etkisini Ping nedir? yazımızda anlattık.

WordPress için hızlı kontrol listesi

  1. Güncel bir PHP sürümü seçin.
  2. Bir sayfa önbelleği eklentisi kurun.
  3. Görselleri WebP'ye dönüştüren ve boyutlandıran bir eklenti kullanın.
  4. Kullanmadığınız eklentileri ve temaları silin.
  5. Hafif bir tema seçin; sayfa oluşturucuların çoğu fazladan CSS ve JavaScript yükler.
  6. Veritabanını düzenli olarak temizleyin.

WordPress kurulumu ve ilk ayarlar için WordPress kurulumu rehberimize göz atın.

Nodesty ile hızlı bir temel

Nodesty web hosting paketleri LiteSpeed web sunucusu, NVMe disk ve AMD Ryzen 9 7900 işlemcili sunucularda çalışır; ücretsiz SSL ile sitenizi HTTP/2 üzerinden sunarsınız ve kontrol panelinden PHP sürümünüzü seçebilirsiniz. Daha fazla kontrol isteyen uygulamalar için AMD Ryzen 9 9950X VDS paketlerimiz yüksek tek çekirdek hızıyla düşük sunucu cevap süresi sağlar.

Sıkça Sorulan Sorular

Site hızı Google sıralamasını etkiler mi?

Evet. Google, Core Web Vitals değerlerini sayfa deneyimi sinyallerinden biri olarak kullanır. Hız tek başına iyi bir sıralama getirmez; içerik her zaman önce gelir. Ancak benzer içerikler arasında hızlı ve kullanışlı sayfalar avantaj sağlar, yavaş sayfalar ise ziyaretçi kaybına yol açar.

PageSpeed Insights puanım neden her ölçümde farklı?

Laboratuvar testleri ağ koşullarına, sunucunun o anki yüküne ve reklam gibi üçüncü taraf içeriklere göre değişir. Tek bir ölçüme takılmak yerine birkaç ölçümün ortalamasına ve özellikle sayfanın üst kısmında gösterilen gerçek kullanıcı verilerine (Chrome User Experience Report) bakın.

Mobil puanım masaüstünden neden çok düşük?

PageSpeed Insights mobil testi yavaş bir ağ ve orta düzey bir telefon taklit eder. Büyük görseller, ağır JavaScript ve çok sayıda yazı tipi mobilde çok daha belirgin yavaşlık yaratır. Mobil puanı yükseltmenin en etkili yolları görselleri küçültmek ve gereksiz JavaScript'i kaldırmaktır.

Ucuz hosting sitemi yavaşlatır mı?

Sunucunun cevap süresi (TTFB) her sayfa yüklemesinin başlangıç noktasıdır. Aşırı kalabalık sunucular, yavaş diskler ve eski PHP sürümleri bu süreyi uzatır ve diğer optimizasyonların etkisini sınırlar. NVMe disk, güncel PHP ve LiteSpeed gibi hızlı bir web sunucusu sunan bir hosting sağlam bir temel oluşturur.

Önbellek eklentisi kurduktan sonra site bozuldu, ne yapmalıyım?

Önce önbelleği temizleyin. Sorun devam ederse CSS ve JavaScript birleştirme ve küçültme seçeneklerini tek tek kapatarak hangisinin soruna yol açtığını bulun. Sayfa önbelleği genellikle güvenlidir; sorunların çoğu agresif JavaScript optimizasyonlarından kaynaklanır.

Görseller için WebP mi AVIF mi kullanmalıyım?

İkisi de JPEG ve PNG'ye göre çok daha küçük dosyalar üretir ve güncel tarayıcıların tamamı tarafından desteklenir. AVIF genellikle daha küçüktür ama kodlaması daha yavaştır. Pratikte WebP güvenli ve hızlı bir varsayılandır; görsel optimizasyon eklentileri ikisini de otomatik üretebilir.

Nodesty

Yazar hakkında

Nodesty Ekibi · Altyapı ve Destek

Nodesty ekibi sunucularımızı, ağımızı ve DDoS korumamızı her gün işletir ve müşteri destek taleplerini 7/24 yanıtlar. Bu rehberler o deneyimden yazılır.

İlgili yazılar

Sunucunuzu şimdi başlatın.

Nodesty'nin üstün altyapısı ile projelerinizi özgürce inşa edin ve sınır tanımadan ölçeklendirin.

Nodesty'i DeneyinBize Ulaşın
                                                                                                                                                                                                                            
                                                                                                                                                                                                                            
                                                                                                                                                                                                                            
                                                                                                                             ············································                                                   
                                                ··································································································..........···························                                     
                                       ················..........................................................................................................................··············                             
                                  ·············.................::::::::::::::::::::::::::::::::::::::::::::::....................:::::::::::::::::::::::::::::::::::::::................···········                        
                             ············................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::............·········                     
                         ············.................:::::::::::::::::::::::::::::::::::::::::::::::::::------------::::::::::::::::::::::::::::::----------------:::::::::::::::::::::..........········                  
                    ············......................::::::::::::::::::::::::::::::::::::------------------------------------------------------------------------------------:::::::::::::.........········                
                ··········.............................................::::::::::::::::::-------------==========================================-----------------------------------:::::::::::........·······               
             ········..................:.....................................::::::::::--------=======+++++++++++++++++++++++++++++++++++++=========================------------------::::::::::.......·······              
           ······.........::::::::::::::::::::................................:::::::-----=====++++xxxxxx**************************xxxxxxxxx++++++++++++++===================------------::::::::.......·······             
          ·····.......:::::::::::::::::::::::::::.............................:::::----===+++xxx****%%%%&&&&&&#############&&&&&&&%%%%%*******xxxxxxxx++++++++++++++==============----------:::::::......······             
         ····......::::::::-------------:::::::::::..........................::::---===+++xx***%%%&&&####@@@@@@@@@@@@@@@@@@@@@@@@####&&&&&%%%%*******xxxxxxxxx+++++++++++++===========--------::::::......·····             
        ····.....:::::::--------------------:::::::::.......................::::---===++xxx**%%&&&###@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@###&&&&%%%%%********xxxxxxxxxxx++++++++++++========------::::::.....······            
        ····.....:::::--------------------------::::::::....................::::---===++xx***%%&&&####@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@###&&&&&%%%%%**********xxxxxxxxxxxxx+++++++++=======------:::::.....·····            
        ····....::::::-------=============---------:::::::::................:::::---===+++xx***%%%&&&#####@@@@@@@@@@@@@@@@@@@@@@@@@#####&&&&&%%%%%%*************xxxxxxxxxxxxxx+++++++++======-----:::::....·····            
         ····....:::::-------================---------:::::::::...............:::::----===++++xxx***%%%%&&&&&&#################&&&&&&%%%%%%%*******************xxxxxxxxxxxxxxxxx++++++++======----:::::....·····            
         ·····....:::::--------=================---------::::::::::..............:::::::-----====+++++xxxxxx**************************xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx++++++++=====-----::::....·····            
          ·····.....:::::--------=================----------:::::::::::.................:::::::::-------=============++++++++++++++++++++++++++++++++++++xxxxxxxxxxxxxxxxxxxxxxx++++++++======-----::::....·····            
            ·····.....:::::::----------===========-------------::::::::::::.........................::::::::::::::::::------------------=============+++++++++++++++++++++++++++++++++=======-----::::.....·····            
              ······......:::::::---------------------------------:::::::::::::........................................:::::::::::::::-----------============+++++++++++++++++++++========------:::::.....·····             
                 ······........:::::::::---------------------------:::::::::::::::::...........................................:::::::::::::------------=============================--------::::::.....······              
                    ·········.........:::::::::::::::-------------::::::::::::::::::::::::.......................................::::::::::::::::--------------------------------------::::::::......·······                
                          ··········............::::::::::::::::::::::::::::::::::::::::::::::::::................................::::::::::::::::::::::::::-------------:::::::::::::::.........········                   
                                  ············..................:::::::::::::::::::::::::::::::::::::::::::.........................:::::::::::::::::::::::::::::::::::::................···········                        
                                             ················.............................................................................................................·················                                 
                                                           ······················................................................................···························                                                
                                                                               ·········································································
Nodesty Logo
Geliştirme: Hànzy &Zukrein
Tasarım:Hero Artz

© 2026 Nodesty LLC. Tüm hakları saklıdır.

İletişim