{"id":10379,"date":"2017-09-05T09:26:10","date_gmt":"2017-09-05T07:26:10","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=10379"},"modified":"2017-09-06T09:30:42","modified_gmt":"2017-09-06T07:30:42","slug":"goruntulerinizi-optimize-ederek-site-hizinizi-artirin","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/goruntulerinizi-optimize-ederek-site-hizinizi-artirin\/","title":{"rendered":"G\u00f6r\u00fcnt\u00fclerinizi Optimize Ederek Site H\u0131z\u0131n\u0131z\u0131 Art\u0131r\u0131n"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\">Web sitenizin ziyaret\u00e7ilerinin neredeyse yar\u0131s\u0131n\u0131n, web sitenizin 2 saniye i\u00e7inde ya da daha k\u0131sa bir s\u00fcrede y\u00fcklenmesini bekledi\u011fini biliyor muydunuz? Hatta daha k\u00f6t\u00fcs\u00fc, bu ziyaret\u00e7ilerin \u00e7o\u011fu 3 saniye i\u00e7inde y\u00fcklenmedi\u011fi taktirde web sitenizi terk edecektir.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Neyse ki web sitenizi h\u0131zland\u0131rarak ziyaret\u00e7ilerin web sitenizi terk etmesini \u00f6nemli \u00f6l\u00e7\u00fcde azaltabilirsiniz.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Bir web sayfas\u0131nda indirilen baytlar\u0131n \u00e7o\u011funu genellikle g\u00f6r\u00fcnt\u00fcler olu\u015fturur. <strong>Sayfan\u0131z\u0131n h\u0131z\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rmak i\u00e7in bir yol ar\u0131yorsan\u0131z, yapman\u0131z gereken ilk \u015fey WordPress web sitenizdeki g\u00f6r\u00fcnt\u00fcleri optimize etmektir.<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u0130\u015fte \u0131\u015f\u0131k h\u0131z\u0131nda y\u00fcklenme s\u00fcreleri elde etmek i\u00e7in kullanabilece\u011finiz 5 optimizasyon\u00a0ipucu:<\/span><\/p>\n<ol>\n<li><strong><span style=\"font-size: 14pt;\">G\u00f6r\u00fcnt\u00fcleri s\u0131k\u0131\u015ft\u0131r\u0131n.<\/span><\/strong><\/li>\n<\/ol>\n<p><span style=\"font-size: 14pt;\">WordPress web sitenizde yava\u015f y\u00fcklenen g\u00f6r\u00fcnt\u00fclerin \u00f6n\u00fcne ge\u00e7menin en iyi yolu, g\u00f6r\u00fcnt\u00fclerinizi y\u00fcklemeden \u00f6nce bu g\u00f6r\u00fcnt\u00fcleri g\u00f6r\u00fcnt\u00fc d\u00fczenleme yaz\u0131l\u0131mlar\u0131yla s\u0131k\u0131\u015ft\u0131rmakt\u0131r. Fakat do\u011fru yaz\u0131l\u0131m\u0131 bulamad\u0131ysan\u0131z ya da sitenizdeki daha \u00f6nceden y\u00fcklenmi\u015f olan g\u00f6r\u00fcnt\u00fcleri optimize etmek istiyorsan\u0131z ne yapabilirsiniz?<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">A\u015fa\u011f\u0131da de\u011finece\u011fimiz g\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma eklentisi, g\u00f6r\u00fcnt\u00fcleri WordPress web sitenize y\u00fcklerken anl\u0131k olarak optimize etmenizi sa\u011flayan kolay bir y\u00f6ntemdir.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">G\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma yapt\u0131\u011f\u0131n\u0131z zaman, g\u00f6r\u00fcnt\u00fc kaliteleri etkilenmeden g\u00f6r\u00fcnt\u00fclerinizin boyutlar\u0131n\u0131 azaltabilirsiniz. S\u0131k\u0131\u015ft\u0131rma i\u015flemi ile bir g\u00f6r\u00fcnt\u00fcn\u00fcn boyutlar\u0131 ziyaret\u00e7ilerin fark edemeyece\u011fi \u015fekilde azalt\u0131l\u0131r ve g\u00f6r\u00fcnt\u00fcler hala net ve keskin g\u00f6r\u00fcn\u00fcr.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fc olan g\u00f6r\u00fcnt\u00fcleri s\u0131k\u0131\u015ft\u0131rmak i\u00e7in kullanabilece\u011finiz en iyi eklenti <a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"nofollow\">EWWW Image Optimizer<\/a> eklentisidir. Eklentiyi etkinle\u015ftirdi\u011finiz zaman y\u00fckledi\u011finiz t\u00fcm g\u00f6r\u00fcnt\u00fcleri otomatik olarak optimize edebilirsiniz. Ayr\u0131ca bu eklenti ile web sitenize daha \u00f6nce y\u00fcklemi\u015f oldu\u011funuz g\u00f6r\u00fcnt\u00fcleri de optimize edebilirsiniz.<\/span><\/p>\n<ol start=\"2\">\n<li><strong><span style=\"font-size: 14pt;\">Lazy Load\u2019dan faydalan\u0131n.<\/span><\/strong><\/li>\n<\/ol>\n<p><span style=\"font-size: 14pt;\">Web sitenizde daha yava\u015f y\u00fcklenmelere sebep olan \u00e7ok say\u0131da g\u00f6r\u00fcnt\u00fc kullanmak m\u0131 istiyorsunuz?<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">G\u00f6r\u00fcnt\u00fclerin say\u0131s\u0131n\u0131 azaltmak ideal bir \u00e7\u00f6z\u00fcm de\u011fildir. \u00d6zellikle sadece metin ile veremeyece\u011finiz mesajlar\u0131 iletmek istedi\u011finiz zaman g\u00f6r\u00fcnt\u00fc ekleyememeniz b\u00fcy\u00fck bir eksiklik olur. E\u011fer WordPress web sitenizin \u00e7o\u011fu sayfas\u0131nda bir\u00e7ok resim kullan\u0131yorsan\u0131z, bu g\u00f6r\u00fcnt\u00fclerin sadece gerekli olanlar\u0131n\u0131n kullan\u0131c\u0131lara g\u00f6r\u00fcn\u00fcr olmalar\u0131n\u0131 isteyebilirsiniz. B\u00f6ylelikle sadece ilgili ekrandaki g\u00f6r\u00fcnt\u00fcler y\u00fcklenir, di\u011fer g\u00f6r\u00fcnt\u00fcler ise ziyaret\u00e7i \u00fczerine gelene kadar y\u00fcklenmeyecektir. Bu duruma Lazy Load denir. <strong>Lazy load ile bantgeni\u015fli\u011finizden tasarruf edersiniz ve sayfa y\u00fcklenme h\u0131zlar\u0131n\u0131z artar.<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Lazy load y\u00fcklemeleri yapmak i\u00e7in tek yapman\u0131z gereken, <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load\/\" target=\"_blank\" rel=\"nofollow\">Lazy Load eklentisi<\/a>ni web sitenizde etkinle\u015ftirmektir.<\/span><\/p>\n<ol start=\"3\">\n<li><strong><span style=\"font-size: 14pt;\">Do\u011fru format\u0131 kullan\u0131n.<\/span><\/strong><\/li>\n<\/ol>\n<p><span style=\"font-size: 14pt;\">Web siteniz i\u00e7in g\u00f6r\u00fcnt\u00fc d\u00fczenlemeleri yaparken, g\u00f6r\u00fcnt\u00fc kalitesi ve dosya boyutu aras\u0131nda uyu\u015fma olmal\u0131d\u0131r. <strong>G\u00f6r\u00fcnt\u00fc formatlar\u0131n\u0131 do\u011fru olarak kaydetmek, g\u00f6r\u00fcnt\u00fcleri optimize etmenin ve g\u00f6r\u00fcnt\u00fc kalitesi ile dosya boyutu aras\u0131nda uyu\u015fma sa\u011flaman\u0131n en iyi yoludur.<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Web siteniz i\u00e7in do\u011fru olan g\u00f6r\u00fcnt\u00fc dosya bi\u00e7iminin hangisi oldu\u011funu merak ediyor musunuz? \u0130\u015fte en yayg\u0131n olanlar\u0131:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\"><strong>JPG<\/strong>, bir kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma dosya bi\u00e7imidir. Foto\u011fraflar\u0131 daha k\u00fc\u00e7\u00fck bir boyutta depolamak i\u00e7in bu format\u0131 kullanabilirsiniz. Farkl\u0131 renklerdeki \u00e7ok say\u0131da g\u00f6r\u00fcnt\u00fc i\u00e7in en iyi se\u00e7enektir.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><strong>PNG<\/strong>, kay\u0131ps\u0131z bir s\u0131k\u0131\u015ft\u0131rma dosya bi\u00e7imidir. Daha basit ve saydam g\u00f6r\u00fcnt\u00fcler i\u00e7in bu format\u0131 kullanabilirsiniz. \u00c7izimleri ve metinleri daha k\u00fc\u00e7\u00fck bir boyutta saklaman\u0131z i\u00e7in iyi bir se\u00e7enektir.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><strong>GIF<\/strong>, \u00e7ok k\u00fc\u00e7\u00fck g\u00f6r\u00fcnt\u00fcler i\u00e7in ve sadece birka\u00e7 renk kullanan g\u00f6r\u00fcnt\u00fcler i\u00e7in en iyi se\u00e7enektir.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">\u0130\u015fte bu 3 farkl\u0131 dosya format\u0131n\u0131n g\u00f6r\u00fcn\u00fcmleri:<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-10381 size-full\" src=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2017\/08\/jpeg-gif-png-example.jpg\" alt=\"jpeg-gif-png-example\" width=\"488\" height=\"116\" srcset=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2017\/08\/jpeg-gif-png-example.jpg 488w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2017\/08\/jpeg-gif-png-example-300x71.jpg 300w\" sizes=\"(max-width: 488px) 100vw, 488px\" \/><\/p>\n<p><span style=\"font-size: 14pt;\">Web i\u00e7in optimize edilmi\u015f g\u00f6r\u00fcnt\u00fcleri d\u00fczenlemek ve kaydetmek i\u00e7in kullanabilece\u011finiz en iyi yol Photoshop kullanmakt\u0131r. Bunun yerine \u00fccretsiz bir alternatif ar\u0131yorsan\u0131z GIMP&#8217;i tercih edebilirsiniz.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">\u0130\u015fte g\u00f6r\u00fcnt\u00fc kalitesi ve g\u00f6r\u00fcnt\u00fc boyutu aras\u0131nda m\u00fckemmel bir uyum sa\u011flamak i\u00e7in g\u00f6r\u00fcnt\u00fclerinizi optimize etmenize yard\u0131mc\u0131 olacak birka\u00e7 \u00fccretsiz online ara\u00e7:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\"><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"nofollow\">TinyPNG<\/a>, PNG dosyalar\u0131n\u0131z\u0131n kalitesinde bir bozulma olmadan boyutlar\u0131n\u0131 azaltman\u0131z\u0131 sa\u011flayan ak\u0131ll\u0131 bir kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma arac\u0131d\u0131r. Her biri en fazla 5 MB olacak \u015fekilde maksimum 20 g\u00f6r\u00fcnt\u00fcye kadar y\u00fckleme yapabilirsiniz.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><a href=\"http:\/\/www.jpegmini.com\/\" target=\"_blank\" rel=\"nofollow\">JPEGmini<\/a>, JPEG dosyalar\u0131n\u0131z\u0131n kalitelerinde bir bozulma olmadan boyutlar\u0131n\u0131 azaltman\u0131z\u0131 sa\u011flayan bir s\u0131k\u0131\u015ft\u0131rma arac\u0131d\u0131r. Web s\u00fcr\u00fcm\u00fc \u00fccretsizdir ve ayr\u0131ca masa\u00fcst\u00fc uygulamas\u0131 olarak kullanabilece\u011finiz premium versiyonu da mevcuttur.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><a href=\"https:\/\/imageoptim.com\/mac\" target=\"_blank\" rel=\"nofollow\">ImageOptim<\/a>, g\u00f6r\u00fcnt\u00fclerin dosya boyutlar\u0131n\u0131 azaltman\u0131za olanak veren bir Mac uygulamas\u0131d\u0131r.<\/span><\/li>\n<\/ul>\n<ol start=\"4\">\n<li><strong><span style=\"font-size: 14pt;\">G\u00f6r\u00fcnt\u00fc Hotlink&#8217;i \u00d6nleyin<\/span><\/strong><\/li>\n<\/ol>\n<p><span style=\"font-size: 14pt;\">Hotlinking, orijinal kaynaktan y\u00fckleme yapan fakat \u00fc\u00e7\u00fcnc\u00fc parti sitelerde sunulan g\u00f6r\u00fcnt\u00fclerin sunucunuzdan bant geni\u015fli\u011fi \u00e7almas\u0131 i\u015flemidir. <strong>Bu uygulama sunucu y\u00fck\u00fcn\u00fcz\u00fc ve bant geni\u015fli\u011fi kullan\u0131m\u0131n\u0131z\u0131 art\u0131r\u0131r.<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">WordPress web sitenizden hotlinking&#8217;i devre d\u0131\u015f\u0131 b\u0131rakman\u0131n kolay yolu, .htaccess dosyan\u0131za a\u015fa\u011f\u0131daki kodu eklemektir.<\/span><\/p>\n<p><em>RewriteEngine on<\/em><\/p>\n<p><em>RewriteCond %{HTTP_REFERER} !^$<\/em><\/p>\n<p><em>RewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www\\.)?websiteniz.com [NC]<\/em><\/p>\n<p><em>RewriteRule \\.(jpg|jpeg|png|gif)$ \u2013 [NC,F,L]<\/em><\/p>\n<p><strong><span style=\"font-size: 14pt;\">Yukar\u0131daki kodda websiteniz.com olan domain ad\u0131n\u0131z\u0131 de\u011fi\u015ftirdi\u011finizden emin olun.<\/span><\/strong><\/p>\n<p><span style=\"font-size: 14pt;\">Bu kod, g\u00f6r\u00fcnt\u00fclerin arama sonu\u00e7lar\u0131nda ve web sitenizde g\u00f6r\u00fcnt\u00fclenmesine izin verir fakat hotlink ba\u011flant\u0131lar\u0131n\u0131 engeller.<\/span><\/p>\n<ol start=\"5\">\n<li><strong><span style=\"font-size: 14pt;\">G\u00f6r\u00fcnt\u00fcler yerine CSS kullan\u0131n.<\/span><\/strong><\/li>\n<\/ol>\n<p><span style=\"font-size: 14pt;\">Bir g\u00f6r\u00fcnt\u00fcy\u00fc kullanmak genellikle HTML&#8217;den, CSS&#8217;ten ve JavaScript&#8217;ten daha fazla bayt kullan\u0131m\u0131n\u0131 gerektirir. Bir g\u00f6r\u00fcnt\u00fc yerine m\u00fcmk\u00fcn oldu\u011funca <strong>CSS kullanmak, y\u00fcklenme s\u00fcrelerinizi d\u00fc\u015f\u00fcrmek i\u00e7in harika bir yoldur.<\/strong> \u00d6rne\u011fin, basit CSS kullanarak gradyanlar, yuvarlanm\u0131\u015f dikd\u00f6rtgenler ya da g\u00f6lgeler gibi belirli \u015fekilleri yapabilirsiniz.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">CSS&#8217;i kullan\u0131rken taray\u0131c\u0131 uyumlulu\u011funa dikkat edin \u00e7\u00fcnk\u00fc t\u00fcm taray\u0131c\u0131larda ayn\u0131 \u015fekilde g\u00f6r\u00fcnt\u00fcler olu\u015fmaz.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Yukar\u0131da verdi\u011fimiz g\u00f6r\u00fcnt\u00fc optimizasyonu ipu\u00e7lar\u0131 ile sayfa y\u00fcklenme s\u00fcrelerinizi \u00f6nemli \u00f6l\u00e7\u00fcde azaltabilirsiniz. <strong>Y\u00fcklenme s\u00fcrelerindeki her geli\u015fme, ziyaret\u00e7ilerinizin web sitenizde daha uzun s\u00fcre kalmalar\u0131n\u0131 sa\u011flar.<\/strong><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web sitenizin ziyaret\u00e7ilerinin neredeyse yar\u0131s\u0131n\u0131n, web sitenizin 2 saniye i\u00e7inde ya da daha k\u0131sa bir s\u00fcrede y\u00fcklenmesini bekledi\u011fini biliyor muydunuz? Hatta daha&hellip;<\/p>\n","protected":false},"author":3,"featured_media":10398,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-10379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-haberler"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/10379","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=10379"}],"version-history":[{"count":5,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/10379\/revisions"}],"predecessor-version":[{"id":10387,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/10379\/revisions\/10387"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/10398"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=10379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=10379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=10379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}