Core Web Vitals<\/strong>, Google\u2019\u0131n web sitelerinin performans\u0131n\u0131 \u00f6l\u00e7mek i\u00e7in kulland\u0131\u011f\u0131 metriklerdir. 3 metrikten olu\u015fan Core Web Vitals; sayfa i\u00e7eri\u011finin ne kadar h\u0131zl\u0131 y\u00fcklendi\u011fi, bir web sayfas\u0131n\u0131 y\u00fckleyen bir taray\u0131c\u0131n\u0131n kullan\u0131c\u0131ya ne kadar h\u0131zl\u0131 yan\u0131t verdi\u011fi ve i\u00e7eri\u011fin taray\u0131c\u0131da y\u00fcklenirken ne kadar de\u011fi\u015fken oldu\u011fu gibi de\u011ferleri puanlar. Genel olarak kullan\u0131c\u0131lar\u0131n web siteleri ile ne kadar h\u0131zl\u0131 etkile\u015fime girebilece\u011fini kapsayan \u00f6l\u00e7\u00fcmlerden olu\u015fan Core Web Vitals, kullan\u0131c\u0131 deneyimini iyile\u015ftirmek i\u00e7in odaklan\u0131lmas\u0131 gereken metriklerdir.<\/p>\n\n\n\n Core Web Vitals, kullan\u0131c\u0131 deneyiminin \u00fc\u00e7 ana alan\u0131 i\u00e7in bir \u00f6l\u00e7\u00fcm olu\u015fturarak kullan\u0131c\u0131 deneyimi sorunlar\u0131n\u0131 tan\u0131mlar. Sayfa y\u00fckleme performans\u0131, etkile\u015fim kolayl\u0131\u011f\u0131, kullan\u0131c\u0131n\u0131n g\u00f6z\u00fcnden bir sayfan\u0131n g\u00f6rsel dengesi gibi kullan\u0131c\u0131 deneyimini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde etkileyen fakt\u00f6rler \u00f6l\u00e7\u00fclerek sayfa optimizasyonu yap\u0131labilir. Core Web Vitals, \u00fc\u00e7 spesifik kullan\u0131c\u0131 etkile\u015fimi \u00f6l\u00e7\u00fcm\u00fcnden olu\u015fmaktad\u0131r. Bu \u00f6l\u00e7\u00fcmler Largest Contentful Paint, First Input Delay ve Cumulative Layout Shift<\/strong> olarak s\u0131ralanabilir.<\/p>\n\n\n\n Core Web Vitals\u2019i olu\u015fturan metriklerin her biri kullan\u0131c\u0131 deneyiminin \u00fc\u00e7 farkl\u0131 y\u00f6n\u00fcne odaklanmaktad\u0131r.<\/p>\n\n\n\n LCP, bir sayfan\u0131n y\u00fcklenme h\u0131z\u0131n\u0131 \u00f6l\u00e7er. \u0130yi bir kullan\u0131c\u0131 deneyimi sa\u011flamak i\u00e7in LCP, sayfan\u0131n ilk y\u00fcklenmeye ba\u015flad\u0131\u011f\u0131 andan itibaren 2,5 saniye i\u00e7erisinde ger\u00e7ekle\u015fmelidir. Bir web sayfas\u0131n\u0131n ana g\u00f6r\u00fcn\u00fcm alan\u0131ndaki en b\u00fcy\u00fck boyuta sahip i\u00e7erik \u00f6\u011fesinin \u00f6l\u00e7\u00fcm\u00fc LCP taraf\u0131ndan sa\u011flan\u0131r. Yani LCP, web sayfalar\u0131n\u0131n ana i\u00e7eri\u011finin y\u00fcklenme h\u0131z\u0131n\u0131 kontrol amac\u0131 ile ba\u015fvurulan bir \u00f6l\u00e7\u00fcmd\u00fcr.<\/p>\n\n\n\n Largest Contentful Paint ile ilgili detayl\u0131 bilgilere buradaki<\/a> blog yaz\u0131m\u0131zdan ula\u015fabilirsiniz.<\/p><\/blockquote>\n\n\n\n FID, web sitelerinin bir kullan\u0131c\u0131 taraf\u0131ndan yap\u0131lan ilk etkile\u015fimine yan\u0131t verme h\u0131z\u0131n\u0131 \u00f6l\u00e7er. \u0130yi bir kullan\u0131c\u0131 deneyimi sunmak i\u00e7in sayfalar\u0131n First Input Delay s\u00fcresi 100 milisaniye veya daha az olmal\u0131d\u0131r. FID, kullan\u0131c\u0131lar bir web sitesine girmeye \u00e7al\u0131\u015ft\u0131\u011f\u0131 zaman web sitesinin ne kadar s\u00fcre i\u00e7erisinde yan\u0131t verdi\u011fini Google\u2019a bildirir. Bu veriler \u00fczerinden bir FID puan\u0131 belirlenir. Belirlenen puan, web sitelerinin Google arama sonu\u00e7lar\u0131 aras\u0131ndaki s\u0131ralamas\u0131n\u0131 etkiler.<\/p>\n\n\n\n Cumulative Layout Shift ile web sayfalar\u0131n\u0131n g\u00f6rsel olarak dengeli ve kararl\u0131 bir hale gelmesinin ne kadar vakit ald\u0131\u011f\u0131 \u00f6l\u00e7\u00fcl\u00fcr. \u0130yi bir kullan\u0131c\u0131 deneyimi sunmak i\u00e7in sayfalar\u0131n CLS de\u011feri 0.1 veya daha az olmal\u0131d\u0131r. CLS, web sitesinin d\u00fczeninin istenmeyen bir \u015fekilde de\u011fi\u015fmesi ve kaymas\u0131 gibi durumlar\u0131 \u00f6l\u00e7er. Web sitelerinin tasar\u0131m d\u00fczeni, otomatik bir \u015fekilde yeniden boyutland\u0131r\u0131lan g\u00f6rsel, reklam veya ara\u00e7lar ile bozulabilir. Bu d\u00fczensizlikler ve kaymalar CLS \u00f6l\u00e7\u00fcm\u00fc ile saptan\u0131r.<\/p>\n\n\n\n Core Web Vitals, Google\u2019\u0131n internet \u00fczerinde etkileyici bir kullan\u0131c\u0131 deneyimi sunmak i\u00e7in gerekli olan kalite fakt\u00f6rlerini belirlemek ad\u0131na sa\u011flad\u0131\u011f\u0131 bir giri\u015fimdir. Arama sonu\u00e7lar\u0131n\u0131n iyile\u015ftirilmesine yard\u0131mc\u0131 olan Core Web Vitals, ayn\u0131 zamanda bir web sitesinin g\u00f6sterdi\u011fi performans\u0131n seviyesini anlamas\u0131na ve geli\u015ftirebilece\u011fi alanlar\u0131 g\u00f6rmesine olanak tan\u0131r. Y\u00fcklenme h\u0131z\u0131, etkile\u015fim ve g\u00f6rsel kararl\u0131l\u0131k; Google\u2019\u0131n bir web sitesinin performans\u0131n\u0131 \u00f6l\u00e7mek i\u00e7in dikkate ald\u0131\u011f\u0131 fakt\u00f6rlerden birka\u00e7\u0131d\u0131r. Google algoritmalar\u0131nda dikkate al\u0131nan fakt\u00f6rlerden bir di\u011feri de mobil uyumluluktur. <\/p>\n\n\n\n \u00d6zellikle g\u00fcn\u00fcm\u00fczde \u00e7ok say\u0131da insan web sitelerine eri\u015fmek i\u00e7in mobil cihazlar\u0131n\u0131 kullan\u0131yorlar. E\u011fer kullan\u0131c\u0131lar\u0131n eri\u015fmeye \u00e7al\u0131\u015ft\u0131\u011f\u0131 web siteleri mobil uyumlu de\u011filse, b\u00fcy\u00fck say\u0131da eri\u015fim ve trafik kaybediliyor olabilir. Her ne kadar Google algoritmalar\u0131 taraf\u0131ndan s\u0131ralama belirleyici olarak yakla\u015f\u0131k 200 fakt\u00f6r dikkate al\u0131nsa da; Core Web Vitals, sayfa deneyimi puan\u0131n\u0131n b\u00fcy\u00fck bir b\u00f6l\u00fcm\u00fcn\u00fc olu\u015fturmaktad\u0131r. Google\u2019a g\u00f6re iyi bir sayfa deneyimi kaliteli bir i\u00e7eri\u011fi alt edemeyebiliyor. Fakat kalite a\u00e7\u0131s\u0131ndan benzer i\u00e7eriklere sahip web siteleri ele al\u0131nd\u0131\u011f\u0131nda sayfa deneyiminin s\u0131ralama konusunda belirleyici bir fakt\u00f6r olaca\u011f\u0131 g\u00f6z ard\u0131 edilemez.<\/p>\n\n\n\n Core Web Vitals, Google\u2019\u0131n son derece \u00f6nem verdi\u011fi kullan\u0131c\u0131 deneyiminin \u00f6l\u00e7\u00fcmlenmesinde kritik bir rol oynar. Dolay\u0131s\u0131 ile web siteleri ve SEO<\/strong> d\u00fcnyas\u0131 i\u00e7in b\u00fcy\u00fck bir \u00f6neme sahiptir. Core Web Vitals, web sitelerinin tan\u0131n\u0131rl\u0131k edinmesine, d\u00fczenli ve temiz kalmas\u0131na yard\u0131mc\u0131 olur. Web sitelerinin g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc ve taray\u0131c\u0131daki s\u0131ralamas\u0131n\u0131 geli\u015ftirmeye olanak sa\u011flarken, ayn\u0131 zamanda kullan\u0131c\u0131lara daha sorunsuz bir deneyim sunar.<\/p>\n\n\n\n Web sitenizin Core Web Vitals performans\u0131n\u0131 iyile\u015ftirmek i\u00e7in ad\u0131mlar atmaya ba\u015flamadan \u00f6nce sitenizin mevcut durumu hakk\u0131nda fikir sahibi olman\u0131zda fayda vard\u0131r. B\u00f6ylelikle sayfa deneyimi performans\u0131 iyile\u015ftirme \u00e7al\u0131\u015fmalar\u0131na nereden ba\u015flamak gerekti\u011fi tespit edilebilir. Ayr\u0131ca web sitenizin kullan\u0131c\u0131 deneyimi ve performans a\u00e7\u0131s\u0131ndan ilerlemesini de takip edebilirsiniz. Core Web Vitals puanlar\u0131n\u0131 d\u00fczenli olarak kontrol etmek ve de\u011ferlendirmek de web sitesi bak\u0131m\u0131n\u0131n \u00f6nemli ad\u0131mlar\u0131ndan biridir. <\/p>\n\n\n\n Web sitelerinin Core Web Vitals de\u011ferlerini \u00f6l\u00e7mek i\u00e7in uygulanabilecek birden fazla yol vard\u0131r. PageSpeed Insights, Search Console ve Chrome User Experience Report bu yollardan baz\u0131lar\u0131d\u0131r. Fakat \u00f6nerilen ve en \u00e7ok tercih edilen \u00f6l\u00e7\u00fcm yolu PageSpeed Insights kullanmakt\u0131r.<\/p>\n\n\n\n PageSpeed Insights kullanarak web sitenizin Core Web Vitals de\u011ferlerini \u00f6l\u00e7mek i\u00e7in \u00f6ncelikle https:\/\/pagespeed.web.dev\/ <\/a>adresine gidilir. Sayfada yer alan bo\u015f alana analizi yap\u0131lmak istenen web sitesinin url adresi yaz\u0131l\u0131r. Analiz i\u015flemi tamamland\u0131ktan sonra web sitesinin hem masa\u00fcst\u00fc hem de mobil cihazlardaki performans\u0131 ile ilgili de\u011ferlendirmeler g\u00f6r\u00fcnt\u00fclenebilir. Tamamlanan analiz i\u015flemi ile Core Web Vitals \u00f6l\u00e7\u00fcmlerinin bir \u00f6zeti de elde edilir. Analiz sonu\u00e7lar\u0131na daha detayl\u0131 g\u00f6z atmak i\u00e7in metrikler b\u00f6l\u00fcm\u00fcne bak\u0131lmal\u0131d\u0131r. Bu b\u00f6l\u00fcmde LCP, FID ve CLS puanlar\u0131 yer al\u0131r. Hedeflenmesi gereken puanlar \u015fu \u015fekilde olmal\u0131d\u0131r:<\/p>\n\n\n\n PageSpeed Insights \u00f6l\u00e7\u00fcmleri sonucunda hedeflenen puanlara eri\u015filememesi durumunda web sitesi \u00fczerinde belirli iyile\u015ftirmeler yapmak gerekir. PageSpeed Insights analizi tamamland\u0131ktan sonra sonu\u00e7lar sayfas\u0131nda, site \u00fczerinde yap\u0131labilecek iyile\u015ftirmelere dair \u00f6neriler bulunabilir.Puan\u0131n\u0131z\u0131 art\u0131rmak ve web sitenizin kullan\u0131c\u0131 deneyimini iyile\u015ftirmek i\u00e7in kullanabilece\u011finiz bu \u00f6neriler, PageSpeed Insights taraf\u0131ndan sa\u011flan\u0131r.\u00a0<\/p>\n\n\n\n Core Web Vitals performans\u0131n\u0131z\u0131 iyile\u015ftirirken web sitenizin CWV analizini yapt\u0131\u011f\u0131n\u0131z test ara\u00e7lar\u0131 taraf\u0131ndan sa\u011flanan \u00f6nerilere dikkat etmek \u00f6nemlidir. Web sitenizin performans\u0131n\u0131 iyile\u015ftirmek i\u00e7in at\u0131lacak ad\u0131mlar\u0131n analiz sonu\u00e7lar\u0131na g\u00f6re belirlenmesi gerekti\u011fini unutmamakta fayda vard\u0131r. Dolay\u0131s\u0131 ile PageSpeed Insights veya di\u011fer test ara\u00e7lar\u0131 ile yap\u0131lan testler sonucunda web sitenizde d\u00fc\u015f\u00fck puana sahip metrikler de\u011ferlendirilmelidir. Bunun sonucunda kullan\u0131c\u0131 deneyimini ve sayfa performans\u0131n\u0131 geli\u015ftirmek ad\u0131na ne t\u00fcr bir yol izlenmesi gerekti\u011fi belirlenebilir.<\/p>\n\n\n\n Web sitenizin LCP puan\u0131n\u0131 etkileyen belirli fakt\u00f6rler vard\u0131r. Bu fakt\u00f6rler LCP puan\u0131n\u0131n hedeflenenden farkl\u0131 olmas\u0131na yol a\u00e7abilir. Sunucu yan\u0131t s\u00fcresinin yava\u015f olmas\u0131 LCP puan\u0131n\u0131 d\u00fc\u015f\u00fcren fakt\u00f6rlerden biridir. Bu sorunu ortadan kald\u0131rmak i\u00e7in daha iyi bir sunucuya ge\u00e7i\u015f yapmak gerekir. Kaynaklar\u0131n y\u00fcklenme s\u00fcresinin yava\u015f olmas\u0131, client-side rendering, javascript veya CSS\u2019in sayfan\u0131n render olmas\u0131n\u0131 engellemesi gibi fakt\u00f6rler de LCP puan\u0131n\u0131 d\u00fc\u015f\u00fcr\u00fcr. \u00d6nbellekleme kullanmak, Javascript ve CSS kaynaklar\u0131n\u0131 optimize etmek, g\u00f6rselleri optimize etmek ve client-side renderin optimizasyonu yapmak LCP puan\u0131nda olumlu geli\u015fmeler sa\u011flayacak \u00e7\u00f6z\u00fcmler aras\u0131nda yer al\u0131r.<\/p>\n\n\n\n First Input Delay s\u00fcresinin uzamas\u0131na yol a\u00e7an sebeplerin ba\u015f\u0131nda, taray\u0131c\u0131n\u0131n Javascript dosyalar\u0131n\u0131 ayr\u0131\u015ft\u0131rmaya \u00e7abalamas\u0131d\u0131r. Bu durumda taray\u0131c\u0131 di\u011fer etkile\u015fimleri \u00e7al\u0131\u015ft\u0131rmakta zorlan\u0131r. Dolay\u0131s\u0131 ile kullan\u0131c\u0131lar web sitesi \u00fczerinde bir linke ve kategoriye t\u0131klad\u0131\u011f\u0131 zaman yan\u0131t alamaz. FID performans\u0131n\u0131 iyile\u015ftirmenin en etkili yolu PageSpeed Insights veya kullan\u0131lan test arac\u0131n\u0131n sundu\u011fu \u00f6nerilerden yard\u0131m almak olacakt\u0131r. Sayfan\u0131z\u0131n FID performans\u0131n\u0131 iyile\u015ftirmek ad\u0131na test arac\u0131 taraf\u0131ndan yap\u0131lan \u00f6nerileri iyile\u015ftirerek etkili sonu\u00e7lar elde edilebilir.<\/p>\n\n\n\n Web sitesindeki g\u00f6rsellerin boyutlar\u0131n\u0131 CSS dosyalar\u0131nda belirtmek, taray\u0131c\u0131n\u0131n sayfay\u0131 y\u00fcklerken g\u00f6rselin boyutunu ve kaplayaca\u011f\u0131 alan\u0131 bilerek i\u015flem yapmas\u0131n\u0131 sa\u011flar. Bu sayede sayfa y\u00fcklenirken g\u00f6rsel kaymalar ve d\u00fczensizlikler \u00f6nlenebilir. Web sitesinin Core Web Vitals analizi i\u00e7in PageSpeed Insights kullananlar, \u201cB\u00fcy\u00fck d\u00fczen kaymalar\u0131ndan ka\u00e7\u0131n\u0131n\u201d se\u00e7ene\u011fini kullanarak sayfa performans\u0131n\u0131 iyile\u015ftirebilirler.<\/p>\n","protected":false},"excerpt":{"rendered":"\u0130nternet \u00fczerindeki herhangi bir web sitesinin uzun vadeli ba\u015far\u0131s\u0131na giden yol, kullan\u0131c\u0131 deneyiminin kalitesi i\u00e7in optimizasyon yapmaktan ge\u00e7er.…\n","protected":false},"author":7,"featured_media":33578,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39,1276],"tags":[],"class_list":{"0":"post-33575","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hosting","8":"category-web-sitesi"},"_links":{"self":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/33575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/comments?post=33575"}],"version-history":[{"count":2,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/33575\/revisions"}],"predecessor-version":[{"id":33582,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/33575\/revisions\/33582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media\/33578"}],"wp:attachment":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media?parent=33575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/categories?post=33575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/tags?post=33575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/06\/Core-Web-Vitals-Nasil-calisir.jpg\")
<\/figure>\n\n\n\n<\/a>Core Web Vitals Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/span><\/h2>\n\n\n\n
<\/a>Largest Contentful Paint (LCP)<\/span><\/h3>\n\n\n\n
<\/a>First Input Delay (FID)<\/span><\/h3>\n\n\n\n
<\/a>Cumulative Layout Shift (CLS)<\/span><\/h3>\n\n\n\n
![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/06\/Largest-contentful-paint-nasil-olculur.jpg\")
<\/figure>\n\n\n\n<\/a>Core Web Vitals Neden \u00d6nemlidir?<\/span><\/h2>\n\n\n\n
![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/06\/Core-Web-Vitals-nedir.jpg\")
<\/figure>\n\n\n\n<\/a>Core Web Vitals De\u011ferleri Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/span><\/h2>\n\n\n\n
<\/a>PageSpeed Insights<\/span><\/h3>\n\n\n\n
![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/06\/pagespeed-natro.png\")
<\/figure>\n\n\n\n<\/a>Core Web Vitals Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?<\/span><\/h2>\n\n\n\n
<\/a>LCP Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?<\/span><\/h3>\n\n\n\n
<\/a>FID Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?<\/span><\/h3>\n\n\n\n
<\/a>CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?<\/span><\/h3>\n\n\n\n