{"id":14280,"date":"2022-10-07T16:42:27","date_gmt":"2022-10-07T14:42:27","guid":{"rendered":"https:\/\/www.ihs.com.tr\/blog\/?p=14280"},"modified":"2022-10-07T16:44:12","modified_gmt":"2022-10-07T14:44:12","slug":"first-input-delay-fid-nedir","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/","title":{"rendered":"First Input Delay (FID) Nedir?\u00a0Neden \u00d6nemlidir?"},"content":{"rendered":"<p><b style=\"font-size: 14px; font-family: 'PT Serif', serif;\">First Input Delay <\/b><span style=\"font-weight: 400;\">(FID) web sayfas\u0131 de\u011ferlemesi ve geli\u015ftirmesi i\u00e7in \u00f6nemli bir \u00f6l\u00e7\u00fcmd\u00fcr. Ziyaret\u00e7ilerin ya\u015fayaca\u011f\u0131 h\u0131zl\u0131 bir kullan\u0131c\u0131 deneyimi web sitesinin ba\u015far\u0131s\u0131 i\u00e7in kritik \u00f6neme sahiptir. Web site h\u0131zland\u0131rma \u00e7al\u0131\u015fmalar\u0131 i\u00e7in FID\u2019in ne oldu\u011fu, nas\u0131l \u00f6l\u00e7\u00fcld\u00fc\u011f\u00fc, iyi bir First \u0130nput Delay (FID)\u2019in hangi de\u011ferlere sahip oldu\u011fu bilinmeli ve FID de\u011ferleri i\u00e7in optimize etme \u00e7al\u0131\u015fmalar\u0131 yap\u0131lmal\u0131d\u0131r.<\/span><\/p>\n<p>&nbsp;<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_77 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7erik Tablosu<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a03e8d71c147\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\" id=\"ez-toc-cssicon-toggle-item-6a03e8d71c147\" aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#First-Input-Delay-FID-Nedir\" >First Input Delay (FID) Nedir?\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#First-Input-Delay-FID-Tam-Olarak-Hangi-Eylemi-Olcer\" >First \u0130nput Delay (FID) Tam Olarak Hangi Eylemi \u00d6l\u00e7er?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#First-Input-Delay-FID-Yalnizca-Ilk-Kullanici-Etkilesimini-Olcer\" >First \u0130nput Delay (FID) Yaln\u0131zca \u0130lk Kullan\u0131c\u0131 Etkile\u015fimini \u00d6l\u00e7er<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#First-Input-Delay-FID-%E2%80%98i-Etkileyen-Nedenler-Nelerdir\" >First \u0130nput Delay (FID) &#8216;i Etkileyen Nedenler Nelerdir?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Gereksiz-JavaScript-Kodlari\" >Gereksiz JavaScript Kodlar\u0131<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Uzun-Dongulu-JavaScript-Kodlari\" >Uzun D\u00f6ng\u00fcl\u00fc JavaScript Kodlar\u0131<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Iyi-Bir-FID-Puani-Kac-Olmali\" >\u0130yi Bir FID Puan\u0131 Ka\u00e7 Olmal\u0131?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#First-Input-Delay-FID-Nasil-Olculur\" >First \u0130nput Delay (FID) Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Chrome-Kullanici-Deneyimi-Raporu\" >Chrome Kullan\u0131c\u0131 Deneyimi Raporu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Sayfa-Hizi-Analizleri\" >Sayfa H\u0131z\u0131 Analizleri<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Google-Arama-Konsolu\" >Google Arama Konsolu<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#First-Input-Delay-FID-Nasil-Iyilestirilir\" >First \u0130nput Delay (FID) Nas\u0131l \u0130yile\u015ftirilir?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#CSS-ve-JavaScript-Kodunu-Optimize-Edin-ve-Kucultun\" >CSS ve JavaScript Kodunu Optimize Edin ve K\u00fc\u00e7\u00fclt\u00fcn<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Ucuncu-Taraf-Kodlari\" >\u00dc\u00e7\u00fcnc\u00fc Taraf Kodlar\u0131<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.ihs.com.tr\/blog\/first-input-delay-fid-nedir\/#Sonuc\" >Sonu\u00e7<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"First-Input-Delay-FID-Nedir\"><\/span><b>First Input Delay (FID) Nedir?\u00a0<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Ziyaret\u00e7inin web taray\u0131c\u0131s\u0131nda ba\u015flatt\u0131\u011f\u0131 bir eylemin sunucu taraf\u0131ndan geri d\u00f6n\u00fc\u015f\u00fcne kadar ge\u00e7en s\u00fcredir. Temel olarak FID; web sitesine girdikten sonra yap\u0131lan ilk i\u015flemlere ait yan\u0131t verme h\u0131z\u0131n\u0131n \u00f6l\u00e7\u00fcm\u00fcd\u00fcr. Milisaniye cinsinden de\u011ferlendirilir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Daha basit bir ifadeyle kullan\u0131c\u0131n\u0131n internet sitesinde gezerken bir linke, ba\u011flant\u0131ya t\u0131klad\u0131\u011f\u0131nda taray\u0131c\u0131n\u0131n eylemi i\u015fleme almas\u0131 ve onu i\u015flemeye ba\u015flad\u0131\u011f\u0131 zaman aras\u0131ndaki gecikmedir. Birinin kap\u0131 zilini \u00e7ald\u0131\u011f\u0131 andan itibaren kap\u0131n\u0131n a\u00e7\u0131ld\u0131\u011f\u0131 ana kadar ge\u00e7en s\u00fcre olarak d\u00fc\u015f\u00fcnmek do\u011fru bir yakla\u015f\u0131m olacakt\u0131r.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">SEO kapsam\u0131nda de\u011ferlendirildi\u011finde, <strong>First \u0130nput Delay (FID)<\/strong> hakk\u0131nda bilinmesi gereken en \u00f6nemli \u015fey; Google\u2019\u0131n bunu \u00f6l\u00e7erek site hakk\u0131nda bir de\u011ferlendirme yapmas\u0131d\u0131r. Arama motorlar\u0131n\u0131n, kullan\u0131c\u0131 deneyimleri kalitesini \u00e7ok fazla \u00f6nemsedi\u011fini unutulmamal\u0131. Buna ba\u011fl\u0131 olarak web site de\u011ferlemelerinde FID skoru \u00f6nemli web sitesi verilerinden biridir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kullan\u0131c\u0131 deneyimlerinin iyile\u015ftirilmesi ve site iyile\u015ftirme \u00e7al\u0131\u015fmalar\u0131n\u0131n titizlikle yap\u0131lmas\u0131 web sitesinin kalitesini art\u0131rd\u0131\u011f\u0131 gibi reklam gelirlerinin artmas\u0131na sebep olur. First \u0130nput Delay\u00a0 konusuna verilen \u00f6nem, sayfada gezen kullan\u0131c\u0131lar\u0131n hayal k\u0131r\u0131kl\u0131\u011f\u0131 ya\u015famas\u0131n\u0131n \u00f6n\u00fcne ge\u00e7ecektir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">FID, arka planda olu\u015fan ya da tespit edilmesi zor bir durum de\u011fildir. Her kullan\u0131c\u0131n\u0131n yak\u0131ndan hissedece\u011fi bir deneyimdir. Yaz\u0131l\u0131mla veya herhangi bir \u015fekilde sim\u00fcle edilmez, \u00f6l\u00e7\u00fclebilmesi i\u00e7in ger\u00e7ek kullan\u0131c\u0131 tecr\u00fcbesi gerektirir. FID; sayfan\u0131za giren ger\u00e7ek kullan\u0131c\u0131lar\u0131n ger\u00e7ek deneyimini \u00f6l\u00e7er.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"First-Input-Delay-FID-Tam-Olarak-Hangi-Eylemi-Olcer\"><\/span><strong>First \u0130nput Delay (FID) Tam Olarak Hangi Eylemi \u00d6l\u00e7er?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Kullan\u0131c\u0131 etkile\u015fimleri sadece t\u0131klama, bir butona basma ya da onay kutusunu se\u00e7me eylemlerinden ibaret de\u011fildir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kullan\u0131c\u0131 sitede gezerken dinamik hareketler sergileyebilir. Sayfay\u0131 a\u015fa\u011f\u0131 yukar\u0131 kayd\u0131rma, yak\u0131nla\u015ft\u0131rma uzakla\u015ft\u0131rma gibi durumlar, dinamik hareketler olarak adland\u0131r\u0131l\u0131r.\u00a0 Bu tip i\u015flemler web sitesinde bir yan\u0131t verme s\u00fcrecine girmedi\u011fi i\u00e7in \u00f6l\u00e7\u00fclemezler.\u00a0<\/span><\/p>\n<p><b>First Input Delay<\/b><span style=\"font-weight: 400;\"> site ile kullan\u0131c\u0131 aras\u0131ndaki t\u0131klamaya y\u00f6nelik etkile\u015fimleri \u00f6l\u00e7erek bir veri olu\u015fturur.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"First-Input-Delay-FID-Yalnizca-Ilk-Kullanici-Etkilesimini-Olcer\"><\/span><strong>First \u0130nput Delay (FID) <\/strong><b> Yaln\u0131zca \u0130lk Kullan\u0131c\u0131 Etkile\u015fimini \u00d6l\u00e7er<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Kullan\u0131c\u0131n\u0131n sayfa ile ilk etkile\u015fimi ayn\u0131 zamanda onun ilk izlenimidir. \u0130lk izlenim \u00e7ok \u00f6nemlidir. Kullan\u0131c\u0131lar\u0131n sayfada zaman ge\u00e7irmeye devam edip etmeyeceklerini belirleyen \u00e7ok \u00f6nemli bir unsurdur.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Web sitesine ait kritik verilerin y\u00fcklenmesi siteye ilk giri\u015f anlar\u0131nda ger\u00e7ekle\u015fir. FID \u00f6l\u00e7\u00fclerek bu kritik kaynaklar\u0131n hangi h\u0131zla y\u00fcklendi\u011fi verisine ula\u015fmak da m\u00fcmk\u00fcnd\u00fcr.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"First-Input-Delay-FID-%E2%80%98i-Etkileyen-Nedenler-Nelerdir\"><\/span><strong>First \u0130nput Delay (FID) <\/strong><b>&#8216;i Etkileyen Nedenler Nelerdir?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">FID de\u011ferlerini etkiyen fakt\u00f6rler a\u015fa\u011f\u0131da oldu\u011fu gibidir;<\/span><b><\/b><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Gereksiz-JavaScript-Kodlari\"><\/span><b>Gereksiz JavaScript Kodlar\u0131<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Gereksiz, s\u0131k\u0131\u015ft\u0131r\u0131lmam\u0131\u015f JS kodlar\u0131n\u0131n d\u00fczenlenmemesi y\u00fcksek FID de\u011ferlerinin ilk sebebidir. Taray\u0131c\u0131n\u0131n bu kodlar\u0131 ayr\u0131\u015ft\u0131rmas\u0131 ve de\u011ferlendirmesi uzun zaman alabilir. Sayfan\u0131n t\u00fcm JS prosed\u00fcrlerini y\u00fcklemesi gerekti\u011finden giri\u015fler gecikir. \u00c7ok say\u0131da gereksiz g\u00f6r\u00fcnt\u00fc i\u00e7erikleri ile komut dosyas\u0131 t\u00fcm s\u00fcreci yava\u015flatmaya yetecektir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">B\u00fcy\u00fck JS kodlar\u0131 genellikle a\u015f\u0131r\u0131 \u00fc\u00e7\u00fcnc\u00fc taraf ba\u011f\u0131ml\u0131l\u0131klar\u0131ndan ya da sayfan\u0131n ihtiya\u00e7 duymad\u0131\u011f\u0131 prosed\u00fcrlerin \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131ndan kaynaklan\u0131r. Bu durumda; web sitesinin JS kod y\u00fck\u00fc ile sayfan\u0131n boyutu ve karma\u015f\u0131kl\u0131\u011f\u0131 kontrol edilir.<\/span><b><\/b><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Uzun-Dongulu-JavaScript-Kodlari\"><\/span><b>Uzun D\u00f6ng\u00fcl\u00fc JavaScript Kodlar\u0131<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">T\u00fcm JavaScript kodlar\u0131 y\u00fcklense bile yine gecikme s\u00fcreleri olu\u015fabilir. Bunun sebebi uzun d\u00f6ng\u00fcl\u00fc JS kodlar\u0131n\u0131n sonu\u00e7lanana kadar devam etmesinden kaynaklan\u0131r. Prosed\u00fcr sonu\u00e7lanana kadar kullan\u0131c\u0131 bekletilir. Bu sorun k\u00f6t\u00fc optimize edilmi\u015f ya da hi\u00e7 optimize edilmemi\u015f kodlardan kaynaklan\u0131r.<\/span><b><\/b><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Iyi-Bir-FID-Puani-Kac-Olmali\"><\/span><b>\u0130yi Bir FID Puan\u0131 Ka\u00e7 Olmal\u0131?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">FID milisaniye cinsinden \u00f6l\u00e7\u00fcl\u00fcr, ne kadar az olursa o kadar iyidir. Unutmay\u0131n ziyaret\u00e7ilerin hi\u00e7 biri beklemek istemez.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Google\u2019a g\u00f6re;<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">100ms ve daha az; <\/span><b>\u0130Y\u0130,<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">100-300ms; <\/span><b>Geli\u015ftirilmesi gerekir<\/b><span style=\"font-weight: 400;\">,<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">300ms \u00fczeri; <\/span><b>K\u00d6T\u00dc<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Yap\u0131lan ara\u015ft\u0131rmalara g\u00f6re 100ms kullan\u0131c\u0131n\u0131n sistemin iyi \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 hissetmesi i\u00e7in yeterlidir. Bu nedenle FID de\u011ferini 100ms alt\u0131nda tutmak gerekir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bazen FID de\u011feri 100ms alt\u0131nda olmas\u0131na ra\u011fmen sayfa yine de yan\u0131t vermez. Bunun nedeni kullan\u0131c\u0131 giri\u015fi yap\u0131lan mod\u00fcllerde giri\u015f prosed\u00fcrlerinin uzamas\u0131d\u0131r. Bu s\u00fcre FID \u00f6l\u00e7\u00fcm\u00fcne dahil de\u011fildir.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"First-Input-Delay-FID-Nasil-Olculur\"><\/span><strong>First \u0130nput Delay (FID) Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">FID de\u011ferini \u00f6l\u00e7mek i\u00e7in a\u015fa\u011f\u0131daki \u00e7evrimi\u00e7i ara\u00e7lar\u0131n\u0131 kullanabilirsiniz;<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>BigQuery<\/b><span style=\"font-weight: 400;\"> veya <\/span><b>CrUX API<\/b><span style=\"font-weight: 400;\"> arac\u0131l\u0131\u011f\u0131yla <\/span><b>Crome Kullan\u0131c\u0131 Deneyimi Raporu<\/b><\/li>\n<li aria-level=\"1\"><b>Page Speed Insight<\/b><span style=\"font-weight: 400;\"> (Google)<\/span><\/li>\n<li aria-level=\"1\"><b>Search Console\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Yukar\u0131dakilerin hepsi de FID de\u011feri \u00f6l\u00e7er, aralar\u0131ndaki fark; kullan\u0131lan y\u00f6ntem ve performans de\u011ferlendirmeleridir.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Chrome-Kullanici-Deneyimi-Raporu\"><\/span><b>Chrome Kullan\u0131c\u0131 Deneyimi Raporu<\/b><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Chrome Kullan\u0131c\u0131 Deneyimi Raporu, Google\u2019\u0131n ger\u00e7ek d\u00fcnyadaki Chrome kullan\u0131c\u0131lar\u0131 arac\u0131l\u0131\u011f\u0131 ile kullan\u0131c\u0131 deneyimlerinin \u00f6l\u00e7\u00fcmlerini sa\u011flar. Elde edilen veriler \u015fu ad\u0131mlarla sa\u011flan\u0131r;<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Google\u2019\u0131n bilinen pop\u00fcler sayfalar i\u00e7in kullan\u0131c\u0131 deneyimi sa\u011flayan <\/span><b>PageInsight<\/b><span style=\"font-weight: 400;\"> ile,<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Google\u2019\u0131n toplanan t\u00fcm metrik de\u011ferlerinin <\/span><b>BigQuery<\/b><span style=\"font-weight: 400;\"> bulut projesi kapsam\u0131nda depolanmas\u0131 ile,<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Kullan\u0131c\u0131 deneyimi trendlerinin izlenebildi\u011fi <\/span><b>CrUX DashBoard<\/b><span style=\"font-weight: 400;\"> ile analiz etmek m\u00fcmk\u00fcnd\u00fcr.\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Sayfa-Hizi-Analizleri\"><\/span><b>Sayfa H\u0131z\u0131 Analizleri<\/b><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">FID testi yapmak i\u00e7in en kullan\u0131\u015fl\u0131 ara\u00e7lardan biri Google\u2019\u0131n <\/span><b>PageInsight<\/b><span style=\"font-weight: 400;\"> arac\u0131d\u0131r. FID dahil olmak \u00fczere baz\u0131 temel metrikler \u00e7er\u00e7evesinde web site performans\u0131 bir\u00e7ok y\u00f6nden test edilerek puanlama yapan \u00fccretsiz bir ara\u00e7t\u0131r.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">FID \u00f6l\u00e7\u00fcm\u00fc i\u00e7in ger\u00e7ek bir giri\u015f olay\u0131 gerekir. FID analizi i\u00e7in sitenin yak\u0131n zamanda kullan\u0131c\u0131 etkile\u015fimine sahip oldu\u011fundan emin olunmal\u0131d\u0131r. Google FID puan\u0131n\u0131 simulasyon ile \u00fcretmez, ger\u00e7ek kullan\u0131c\u0131 deneyimi ile taraflara sunar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Site adresini girip analiz sonu\u00e7lar\u0131 y\u00fcklenince \u201calan verileri\u201d t\u0131klan\u0131r, bu b\u00f6l\u00fcm ger\u00e7ek kullan\u0131c\u0131 deneyimlerinin son 30 g\u00fcnde ger\u00e7ekle\u015fen istatistiklerini bar\u0131nd\u0131r\u0131r. FID puanlama sonu\u00e7lar\u0131 da burada sergilenir. <\/span><b>First Input Delay<\/b><span style=\"font-weight: 400;\"> puanlar\u0131n\u0131 iyile\u015ftirmek i\u00e7in f\u0131rsatlar k\u0131sm\u0131 incelenmelidir.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Google-Arama-Konsolu\"><\/span><b>Google Arama Konsolu<\/b><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Google arama sonu\u00e7lar\u0131nda sitenin nas\u0131l yer ald\u0131\u011f\u0131n\u0131n izlenmesine, y\u00f6netilmesine ve sorunlar\u0131n giderilmesine yard\u0131mc\u0131 olan Google \u00e7at\u0131s\u0131 alt\u0131nda sunulan \u00fccretsiz bir uygulamad\u0131r.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">FID de\u011feri, \u201c\u00d6nemli web verileri\u201d raporunda sergilenir. FID de\u011feri i\u00e7in masa\u00fcst\u00fc ya da mobil kullan\u0131c\u0131lar se\u00e7ilerek iki farkl\u0131 FID de\u011feri g\u00f6r\u00fcnt\u00fclenebilir.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"First-Input-Delay-FID-Nasil-Iyilestirilir\"><\/span><strong>First \u0130nput Delay (FID) <\/strong><b> Nas\u0131l \u0130yile\u015ftirilir?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">FID de\u011feri 100ms\u2019den fazla ise web sitesinde birtak\u0131m iyile\u015ftirmeler yapmak gerekir. Bu iyile\u015ftirmelerin \u00e7o\u011fu JS kodlar\u0131n\u0131n elle m\u00fcdahale edilmesi anlam\u0131na gelir.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"CSS-ve-JavaScript-Kodunu-Optimize-Edin-ve-Kucultun\"><\/span><b>CSS ve JavaScript Kodunu Optimize Edin ve K\u00fc\u00e7\u00fclt\u00fcn<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u0130\u015fe CSS ve JS kodlar\u0131n\u0131 optimize ederek ba\u015flan\u0131r. Gereksiz karakterler, bo\u015fluklar ve sat\u0131r sonlar\u0131 ortadan kald\u0131r\u0131l\u0131r, b\u00f6ylece daha k\u00fc\u00e7\u00fck bir dosya boyutu elde edilir. Uzun i\u015flem zaman\u0131na sahip JS kodlar\u0131 var ise kodlar\u0131 b\u00f6lerek g\u00f6revlerin 50ms alt\u0131nda tutulmas\u0131 sa\u011flan\u0131r. B\u00f6ylelikle taray\u0131c\u0131n\u0131n i\u015flemesi gereken i\u015flem say\u0131s\u0131 ve zaman\u0131 azal\u0131r, yan\u0131t verme h\u0131z\u0131 ve sayfa h\u0131z\u0131 artar.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kodlar\u0131 kolayca d\u00fczeltmek i\u00e7in <\/span><b>Minify Code<\/b><span style=\"font-weight: 400;\">, kod b\u00f6lme i\u015flemi i\u00e7in<\/span> <b>Webpack<\/b><span style=\"font-weight: 400;\"> \u00e7evrimi\u00e7i ara\u00e7lar\u0131 tercih edilebilir.<\/span><\/p>\n<h3><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"Ucuncu-Taraf-Kodlari\"><\/span><b>\u00dc\u00e7\u00fcnc\u00fc Taraf Kodlar\u0131<\/b><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Etiketler ve analizler gibi \u00e7ok fazla \u00fc\u00e7\u00fcnc\u00fc taraf komut dosyas\u0131 siteye ait verilerin y\u00fcr\u00fct\u00fclmesini geciktirir. Bu nedenle, etkili bir optimizasyon i\u00e7in \u00fc\u00e7\u00fcnc\u00fc taraf kod etkisinin azalt\u0131lmas\u0131 gerekir. Kritik olmayan \u00fc\u00e7\u00fcnc\u00fc taraf komut dosyalar\u0131 kald\u0131r\u0131larak ya da ertelenerek etkili bir iyile\u015ftirme sa\u011flan\u0131r.<\/span><\/p>\n<h2><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"Sonuc\"><\/span><b>Sonu\u00e7<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Kullan\u0131c\u0131lar \u00fczerinde olumlu bir ilk izlenim i\u00e7in FID \u00f6l\u00e7mek ve iyile\u015ftirme y\u00f6n\u00fcnde \u00e7aba harcamak site imaj\u0131 i\u00e7in \u00e7ok \u00f6nemlidir. <\/span><b>First Input Delay<\/b><span style=\"font-weight: 400;\"> i\u00e7in harcanan zaman ve emek, uzun vadede olumlu kullan\u0131c\u0131 deneyimi sa\u011flayacakt\u0131r.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>First Input Delay (FID) web sayfas\u0131 de\u011ferlemesi ve geli\u015ftirmesi i\u00e7in \u00f6nemli bir \u00f6l\u00e7\u00fcmd\u00fcr. Ziyaret\u00e7ilerin ya\u015fayaca\u011f\u0131 h\u0131zl\u0131 bir kullan\u0131c\u0131 deneyimi web sitesinin ba\u015far\u0131s\u0131&hellip;<\/p>\n","protected":false},"author":3,"featured_media":14281,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[412],"tags":[],"class_list":["post-14280","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/14280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=14280"}],"version-history":[{"count":3,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/14280\/revisions"}],"predecessor-version":[{"id":14284,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/14280\/revisions\/14284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/14281"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=14280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=14280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=14280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}