{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"React'te Tembel Y\u00fckleme (Lazy Loading): Performans Optimizasyonu","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"qhkBBIxV5u\"><a href=\"https:\/\/fatihsoysal.com\/blog\/reactte-tembel-yukleme-lazy-loading-performans-optimizasyonu\/\">React&#8217;te Tembel Y\u00fckleme (Lazy Loading): Performans Optimizasyonu<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/reactte-tembel-yukleme-lazy-loading-performans-optimizasyonu\/embed\/#?secret=qhkBBIxV5u\" width=\"600\" height=\"338\" title=\"&#8220;React&#8217;te Tembel Y\u00fckleme (Lazy Loading): Performans Optimizasyonu&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"qhkBBIxV5u\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba! Fatih Soysal olarak, bug\u00fcn size React uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilecek bir teknik olan \"tembel y\u00fckleme\" (lazy loading) hakk\u0131nda detayl\u0131 bilgi verece\u011fim. Bu teknik sayesinde, b\u00fcy\u00fck ve karma\u015f\u0131k uygulamalar\u0131n\u0131z\u0131 daha h\u0131zl\u0131 ve verimli hale getirebilirsiniz. \u00d6ncelikle, tembel y\u00fcklemenin ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu a\u00e7\u0131klayal\u0131m."}