{"id":1913,"date":"2026-09-12T13:19:08","date_gmt":"2026-09-12T10:19:08","guid":{"rendered":"https:\/\/narhost.com\/destek\/gorsel-optimizasyonu-ile-site-hizi-nasil-artirilir\/"},"modified":"2026-09-12T13:19:08","modified_gmt":"2026-09-12T10:19:08","slug":"gorsel-optimizasyonu-ile-site-hizi-nasil-artirilir","status":"publish","type":"post","link":"https:\/\/narhost.com\/destek\/gorsel-optimizasyonu-ile-site-hizi-nasil-artirilir\/","title":{"rendered":"G\u00f6rsel Optimizasyonu ile Site H\u0131z\u0131 Nas\u0131l Art\u0131r\u0131l\u0131r"},"content":{"rendered":"<p class=\"kb-dogrulama\">Son do\u011frulama: Eyl\u00fcl 2026 \u00b7 cPanel 136 test hesab\u0131nda denendi<\/p>\n<div id=\"hizli-cozum\" class=\"ai-box ai-box--cozum\">\n<p class=\"ai-box-title\">H\u0131zl\u0131 \u00e7\u00f6z\u00fcm<\/p>\n<p><strong>G\u00f6rsel optimizasyonu site h\u0131z\u0131<\/strong> i\u00e7in d\u00f6rt ad\u0131mda toplan\u0131r: g\u00f6rselleri WebP format\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fcn, ger\u00e7ek g\u00f6sterim boyutuna k\u00fc\u00e7\u00fclt\u00fcn, resimlere <code>loading=\"lazy\"<\/code> ekleyin ve taray\u0131c\u0131 \u00f6nbellek ba\u015fl\u0131klar\u0131n\u0131 a\u00e7\u0131n.<\/p>\n<ol>\n<li>Sitenizdeki en b\u00fcy\u00fck boyutlu g\u00f6rselleri bulun (taray\u0131c\u0131 A\u011f sekmesi ya da medya k\u00fct\u00fcphanesi).<\/li>\n<li>Bunlar\u0131 WebP format\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.<\/li>\n<li>G\u00f6rselleri sayfada g\u00f6r\u00fcnd\u00fckleri ger\u00e7ek piksel boyutuna k\u00fc\u00e7\u00fclt\u00fcn.<\/li>\n<li>Taray\u0131c\u0131 \u00f6nbellek ba\u015fl\u0131klar\u0131n\u0131 <code>.htaccess<\/code> \u00fczerinden a\u00e7\u0131n.<\/li>\n<\/ol>\n<\/div>\n<table class=\"kb-uyg\">\n<tr>\n<th>Panel<\/th>\n<td>WordPress y\u00f6netim paneli, cPanel Dosya Y\u00f6neticisi<\/td>\n<\/tr>\n<tr>\n<th>Sistem<\/th>\n<td>Payla\u015f\u0131ml\u0131 hosting, WordPress<\/td>\n<\/tr>\n<tr>\n<th>Yetki<\/th>\n<td>WordPress y\u00f6neticisi ya da cPanel kullan\u0131c\u0131s\u0131<\/td>\n<\/tr>\n<tr>\n<th>Narhost \u00fcr\u00fcn\u00fc<\/th>\n<td><a href=\"https:\/\/narhost.com\/web-hosting\" title=\"Web Hosting paketleri \u2014 Narhost\">Web Hosting<\/a><\/td>\n<\/tr>\n<\/table>\n<div class=\"kb-once\">\n<p class=\"label\">Ba\u015flamadan \u00f6nce<\/p>\n<ul>\n<li>Orijinal g\u00f6rsellerin bir yede\u011fini al\u0131n; d\u00f6n\u00fc\u015ft\u00fcrme ve boyutland\u0131rma geri al\u0131namaz bir i\u015flem de\u011fildir ama kaynak dosya elinizde olsun.<\/li>\n<li>Sitenizde en fazla trafik alan 5-10 sayfay\u0131 belirleyip \u00f6nce onlar\u0131n g\u00f6rsellerini i\u015fleyin; t\u00fcm medya k\u00fct\u00fcphanesini tek seferde i\u015flemek zaman al\u0131r.<\/li>\n<li>Bir galeri ya da e-ticaret siteniz varsa toplu i\u015flemin \u00fcr\u00fcn g\u00f6rsellerinin kalitesini nas\u0131l etkiledi\u011fini \u00f6nce birka\u00e7 \u00f6rnekte g\u00f6zle kontrol edin.<\/li>\n<li>De\u011fi\u015fiklik yapmadan \u00f6nce mevcut PageSpeed Insights sonucunuzu bir kez kaydedin; ad\u0131mlardan sonra kar\u015f\u0131la\u015ft\u0131rma yapmak i\u00e7in i\u015finize yarar.<\/li>\n<\/ul>\n<\/div>\n<h2>G\u00f6rsel optimizasyonu site h\u0131z\u0131n\u0131 neden etkiler<\/h2>\n<p>Bir sayfan\u0131n toplam boyutunun b\u00fcy\u00fck k\u0131sm\u0131n\u0131 genelde g\u00f6rseller olu\u015fturur; b\u00fcy\u00fck ve s\u0131k\u0131\u015ft\u0131r\u0131lmam\u0131\u015f bir g\u00f6rsel, sayfan\u0131n tamam\u0131 y\u00fcklenene kadar taray\u0131c\u0131y\u0131 bekletir. <a href=\"https:\/\/web.dev\/articles\/serve-images-webp\" title=\"web.dev \u2014 yeni nesil g\u00f6r\u00fcnt\u00fc formatlar\u0131 resmi rehberi\" target=\"_blank\" rel=\"noopener\">web.dev&#8217;in resmi rehberine g\u00f6re<\/a> WebP gibi yeni nesil formatlar ayn\u0131 g\u00f6rsel kalitesini daha k\u00fc\u00e7\u00fck dosya boyutuyla sunar. <strong>G\u00f6rsel optimizasyonu site h\u0131z\u0131<\/strong> a\u00e7\u0131s\u0131ndan bu y\u00fczden genelde en h\u0131zl\u0131 geri d\u00f6n\u00fc\u015f\u00fc veren ad\u0131md\u0131r; kod de\u011fi\u015fikli\u011fi gerektirmez, yaln\u0131zca dosyalar\u0131n kendisini de\u011fi\u015ftirirsiniz.<\/p>\n<p>Boyutland\u0131rma ayr\u0131 bir konudur: 3000 piksel geni\u015fli\u011finde \u00e7ekilmi\u015f bir foto\u011fraf\u0131 sayfada 600 piksellik bir alanda g\u00f6stermek, taray\u0131c\u0131ya gere\u011finden b\u00fcy\u00fck bir dosya indirtir. G\u00f6rseli g\u00f6sterilece\u011fi ger\u00e7ek boyuta k\u00fc\u00e7\u00fcltmek, format\u0131 de\u011fi\u015ftirmekten ba\u011f\u0131ms\u0131z bir kazan\u00e7 sa\u011flar. Bu iki ad\u0131m genellikle birlikte uygulan\u0131r ve hangisinin daha b\u00fcy\u00fck fark yaratt\u0131\u011f\u0131 g\u00f6rselin t\u00fcr\u00fcne g\u00f6re de\u011fi\u015fir; bir \u00fcr\u00fcn foto\u011fraf\u0131nda boyutland\u0131rma, ekran g\u00f6r\u00fcnt\u00fcs\u00fc a\u011f\u0131rl\u0131kl\u0131 bir sayfada format de\u011fi\u015fimi daha belirgin sonu\u00e7 verebilir.<\/p>\n<p>Gecikmeli y\u00fckleme (lazy loading) ve taray\u0131c\u0131 \u00f6nbellek ba\u015fl\u0131klar\u0131 ise farkl\u0131 bir sorunu \u00e7\u00f6zer: ilk ikisi dosyan\u0131n kendisini k\u00fc\u00e7\u00fclt\u00fcrken, bu ikisi dosyan\u0131n ne zaman ve ka\u00e7 kez indirilece\u011fini belirler. Sayfan\u0131n ilk g\u00f6r\u00fcn\u00fcm\u00fcnde olmayan bir g\u00f6rseli hemen indirmemek, ilk y\u00fcklemeyi h\u0131zland\u0131r\u0131r; taray\u0131c\u0131da bir s\u00fcre saklanan g\u00f6rsel ise ikinci ziyarette hi\u00e7 indirilmez.<\/p>\n<h2>G\u00f6rsel optimizasyonu ad\u0131m ad\u0131m nas\u0131l yap\u0131l\u0131r<\/h2>\n<ol class=\"kb-adimlar\">\n<li><strong>WebP&#8217;ye d\u00f6n\u00fc\u015ft\u00fcrme<\/strong> \u2014 WordPress 5.8 ve sonras\u0131nda medya k\u00fct\u00fcphanesi WebP dosyalar\u0131n\u0131 do\u011frudan kabul eder; mevcut JPG\/PNG g\u00f6rselleri toplu d\u00f6n\u00fc\u015ft\u00fcrmek isterseniz cPanel&#8217;deki G\u00f6r\u00fcnt\u00fcler arac\u0131n\u0131 kullanabilirsiniz.<br \/>\n<figure class=\"kb-ekran\"><img decoding=\"async\" src=\"https:\/\/narhost.com\/destek\/wp-content\/uploads\/2026\/09\/gorsel-optimizasyonu-ile-site-hizi-nasil-artirilir-adim-1.webp\" alt=\"G\u00f6rsel optimizasyonu site h\u0131z\u0131 i\u00e7in cPanel G\u00f6r\u00fcnt\u00fcler arac\u0131yla toplu WebP d\u00f6n\u00fc\u015ft\u00fcrme ekran\u0131\" width=\"1200\" height=\"318\" loading=\"lazy\"><figcaption>cPanel G\u00f6r\u00fcnt\u00fcler arac\u0131; se\u00e7ilen dosyalar\u0131 toplu bi\u00e7imde d\u00f6n\u00fc\u015ft\u00fcr\u00fcr ve \u00f6l\u00e7eklendirir.<\/figcaption><\/figure>\n<p class=\"kb-cikti\">Beklenen sonu\u00e7: se\u00e7ti\u011finiz g\u00f6rsellerin yan\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fclm\u00fc\u015f kopyalar\u0131 olu\u015fur.<\/p>\n<\/li>\n<li><strong>Ger\u00e7ek boyuta k\u00fc\u00e7\u00fcltme<\/strong> \u2014 ayn\u0131 G\u00f6r\u00fcnt\u00fcler arac\u0131ndaki \u00f6l\u00e7eklendirme se\u00e7ene\u011fiyle ya da WordPress medya d\u00fczenleyicisindeki k\u0131rpma\/yeniden boyutland\u0131rma \u00f6zelli\u011fiyle g\u00f6rseli sayfada g\u00f6r\u00fcnd\u00fc\u011f\u00fc piksel geni\u015fli\u011fine indirin.\n<p class=\"kb-cikti\">Beklenen sonu\u00e7: dosya boyutu genelde belirgin \u015fekilde k\u00fc\u00e7\u00fcl\u00fcr, g\u00f6rsel kalitesi g\u00f6zle ayn\u0131 kal\u0131r.<\/p>\n<\/li>\n<li><strong>Gecikmeli y\u00fckleme<\/strong> \u2014 WordPress 5.5&#8217;ten beri g\u00f6rsellere <code>loading=\"lazy\"<\/code> \u00f6zniteli\u011fini otomatik ekler; teman\u0131z ya da eklentileriniz bunu kapatmad\u0131ysa ek bir i\u015flem gerekmez. Sayfa kayna\u011f\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleyip birka\u00e7 <code>&lt;img&gt;<\/code> etiketinde bu \u00f6zniteli\u011fi kontrol edin.<\/li>\n<li><strong>Taray\u0131c\u0131 \u00f6nbellek ba\u015fl\u0131klar\u0131<\/strong> \u2014 g\u00f6rseller de\u011fi\u015ftik\u00e7e yeniden indirilmesin, taray\u0131c\u0131 bir s\u00fcre kendi kopyas\u0131n\u0131 kullans\u0131n diye <code>.htaccess<\/code> \u00fczerinden \u00f6nbellek s\u00fcresi tan\u0131mlan\u0131r; bu ad\u0131m\u0131n t\u00fcm kod \u00f6rne\u011fi <a href=\"https:\/\/narhost.com\/destek\/htaccess-ile-tarayici-onbellekleme-islemi\/\" title=\".htaccess ile taray\u0131c\u0131 \u00f6nbellekleme i\u015flemi \u2014 Narhost Destek\">.htaccess ile taray\u0131c\u0131 \u00f6nbellekleme<\/a> yaz\u0131s\u0131ndad\u0131r.<\/li>\n<\/ol>\n<h2>Do\u011frulama<\/h2>\n<div class=\"success-box\">\n<p class=\"label\">Sonu\u00e7<\/p>\n<p><a href=\"https:\/\/pagespeed.web.dev\/\" title=\"Google PageSpeed Insights \u2014 resmi \u00f6l\u00e7\u00fcm arac\u0131\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a> ile sitenizi tekrar taray\u0131n; &#8220;g\u00f6r\u00fcnt\u00fcleri uygun boyutlarda sunun&#8221; ve &#8220;g\u00f6r\u00fcnt\u00fcleri yeni nesil formatlarda sunun&#8221; uyar\u0131lar\u0131 listeden d\u00fc\u015fm\u00fc\u015fse ad\u0131mlar i\u015fe yaram\u0131\u015f demektir. Rakamsal bir hedef koymak yerine bu uyar\u0131lar\u0131n azald\u0131\u011f\u0131n\u0131 g\u00f6rmek yeterli bir \u00f6l\u00e7\u00fctt\u00fcr.<\/p>\n<\/div>\n<h2>H\u00e2l\u00e2 \u00e7\u00f6z\u00fclmediyse<\/h2>\n<ul>\n<li><strong>G\u00f6rselleri d\u00f6n\u00fc\u015ft\u00fcrd\u00fcm ama sayfa h\u00e2l\u00e2 eski h\u00e2liyle a\u00e7\u0131l\u0131yor.<\/strong> Bir sayfa \u00f6nbelle\u011finiz varsa eski kopya sunuluyor olabilir; <a href=\"https:\/\/narhost.com\/destek\/wordpress-onbellek-eklentisi\/\" title=\"WordPress \u00f6nbellek eklentisi nas\u0131l kurulur \u2014 Narhost Destek\">\u00f6nbellek eklentisi<\/a> kuruluysa \u00f6nbelle\u011fi temizleyip yeniden deneyin.<\/li>\n<li><strong>Y\u00fczlerce \u00fcr\u00fcn g\u00f6rselim var, teker teker yapmak \u00e7ok uzun s\u00fcr\u00fcyor.<\/strong> cPanel G\u00f6r\u00fcnt\u00fcler arac\u0131ndaki toplu se\u00e7im \u00f6zelli\u011fini kullanabilir ya da i\u015flemi birka\u00e7 kategoriye b\u00f6l\u00fcp a\u015famal\u0131 yapabilirsiniz; hangi y\u00f6ntemin sitenize uygun oldu\u011funu de\u011ferlendirmek i\u00e7in destek talebi de a\u00e7abilirsiniz.<\/li>\n<li><strong><code>loading=\"lazy\"<\/code> \u00f6zniteli\u011fi sayfa kayna\u011f\u0131nda g\u00f6r\u00fcnm\u00fcyor.<\/strong> Teman\u0131z ya da bir eklenti bunu devre d\u0131\u015f\u0131 b\u0131rakm\u0131\u015f olabilir; <a href=\"https:\/\/narhost.com\/destek\/adim-adim-wordpresste-sorunlu-eklenti-nasil-bulunur\/\" title=\"WordPress&#039;te sorunlu eklenti nas\u0131l bulunur \u2014 Narhost Destek\">sorunlu eklenti bulma<\/a> y\u00f6ntemiyle hangi bile\u015fenin bunu de\u011fi\u015ftirdi\u011fini bulabilirsiniz.<\/li>\n<\/ul>\n<div class=\"cta-box\">\n<p class=\"label\">Narhost deste\u011fi<\/p>\n<p>G\u00f6rsel optimizasyonu s\u0131ras\u0131nda sorun ya\u015f\u0131yorsan\u0131z destek talebinize alan ad\u0131n\u0131z\u0131, hangi ad\u0131m\u0131 denedi\u011finizi ve varsa etkilenen sayfa adresini ekleyin.<\/p>\n<p><a class=\"cta-btn\" href=\"https:\/\/narhost.com\/submitticket.php\" title=\"Narhost destek talebi a\u00e7\">Destek talebi a\u00e7<\/a><\/div>\n<div class=\"kb-ilgili\">\n<p class=\"label\">Sonraki ad\u0131mlar<\/p>\n<ul>\n<li><a href=\"https:\/\/narhost.com\/destek\/site-hizi-nasil-artirilir\/\" title=\"Site h\u0131z\u0131 nas\u0131l art\u0131r\u0131l\u0131r \u2014 Narhost Destek\">Site h\u0131z\u0131 nas\u0131l art\u0131r\u0131l\u0131r<\/a><\/li>\n<li><a href=\"https:\/\/narhost.com\/destek\/htaccess-ile-tarayici-onbellekleme-islemi\/\" title=\".htaccess ile taray\u0131c\u0131 \u00f6nbellekleme i\u015flemi \u2014 Narhost Destek\">.htaccess ile taray\u0131c\u0131 \u00f6nbellekleme<\/a><\/li>\n<li><a href=\"https:\/\/narhost.com\/destek\/wordpress-onbellek-eklentisi\/\" title=\"WordPress \u00f6nbellek eklentisi nas\u0131l kurulur \u2014 Narhost Destek\">WordPress \u00f6nbellek eklentisi kurulumu<\/a><\/li>\n<li><a href=\"https:\/\/narhost.com\/destek\/google-pagespeed-puanini-artirma-wordpress-hiz-ayarlari-nasil-yapilir\/\" title=\"Google PageSpeed puan\u0131n\u0131 art\u0131rma \u2014 Narhost Destek\">PageSpeed puan\u0131 art\u0131rma<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"kb-faq\">\n<h2>S\u0131k\u00e7a sorulan sorular<\/h2>\n<h3>G\u00f6rsel optimizasyonu site h\u0131z\u0131n\u0131 ne kadar etkiler?<\/h3>\n<p>Etkinin b\u00fcy\u00fckl\u00fc\u011f\u00fc sitenize g\u00f6re de\u011fi\u015fir; kesin bir rakam vermek yerine PageSpeed Insights ile \u00f6ncesi ve sonras\u0131 taramay\u0131 kar\u015f\u0131la\u015ft\u0131rman\u0131z\u0131 \u00f6neririz.<\/p>\n<h3>Hangi eklenti g\u00f6rsel optimizasyonu i\u00e7in en iyisidir?<\/h3>\n<p>Belirli bir eklentiyi \u00f6nermiyoruz; WordPress&#8217;in kendi WebP deste\u011fi ve cPanel&#8217;deki G\u00f6r\u00fcnt\u00fcler arac\u0131 \u00e7o\u011fu site i\u00e7in eklenti kurmadan yeterlidir.<\/p>\n<h3>WebP&#8217;ye d\u00f6n\u00fc\u015ft\u00fcr\u00fcnce g\u00f6rsel kalitesi d\u00fc\u015fer mi?<\/h3>\n<p>Do\u011fru ayarlarla g\u00f6zle fark edilir bir kalite kayb\u0131 olmaz; yaln\u0131zca \u00e7ok y\u00fcksek s\u0131k\u0131\u015ft\u0131rma oran\u0131 se\u00e7erseniz bulan\u0131kl\u0131k g\u00f6r\u00fclebilir.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>G\u00f6rsel optimizasyonu site h\u0131z\u0131 i\u00e7in en h\u0131zl\u0131 geri d\u00f6n\u00fc\u015f\u00fc veren ad\u0131mlardand\u0131r: WebP d\u00f6n\u00fc\u015f\u00fcm\u00fc, ger\u00e7ek boyuta k\u00fc\u00e7\u00fcltme, loading=&#8221;lazy&#8221; ve taray\u0131c\u0131 \u00f6nbellek ba\u015fl\u0131klar\u0131.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[133,247],"class_list":["post-1913","post","type-post","status-publish","format-standard","hentry","category-web-hosting","tag-hiz","tag-gorsel"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/posts\/1913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/comments?post=1913"}],"version-history":[{"count":0,"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/posts\/1913\/revisions"}],"wp:attachment":[{"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/media?parent=1913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/categories?post=1913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/narhost.com\/destek\/wp-json\/wp\/v2\/tags?post=1913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}