{"id":8693,"date":"2022-06-16T09:14:44","date_gmt":"2022-06-16T06:14:44","guid":{"rendered":"https:\/\/www.hosting.com.tr\/blog\/?p=8693"},"modified":"2024-11-10T16:40:11","modified_gmt":"2024-11-10T13:40:11","slug":"cls","status":"publish","type":"post","link":"https:\/\/www.hosting.com.tr\/blog\/cls\/","title":{"rendered":"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?"},"content":{"rendered":"\n<p>Google, web sayfalar\u0131n\u0131 s\u0131ralamak i\u00e7in kullan\u0131c\u0131 merkezli bir yakla\u015f\u0131ma odaklan\u0131r. Core Web Vitals\u2019e (\u00d6nemli Web Verileri) dayal\u0131 olarak, ana i\u00e7erik y\u00fckleme h\u0131z\u0131, ilk giri\u015f gecikmesi ve g\u00f6rsel kararl\u0131l\u0131k a\u00e7\u0131s\u0131ndan iyi performans g\u00f6steren web sitelerini \u00f6d\u00fcllendirir.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/web-dev.imgix.net\/image\/tcFciHGuF3MxnTr1y5ue01OGLBn2\/uqclEgIlTHhwIgNTXN3Y.svg\" alt=\"Good CLS values are 0.1 or less, poor values are greater than 0.25, and anything in between needs improvement\" width=\"912\" height=\"684\"\/><\/figure>\n\n\n\n<p>\u015eirketiniz Google aramalar\u0131ndaki varl\u0131\u011f\u0131 konusunda ciddiyse ve Google&#8217;dan daha fazla potansiyel m\u00fc\u015fteri almak istiyorsa, sitenizi Core Web Vitals i\u00e7in optimize etmeniz gerekir. Core Web Vitals\u2019i hedefleyen bir strateji, daha iyi bir kullan\u0131c\u0131 deneyimi sunman\u0131za ve d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 art\u0131rman\u0131za olanak tan\u0131r.<\/p>\n\n\n\n<p>Cumulative Layout Shift, bu temel metriklerden biridir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cumulative-layout-shift-nedir\">Cumulative Layout Shift Nedir?<\/h2>\n\n\n\n<p>Cumulative Layout Shift (CLS), web sitenizin sayfalar\u0131 y\u00fcklenirken kararl\u0131l\u0131\u011f\u0131n\u0131 \u00f6l\u00e7mek i\u00e7in kullan\u0131lan bir \u00f6l\u00e7\u00fcmd\u00fcr.<\/p>\n\n\n\n<p>Bkz. <a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cumulative Layout Shift (CLS)<\/a><\/p>\n\n\n\n<p>Sayfa y\u00fckleme s\u0131ras\u0131nda g\u00f6r\u00fcn\u00fcm alan\u0131ndaki bir \u00f6\u011fe ba\u015flang\u0131\u00e7 konumundan hareket etti\u011finde bir d\u00fczen kaymas\u0131 meydana gelir. Bu elemanlara karars\u0131z elemanlar denir.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/storage.googleapis.com\/web-dev-assets\/layout-instability-api\/layout-instability2.webm\"><\/video><\/figure>\n\n\n\n<p>\u00d6rne\u011fin, bir blog yaz\u0131s\u0131n\u0131 okumaya \u00e7al\u0131\u015f\u0131rken, paragraflar aras\u0131nda aniden metin bloklar\u0131n\u0131n a\u015fa\u011f\u0131 do\u011fru hareket etmesine neden olan bir reklam \u00e7\u0131karsa, bu kullan\u0131c\u0131lar i\u00e7in ho\u015f olmayan bir harekettir, \u00e7\u00fcnk\u00fc yapt\u0131klar\u0131 her \u015feyi kesintiye u\u011frat\u0131r.<\/p>\n\n\n\n<p>\u0130yi bir CLS puan\u0131 0,1&#8217;den azd\u0131r. Bunu ba\u015farmak imkans\u0131z g\u00f6r\u00fcnebilir, ancak m\u00fcmk\u00fcnd\u00fcr. 0,1 ile 0,25 aras\u0131ndaki herhangi bir puan\u0131n iyile\u015ftirilmesi gerekirken 0,25&#8217;in \u00fczerindeki herhangi bir puan zay\u0131f olarak kabul edilir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cls-puanlari-nasil-olculur\">CLS Puanlar\u0131 Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/h2>\n\n\n\n<p>CLS laboratuvarda veya sahada (ger\u00e7ek kullan\u0131c\u0131 verileri kullan\u0131larak) \u00f6l\u00e7\u00fclebilir.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Lab Tools<\/strong><\/td><td><strong>Field Tools<\/strong><\/td><\/tr><tr><td>Chrome DevTools (Performance sekmesi)<br>Lighthouse<br>WebPageTest<\/td><td>Chrome User Experience Report<br>PageSpeed Insights<br>Core Web Vitals report &#8211; Search Console<br>Web-vitals Javascript k\u00fct\u00fcphanesi<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Laboratuvar ara\u00e7lar\u0131 genellikle geli\u015ftirme a\u015famas\u0131nda yeni \u00f6zelliklerin\/iyile\u015ftirmelerin CLS i\u00e7in belirlenen e\u015fik ile uyumlu oldu\u011fundan emin olmak i\u00e7in kullan\u0131l\u0131rken, saha ara\u00e7lar\u0131 RUM (Ger\u00e7ek Kullan\u0131c\u0131 \u0130zleme) verilerini rapor eder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"layout-shift-skoru-nasil-hesaplanir\">Layout Shift Skoru Nas\u0131l Hesaplan\u0131r?<\/h3>\n\n\n\n<p><code>layout shift score = impact fraction * distance fraction<\/code><\/p>\n\n\n\n<p>Bu iki y\u00f6ntemin sa\u011flad\u0131\u011f\u0131 sonu\u00e7lar, do\u011fas\u0131 gere\u011fi farkl\u0131l\u0131k g\u00f6sterebilir. CLS&#8217;ye gelince, belirli bir sayfa i\u00e7in laboratuvar ara\u00e7lar\u0131 taraf\u0131ndan rapor edilen de\u011ferler saha verilerinden daha az olabilir. Bunun nedeni, Lighthouse gibi ara\u00e7lar\u0131n d\u00fczen kaymalar\u0131n\u0131 yaln\u0131zca sayfa y\u00fckleme i\u015flemi s\u0131ras\u0131nda \u00f6l\u00e7mesi ve saha ara\u00e7lar\u0131n\u0131n kullan\u0131c\u0131 de\u011ferlerini s\u00fcrekli olarak raporlayabilmesidir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cls-nasil-optimize-edilir\">CLS Nas\u0131l Optimize Edilir?<\/h2>\n\n\n\n<p>A\u015fa\u011f\u0131da CLS\u2019yi optimize etmek i\u00e7in baz\u0131 ipu\u00e7lar\u0131n\u0131 bulabilirsiniz:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-goruntu-boyutlarini-belirtin\">1. G\u00f6r\u00fcnt\u00fc boyutlar\u0131n\u0131 belirtin<\/h3>\n\n\n\n<p>Bu sorunu d\u00fczeltmek i\u00e7in &lt;img&gt; etiketinin i\u00e7ine geni\u015flik ve y\u00fckseklik niteliklerini ekleyin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-reklamlar-veya-ucuncu-taraf-widget-lari-icin-yer-ayirin\"><span id=\"2-reklamlar-veya-ucuncu-taraf-widgetlari-icin-yer-ayirin\">2. Reklamlar veya \u00fc\u00e7\u00fcnc\u00fc taraf widget&#8217;lar\u0131 i\u00e7in yer ay\u0131r\u0131n<\/span><\/h3>\n\n\n\n<p>Bir reklam\u0131n i\u00e7ine yerle\u015ftirilen i\u00e7eri\u011fin boyutunu kontrol edemeseniz de, t\u00fcm reklam\u0131n\/widget&#8217;\u0131n ne kadar b\u00fcy\u00fck oldu\u011funu veya potansiyel olarak ne kadar b\u00fcy\u00fck olabilece\u011fini takip etmeniz m\u00fcmk\u00fcnd\u00fcr.<\/p>\n\n\n\n<p>Chrome DevTools&#8217;u kullanarak reklam boyutlar\u0131n\u0131 bulabilir ve reklam kapsay\u0131c\u0131s\u0131n\u0131 bu de\u011ferlerle \u00f6nceden \u015fekillendirebilirsiniz.<\/p>\n\n\n\n<p>Ayr\u0131ca, sayfan\u0131n en ba\u015f\u0131na yerle\u015ftirilen reklamlar\u0131n (web sitesi gezinmesinden bile daha y\u00fckse\u011fe), sayfan\u0131n ortas\u0131na yerle\u015ftirilenlerden daha b\u00fcy\u00fck alg\u0131lanan d\u00fczen kaymalar\u0131na neden olabilece\u011fini unutmay\u0131n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-ozel-yazi-tipi-dagitimini-ve-degistirme-seceneklerini-optimize-edin\">3. \u00d6zel yaz\u0131 tipi da\u011f\u0131t\u0131m\u0131n\u0131 ve de\u011fi\u015ftirme se\u00e7eneklerini optimize edin<\/h3>\n\n\n\n<p>Web sitesinde \u00f6zel bir yaz\u0131 tipi kullan\u0131l\u0131yorsa ve yaz\u0131 tipi sistemde mevcut de\u011filse, taray\u0131c\u0131n\u0131n sayfada kullanabilmesi i\u00e7in onu indirmesi gerekir. Bir yaz\u0131 tipi indirilirken, bu arada farkl\u0131 bir yaz\u0131 tipi kullan\u0131l\u0131r. Bu, geli\u015ftirici taraf\u0131ndan CSS&#8217;de tan\u0131mlanabilir veya varsay\u0131lan bir taray\u0131c\u0131 \u00f6zelli\u011fi olarak sa\u011flanabilir. Buradaki sorun, hedef yaz\u0131 tipi ve yedek yaz\u0131 tipinin, bir metnin kaplad\u0131\u011f\u0131 alanda farkl\u0131l\u0131k yaratmas\u0131d\u0131r.<\/p>\n\n\n\n<p>Bu y\u00fczden yaz\u0131 tipiyle ilgili sorunlardan kaynaklanan d\u00fczen kaymalar\u0131n\u0131 \u00f6nlemek i\u00e7in a\u015fa\u011f\u0131dakileri kullanabilirsiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Yaz\u0131 tipi g\u00f6r\u00fcnt\u00fcleme CSS \u00f6zelli\u011fini kullan\u0131n.&nbsp;<\/li><li>Anahtar web yaz\u0131 tiplerini CSS&#8217;den uzaktan almak yerine &lt;link rel=preload&gt; HTML etiketini kullanarak \u00f6nceden y\u00fckleyin.<\/li><\/ul>\n\n\n\n<p>Bu iki y\u00f6ntem ayr\u0131 ayr\u0131 veya birlikte kullan\u0131labilir. Font de\u011fi\u015ftirme davran\u0131\u015f\u0131n\u0131 belirlemek i\u00e7in font-display \u00f6zelli\u011fini kullanabilir ve sayfan\u0131n g\u00f6rsel olarak \u00e7\u0131kt\u0131s\u0131 al\u0131nmadan \u00f6nce bile indirilme ve olu\u015fturulmaya haz\u0131r olma \u015fans\u0131n\u0131 art\u0131rmak i\u00e7in fontu \u00f6nceden y\u00fckleyebilirsiniz.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-bagimli-dom-ogeleri-icin-yer-tutuculari-kullanmayi-dusunun\">4. Ba\u011f\u0131ml\u0131 DOM \u00f6\u011feleri i\u00e7in yer tutucular\u0131 kullanmay\u0131 d\u00fc\u015f\u00fcn\u00fcn<\/h3>\n\n\n\n<p>Web sitenizde AJAX&#8217;a ba\u011fl\u0131 DOM de\u011fi\u015fiklikleriniz varsa, sunucudan gelen sonu\u00e7lar i\u00e7in bir alan ay\u0131rmay\u0131 d\u00fc\u015f\u00fcn\u00fcn. Bu \u00e7\u00f6z\u00fcm, reklamlar ve widget&#8217;lar i\u00e7in yer ay\u0131rmaya \u00e7ok benzer, ancak bu durumda gelecek i\u00e7eri\u011fin ne kadar b\u00fcy\u00fck olaca\u011f\u0131 konusunda daha fazla kontrole sahip olabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cumulative-layout-shift-cls-nasil-hesaplanir\">Cumulative Layout Shift (CLS) Nas\u0131l Hesaplan\u0131r?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"kararsiz-elemanlar\">Karars\u0131z elemanlar<\/h3>\n\n\n\n<p>\u0130lk olarak, taray\u0131c\u0131 karars\u0131z \u00f6\u011feleri, yani sayfa y\u00fckleme i\u015flemi s\u0131ras\u0131nda ba\u015flang\u0131\u00e7 konumlar\u0131n\u0131 de\u011fi\u015ftiren \u00f6\u011feleri arar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"kayma-etkisi\">Kayma etkisi<\/h3>\n\n\n\n<p>Ard\u0131ndan, taray\u0131c\u0131 kayma etkisini belirler. Bunun i\u00e7in karars\u0131z \u00f6\u011felerden etkilenen alan\u0131n y\u00fcksekli\u011fini al\u0131n ve t\u00fcm g\u00f6r\u00fcnt\u00fc alan\u0131 y\u00fcksekli\u011fine b\u00f6l\u00fcn. Bu \u015fekilde kayma etkisini elde edebilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"kayma-mesafesi\">Kayma mesafesi<\/h3>\n\n\n\n<p>Kayma mesafesi, karars\u0131z bir \u00f6\u011fenin g\u00f6r\u00fcn\u00fcm alan\u0131yla ilgili olarak ne kadar hareket etti\u011fini izler. Distance fraction, \u00f6genin kat etti\u011fi mesafenin, g\u00f6r\u00fcn\u00fcm\u00fcn geni\u015fli\u011fine veya y\u00fcksekli\u011fine b\u00f6l\u00fcnmesidir (hangisi daha b\u00fcy\u00fckse).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"kayma-etkisi-nasil-hesaplanir\">Kayma etkisi nas\u0131l hesaplan\u0131r?<\/h3>\n\n\n\n<p>Google bu form\u00fcl\u00fc kendi resmi sitesinde a\u015fa\u011f\u0131daki \u015fekilde vermi\u015f:<\/p>\n\n\n\n<p><strong>Layout shift score =<\/strong> Impact fraction * Distance fraction (Kayma Etkisi * Kayma Mesafesi)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tum-bunlar-seo-icin-ne-anlama-gelir\">T\u00fcm Bunlar SEO \u0130\u00e7in Ne Anlama Gelir?<\/h2>\n\n\n\n<p>Google, kullan\u0131c\u0131lar\u0131n iyi bir kullan\u0131c\u0131 deneyimine sahip siteleri ziyaret etmesini istedi\u011finden, Cumulative Layout Shift SEO&#8217;yu etkiler. Web sayfan\u0131z\u0131n iyi bir CLS puan\u0131 yoksa, anahtar kelime s\u0131ralamalar\u0131n\u0131 etkileyebilir ve genel SEO&#8217;nuzun performans\u0131n\u0131 d\u00fc\u015f\u00fcrebilir. Asl\u0131nda, daha y\u00fcksek CLS puanlar\u0131, daha y\u00fcksek hemen \u00e7\u0131kma oranlar\u0131 ve daha k\u0131sa oturum uzunluklar\u0131 ile ili\u015fkilidir ve kullan\u0131c\u0131lar\u0131n gelecekte sitenize geri d\u00f6nme potansiyelini s\u0131n\u0131rlar.<\/p>\n\n\n\n<p>CLS, Google Lighthouse puanlamas\u0131ndaki a\u011f\u0131rl\u0131kl\u0131 metriklerin %5&#8217;ini olu\u015fturur. Optimizasyonu etkileyen di\u011fer fakt\u00f6rler kadar \u00f6nemli olmasa da, yine de olumlu, istikrarl\u0131 ve sorunsuz kullan\u0131c\u0131 deneyimini destekleyen sayfalar olu\u015fturman\u0131z gerekir. Bu y\u00fczden en iyi SEO performans\u0131 i\u00e7in web sitenizi geli\u015ftirirken ve yeniden yap\u0131land\u0131r\u0131rken bu \u00f6nemli metri\u011fi akl\u0131n\u0131zda tuttu\u011funuzdan emin olun.<\/p>\n","protected":false},"excerpt":{"rendered":"Google, web sayfalar\u0131n\u0131 s\u0131ralamak i\u00e7in kullan\u0131c\u0131 merkezli bir yakla\u015f\u0131ma odaklan\u0131r. Core Web Vitals\u2019e (\u00d6nemli Web Verileri) dayal\u0131 olarak,&hellip;\n","protected":false},"author":20,"featured_media":8698,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_appearance_grid":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"categories":[360,348],"tags":[],"class_list":{"0":"post-8693","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-core-web-vitals","8":"category-seo","9":"cs-entry","10":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir? - Hosting.com.tr<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hosting.com.tr\/blog\/cls\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir? - Hosting.com.tr\" \/>\n<meta property=\"og:description\" content=\"Google, web sayfalar\u0131n\u0131 s\u0131ralamak i\u00e7in kullan\u0131c\u0131 merkezli bir yakla\u015f\u0131ma odaklan\u0131r. Core Web Vitals\u2019e (\u00d6nemli Web Verileri) dayal\u0131 olarak,&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hosting.com.tr\/blog\/cls\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hosting.com.tr\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-16T06:14:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-10T13:40:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/06\/cumulative-layout-shift-cls-nedir-cls-performansi-nasil-iyilestirilir-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"787\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sibel Ho\u015f\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:site\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sibel Ho\u015f\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 dakika\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir? - Hosting.com.tr","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hosting.com.tr\/blog\/cls\/","og_locale":"tr_TR","og_type":"article","og_title":"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir? - Hosting.com.tr","og_description":"Google, web sayfalar\u0131n\u0131 s\u0131ralamak i\u00e7in kullan\u0131c\u0131 merkezli bir yakla\u015f\u0131ma odaklan\u0131r. Core Web Vitals\u2019e (\u00d6nemli Web Verileri) dayal\u0131 olarak,&hellip;","og_url":"https:\/\/www.hosting.com.tr\/blog\/cls\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/hosting.com.tr","article_published_time":"2022-06-16T06:14:44+00:00","article_modified_time":"2024-11-10T13:40:11+00:00","og_image":[{"width":1400,"height":787,"url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/06\/cumulative-layout-shift-cls-nedir-cls-performansi-nasil-iyilestirilir-1.png","type":"image\/png"}],"author":"Sibel Ho\u015f","twitter_card":"summary_large_image","twitter_creator":"@hostingcomtr","twitter_site":"@hostingcomtr","twitter_misc":{"Yazan:":"Sibel Ho\u015f","Tahmini okuma s\u00fcresi":"6 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/#article","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/"},"author":{"name":"Sibel Ho\u015f","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/769feb953535a36d98b2d05f5e3e1b73"},"headline":"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?","datePublished":"2022-06-16T06:14:44+00:00","dateModified":"2024-11-10T13:40:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/"},"wordCount":1170,"commentCount":1,"publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/06\/cumulative-layout-shift-cls-nedir-cls-performansi-nasil-iyilestirilir-1.png","articleSection":["Core Web Vitals","SEO"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hosting.com.tr\/blog\/cls\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/","url":"https:\/\/www.hosting.com.tr\/blog\/cls\/","name":"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir? - Hosting.com.tr","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/#primaryimage"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/06\/cumulative-layout-shift-cls-nedir-cls-performansi-nasil-iyilestirilir-1.png","datePublished":"2022-06-16T06:14:44+00:00","dateModified":"2024-11-10T13:40:11+00:00","breadcrumb":{"@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hosting.com.tr\/blog\/cls\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/#primaryimage","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/06\/cumulative-layout-shift-cls-nedir-cls-performansi-nasil-iyilestirilir-1.png","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/06\/cumulative-layout-shift-cls-nedir-cls-performansi-nasil-iyilestirilir-1.png","width":1400,"height":787,"caption":"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hosting.com.tr\/blog\/cls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.hosting.com.tr\/blog\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals","item":"https:\/\/www.hosting.com.tr\/blog\/core-web-vitals\/"},{"@type":"ListItem","position":3,"name":"Cumulative Layout Shift (CLS) Nedir? CLS Performans\u0131 Nas\u0131l \u0130yile\u015ftirilir?"}]},{"@type":"WebSite","@id":"https:\/\/www.hosting.com.tr\/blog\/#website","url":"https:\/\/www.hosting.com.tr\/blog\/","name":"Hosting.com.tr","description":"Domain, Hosting, Startup\/Kobi, Dijital Pazarlama, Teknoloji, Wordpress ve Nas\u0131l Yap\u0131l\u0131r? kategorilerinde en g\u00fcncel yaz\u0131lar.","publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hosting.com.tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.hosting.com.tr\/blog\/#organization","name":"Webhosting A.\u015e","url":"https:\/\/www.hosting.com.tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","width":500,"height":157,"caption":"Webhosting A.\u015e"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hosting.com.tr","https:\/\/x.com\/hostingcomtr","https:\/\/instagram.com\/hostingcomtr","https:\/\/www.linkedin.com\/company\/hosting-com-tr\/","https:\/\/www.youtube.com\/channel\/UCFNJq7pU_T2SEjv7UgLDtRw"]},{"@type":"Person","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/769feb953535a36d98b2d05f5e3e1b73","name":"Sibel Ho\u015f","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/71ef095ec76abd2cd680813a0851c643003d6b211003d0d1b5eb4d0e6f04caa6?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/71ef095ec76abd2cd680813a0851c643003d6b211003d0d1b5eb4d0e6f04caa6?s=96&r=g","caption":"Sibel Ho\u015f"},"url":"https:\/\/www.hosting.com.tr\/blog\/author\/sibel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/8693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=8693"}],"version-history":[{"count":0,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/8693\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media\/8698"}],"wp:attachment":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=8693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=8693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=8693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}