{"id":32998,"date":"2022-03-11T17:00:46","date_gmt":"2022-03-11T14:00:46","guid":{"rendered":"https:\/\/www.natro.com\/blog\/?p=32998"},"modified":"2022-08-18T09:40:15","modified_gmt":"2022-08-18T06:40:15","slug":"sitenizi-hizlandirmak-icin-brotli-ve-gzip-arasindaki-fark-nedir","status":"publish","type":"post","link":"https:\/\/www.natro.com\/blog\/sitenizi-hizlandirmak-icin-brotli-ve-gzip-arasindaki-fark-nedir\/","title":{"rendered":"Sitenizi H\u0131zland\u0131rmak i\u00e7in Brotli ve Gzip Aras\u0131ndaki Fark Nedir?"},"content":{"rendered":"\n<p>\u0130nternette ge\u00e7irilen s\u00fcrenin artmas\u0131 ve sitenizin kaliteli siteler aras\u0131nda yer alman\u0131n k\u0131staslar\u0131 aras\u0131nda site a\u00e7\u0131lma h\u0131z\u0131n\u0131n bulunmas\u0131 gibi sebepler sitenin a\u00e7\u0131lma h\u0131z\u0131n\u0131 \u00f6nemli hale getirdi. Siz de sitenizi h\u0131zland\u0131rman\u0131n yollar\u0131n\u0131 ar\u0131yorsan\u0131z sunucunuzda s\u0131k\u0131\u015ft\u0131rmay\u0131 a\u00e7man\u0131z gerekir. Web sunucunuz da sunucunuzun konu\u015ftu\u011fu taray\u0131c\u0131 da ortak bir s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131 anlad\u0131\u011f\u0131nda iletilen veriler s\u0131k\u0131\u015ft\u0131r\u0131l\u0131r. Bu durum verileri k\u00fc\u00e7\u00fclterek daha h\u0131zl\u0131 al\u0131nmas\u0131n\u0131 ve sayfan\u0131n daha h\u0131zl\u0131 bir \u015fekilde a\u00e7\u0131lmas\u0131n\u0131 sa\u011flar.<\/p>\n\n\n\n<p>H\u0131zl\u0131 a\u00e7\u0131lan sayfalar\u0131n avantajlar\u0131ndan baz\u0131lar\u0131 \u015fu \u015fekildedir:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Kullan\u0131c\u0131 dostu sayfalar olarak\u00a0ziyaret\u00e7ilerin sadakatini sa\u011flar.<\/li><li>Video i\u00e7eriklerin donmadan h\u0131zl\u0131 a\u00e7\u0131lmas\u0131n\u0131 sa\u011flar.<\/li><li>E Ticaret projelerinde m\u00fc\u015fterilerin al\u0131\u015fveri\u015flerini kolayla\u015ft\u0131r\u0131r.<\/li><li>Haber sitelerinde okurlar\u0131 do\u011fru bilgiye h\u0131zl\u0131ca ula\u015ft\u0131r\u0131r.<\/li><\/ul>\n\n\n\n<p>Google taraf\u0131ndan yap\u0131lan ara\u015ft\u0131rmaya g\u00f6re sitenizin y\u00fcklenmesi 3 saniyeden uzun s\u00fcrd\u00fc\u011f\u00fcnde kullan\u0131c\u0131lar\u0131n y\u00fczde 40\u2019\u0131 sitenizi terk eder. 1 saniyelik bir gecikmede ise y\u00fczde 7\u2019lik d\u00fc\u015f\u00fc\u015f ya\u015fan\u0131r. Bu durum s\u0131k\u0131\u015ft\u0131rman\u0131n ve sitenin h\u0131z\u0131n\u0131n art\u0131r\u0131lmas\u0131 i\u00e7in yap\u0131lmas\u0131 gerekenlerin \u00f6nemini ortaya koyar. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Sitenin h\u0131z\u0131n\u0131 artt\u0131rma y\u00f6ntemleriyle ilgili \u00f6nerilerin bulundu\u011fu yaz\u0131m\u0131z\u0131 <a href=\"https:\/\/www.natro.com\/blog\/site-hizi-arttirma-yontemleri-en-iyi-eklentiler\/\" target=\"_blank\" rel=\"noreferrer noopener\">buradan<\/a> inceleyebilirsiniz.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-sikistirma-nasil-yapilir\"><span id=\"sikistirma-nasil-yapilir\"><strong>S\u0131k\u0131\u015ft\u0131rma Nas\u0131l Yap\u0131l\u0131r?<\/strong><\/span><\/h2>\n\n\n\n<p>Taray\u0131c\u0131n\u0131z ile sunucunuz algoritmalar arac\u0131l\u0131\u011f\u0131yla konu\u015fur. Siz taray\u0131c\u0131ya URL ekledi\u011finizde bu konu\u015fma ger\u00e7ekle\u015fir. Ger\u00e7ekle\u015fen konu\u015fmalar aras\u0131nda da s\u0131k\u0131\u015ft\u0131rma olup olmad\u0131\u011f\u0131 varsa sunucunun bu s\u0131k\u0131\u015ft\u0131rmay\u0131 a\u00e7\u0131p a\u00e7mayaca\u011f\u0131d\u0131r. E\u011fer s\u0131k\u0131\u015ft\u0131rma varsa ve hangi algoritma ile yap\u0131ld\u0131\u011f\u0131n\u0131 biliyorsa sunucunuz taray\u0131c\u0131ya t\u00fcm verileri s\u0131k\u0131\u015ft\u0131rarak g\u00f6nderir. Geli\u015fmi\u015f web taray\u0131c\u0131lar\u0131ndaki algoritmalar s\u00f6nd\u00fcr, gzip ve brotli ile kodlan\u0131r.<\/p>\n\n\n\n<h2 id=\"gzip-sikistirma-nasil-olur\" class=\"wp-block-heading\"><strong>Gzip S\u0131k\u0131\u015ft\u0131rma Nas\u0131l Olur?<\/strong><\/h2>\n\n\n\n<p>Gzip, Jean-loup Gailly ile Mark Adler\u2019in betas\u0131n\u0131 1992\u2019de yazd\u0131\u011f\u0131 Gzip 1993\u2019\u00fcn ba\u015flar\u0131nda kullan\u0131lmaya ba\u015flad\u0131. Halen yayg\u0131n olarak kullan\u0131lan yaz\u0131l\u0131m s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131d\u0131r.\u00a0Ba\u015flang\u0131\u00e7ta dosyalar\u0131n\u0131z\u0131 s\u0131k\u0131\u015ft\u0131rmak i\u00e7in tasarlanan Gzip, sonradan web \u00fczerinde de \u00e7al\u0131\u015fabilmesi i\u00e7in ak\u0131\u015flar\u0131n\u0131z\u0131 s\u0131k\u0131\u015ft\u0131rmaya uyarland\u0131. \u0130lk tasarland\u0131\u011f\u0131nda \u00e7ok ama\u00e7l\u0131 s\u0131k\u0131\u015ft\u0131rma kitapl\u0131\u011f\u0131 olarak planlanan yaz\u0131l\u0131m\u0131n tam ismi GNU Zip\u2019tir.<\/p>\n\n\n\n<p>Gzip sayesinde sitenizdeki HTML sayfalar\u0131n\u0131n yan\u0131 s\u0131ra stil sayfalar\u0131yla komut dosyalar\u0131n\u0131n boyutu azalt\u0131l\u0131r. Ayr\u0131ca Gzip . gz dosyalar\u0131n\u0131n uzant\u0131s\u0131d\u0131r ve dosyalar\u0131n\u0131z\u0131 s\u0131k\u0131\u015ft\u0131rmak ve a\u00e7mak i\u00e7in kullan\u0131l\u0131r. Verilerin s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131 i\u00e7in kullan\u0131lan DEFLATE algoritmas\u0131 halen en pop\u00fcler s\u0131k\u0131\u015ft\u0131rma y\u00f6ntemleri aras\u0131nda yer al\u0131r. DEFLATE, Gzip s\u0131k\u0131\u015ft\u0131rman\u0131n temelidir. Gzip\u2019in s\u0131k\u0131\u015ft\u0131rma seviyeleri 1-9 aras\u0131nda de\u011fi\u015fir. 9. seviye en yava\u015f s\u0131k\u0131\u015ft\u0131rma d\u00fczeyidir. Y\u00fcksek kaliteli s\u0131k\u0131\u015ft\u0131rma sa\u011flar. 1. seviye ise hafif bir s\u0131k\u0131\u015ft\u0131rma sa\u011flar. Fakat g\u00f6rece daha h\u0131zl\u0131d\u0131r.<\/p>\n\n\n\n<p>T\u00fcm b\u00fcy\u00fck taray\u0131c\u0131lar Gzip s\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131 destekler.\u00a0Rovity dahil olmak \u00fczere \u00e7o\u011fu web bar\u0131nd\u0131rma sa\u011flay\u0131c\u0131s\u0131 da Gzip s\u0131k\u0131\u015ft\u0131rmas\u0131 sunar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/12\/dreamstime_s_147133372.jpg\" alt=\"\" class=\"wp-image-32405\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/12\/dreamstime_s_147133372.jpg 800w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/12\/dreamstime_s_147133372-300x200.jpg 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/12\/dreamstime_s_147133372-768x512.jpg 768w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/12\/dreamstime_s_147133372-270x180.jpg 270w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Gzip s\u0131k\u0131\u015ft\u0131rma kulland\u0131\u011f\u0131n\u0131zda \u015fu avantajlarla kar\u015f\u0131la\u015f\u0131rs\u0131n\u0131z:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Metin tabanl\u0131 kaynaklar\u0131n boyutunu %70 civar\u0131nda s\u0131k\u0131\u015ft\u0131r\u0131r. Bu y\u00f6n\u00fcyle iyi bir s\u0131k\u0131\u015ft\u0131rma \u00f6zelli\u011fi bulunur.<\/li><li>Verilerinizi s\u0131k\u0131\u015ft\u0131rma ve a\u00e7ma h\u0131z\u0131 y\u00fcksektir. Bu \u00f6zelli\u011fiyle HTTP sunucular\u0131n\u0131zda ve veri ak\u0131\u015flar\u0131n\u0131zda an\u0131nda s\u0131k\u0131\u015ft\u0131rma sa\u011flad\u0131\u011f\u0131 i\u00e7in sitenizde bu algoritmay\u0131 kullanmak size b\u00fcy\u00fck avantaj sa\u011flar.<\/li><li>Belle\u011finiz s\u0131n\u0131rl\u0131ysa \u00e7ok az bellek gerektiren bir algoritmas\u0131 bulundu\u011fundan sizin i\u00e7in en uygun s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131 vazifesi g\u00f6r\u00fcr. Bu \u00f6zelli\u011fi nedeniyle kullanmay\u0131 d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fcz en ekonomik bar\u0131nd\u0131rma sa\u011flay\u0131c\u0131lar\u0131 taraf\u0131ndan da desteklenir.<\/li><li>A\u00e7\u0131k kaynakl\u0131d\u0131r ve \u00fccretsiz olarak da kullanman\u0131za olanak sa\u011flar.<\/li><li>D\u00fcnyan\u0131n her taraf\u0131ndaki sunucular ve istemciler taraf\u0131ndan da desteklendi\u011fi i\u00e7in sitenizi hangi sunucuda bar\u0131nd\u0131r\u0131rsan\u0131z bar\u0131nd\u0131r\u0131n sorun ya\u015famazs\u0131n\u0131z.<\/li><\/ul>\n\n\n\n<h3 id=\"gzip-nasil-calisir\" class=\"wp-block-heading\"><strong>Gzip Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0130nternet taray\u0131c\u0131s\u0131 index.html web server adresinden index.html\u2019nin s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f halini ister.<\/li><li>Sunucu taraf\u0131ndan dosya bulunur.<\/li><li>Sunucu buldu\u011fu index.html dosyas\u0131n\u0131 s\u0131k\u0131\u015ft\u0131rarak g\u00f6nderir.<\/li><li>Taray\u0131c\u0131 boyutu k\u00fc\u00e7\u00fclen dosyay\u0131 internet taray\u0131c\u0131 da size g\u00f6sterir.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Gzip hakk\u0131nda daha detayl\u0131 bilgi almak istiyorsan\u0131z <a href=\"https:\/\/www.natro.com\/blog\/gzip-nedir\/\" target=\"_blank\" rel=\"noreferrer noopener\">buradaki <\/a>yaz\u0131m\u0131za g\u00f6z atabilirsiniz.<\/p><\/blockquote>\n\n\n\n<h2 id=\"brotli-sikistirma-nedir\" class=\"wp-block-heading\"><strong>Brotli S\u0131k\u0131\u015ft\u0131rma Nedir?<\/strong><\/h2>\n\n\n\n<p>Google \u00e7al\u0131\u015fanlar\u0131 Jyrki Alakuijala ile Zoltan Szabadka, 2013 y\u0131l\u0131nda Brotli\u2019yi webin yaz\u0131 tipleri olan Wot dosyalar\u0131n\u0131 s\u0131k\u0131\u015ft\u0131rman\u0131n daha iyi yollar\u0131n\u0131 ara\u015ft\u0131r\u0131rken geli\u015ftirdi. 2015 y\u0131l\u0131nda da http s\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131 genel olarak ve kay\u0131ps\u0131z olarak s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131n\u0131 destekleyen algoritma yay\u0131nland\u0131. A\u00e7\u0131k kaynakl\u0131 olan brotli, gzipe g\u00f6re daha iyi performans g\u00f6sterir. Yeni nesil taray\u0131c\u0131lar taraf\u0131ndan da desteklenir. Brotlinin avantajlar\u0131 aras\u0131nda \u015funlar bulunur:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Brotli s\u0131k\u0131\u015ft\u0131rmalar\u0131 daha k\u00fc\u00e7\u00fck oldu\u011fu i\u00e7in siteniz daha h\u0131zl\u0131 a\u00e7\u0131l\u0131r.<\/li><li>Gzip s\u0131k\u0131\u015ft\u0131rmalar\u0131na g\u00f6re daha h\u0131zl\u0131d\u0131r.<\/li><li>Kullanm\u0131\u015f oldu\u011funuz chrome, Edge, Safari gibi b\u00fcy\u00fck web taray\u0131c\u0131lar\u0131 taraf\u0131ndan desteklenir.<\/li><li>LZ77 genel ama\u00e7l\u0131 kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131 i\u00e7eren Brotli, web sunucular\u0131 ile i\u00e7erikleri da\u011f\u0131tan a\u011flar taraf\u0131ndan http i\u00e7eri\u011fini s\u0131k\u0131\u015ft\u0131rmak i\u00e7in kullan\u0131l\u0131r. Bu sayede imternet siteleri h\u0131zl\u0131 bir \u015fekilde a\u00e7\u0131l\u0131r. Bu s\u0131k\u0131\u015ft\u0131rma program\u0131 g\u00fcn\u00fcm\u00fczde Gzip\u2019in alternatifi olarak kullan\u0131l\u0131r.\u00a0<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"212\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-1024x212.png\" alt=\"\" class=\"wp-image-33000\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-1024x212.png 1024w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-300x62.png 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-768x159.png 768w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-380x79.png 380w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-800x166.png 800w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-1160x240.png 1160w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-760x157.png 760w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7-600x124.png 600w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/03\/image-7.png 1348w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ara\u015ft\u0131rma Brotli\u2019nin \u0130E (Edge ile de\u011fi\u015ftirilmi\u015ftir) Opera Mini, Baidu d\u0131\u015f\u0131nda yer alan t\u00fcm b\u00fcy\u00fck taray\u0131c\u0131lar taraf\u0131ndan desteklendi\u011fini g\u00f6sterir.<\/p>\n\n\n\n<h3 id=\"brotli-nasil-calisir\" class=\"wp-block-heading\"><strong>Brotli Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/strong><\/h3>\n\n\n\n<p>K\u00fc\u00e7\u00fck metin belgeleri i\u00e7in optimize edilen Brotli \u015fu \u015fekilde \u00e7al\u0131\u015f\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Siz web sitesine internet taray\u0131c\u0131s\u0131 arac\u0131l\u0131\u011f\u0131yla eri\u015fim iste\u011fi g\u00f6nderirsiniz.<\/li><li>G\u00f6nderilen eri\u015fim iste\u011fi internet taray\u0131c\u0131s\u0131 taraf\u0131ndan sunucuya ne t\u00fcr bir i\u00e7eri\u011fi a\u00e7aca\u011f\u0131n\u0131 Accep \u2013 Encoding \u00fcst bilgisi kullanarak g\u00f6nderir.<\/li><li>Sunucu se\u00e7ilen sunucu algoritmalar\u0131na ba\u011fl\u0131 olarak hangi s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f i\u00e7eri\u011fin tercih edilece\u011fini belirler.<\/li><li>Sunucu belirledi\u011fi Content \u2013 Encoding \u00fcst bilgisini taray\u0131c\u0131ya g\u00f6nderir.<\/li><li>\u0130nternet taray\u0131c\u0131s\u0131 gelen verileri a\u00e7arak sayfada g\u00f6sterir.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Brotli hakk\u0131nda detayl\u0131 bilgi i\u00e7eren blog yaz\u0131m\u0131za <a href=\"https:\/\/www.natro.com\/blog\/brotli-nedir-daha-hizli-bir-site-icin-brotli\/\" target=\"_blank\" rel=\"noreferrer noopener\">buradan<\/a> ula\u015fabilirsiniz.<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/dreamstime_s_126555786.jpg\" alt=\"\" class=\"wp-image-32398\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/dreamstime_s_126555786.jpg 800w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/dreamstime_s_126555786-300x200.jpg 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/dreamstime_s_126555786-768x512.jpg 768w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/dreamstime_s_126555786-270x180.jpg 270w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 id=\"brotli-ve-gzip-arasindaki-fark-nedir\" class=\"wp-block-heading\"><strong>Brotli ve Gzip Aras\u0131ndaki Fark Nedir?<\/strong><\/h2>\n\n\n\n<p>\u0130nternet projelerinde sayfa boyutlar\u0131n\u0131n k\u00fc\u00e7\u00fclmesi s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131 kullan\u0131ld\u0131\u011f\u0131n\u0131 biliyorsun. Brotli mi yoksa Gzip mi kullanacaks\u0131n? \u0130kisi kar\u015f\u0131la\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda sen de hangi algoritman\u0131n siten i\u00e7in daha iyi oldu\u011funa karar vereceksin.<\/p>\n\n\n\n<p>Kar\u015f\u0131la\u015ft\u0131rmaya ge\u00e7meden \u00f6nce s\u0131k\u0131\u015ft\u0131rma oran\u0131 ve h\u0131z\u0131 hakk\u0131nda bilgi vermek gerekirse;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>S\u0131k\u0131\u015ft\u0131rma Oran\u0131:<\/strong> Dosya s\u0131k\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda dosyan\u0131n orjinale g\u00f6re k\u00fc\u00e7\u00fclen y\u00fczdesidir.<\/li><li><strong>S\u0131k\u0131\u015ft\u0131rma H\u0131z\u0131<\/strong>: Dosyay\u0131 s\u0131k\u0131\u015ft\u0131rmak ya da a\u00e7mak i\u00e7in ge\u00e7en s\u00fcredir.<\/li><\/ul>\n\n\n\n<p>S\u0131k\u0131\u015ft\u0131rma h\u0131z\u0131 dinamik internet projelerinde hayati \u00f6neme sahiptir. Bu nedenle s\u0131k\u0131\u015ft\u0131rman\u0131n an\u0131nda yap\u0131lmas\u0131 gerekir. Web sitesinin performans\u0131, kalite puan\u0131 ve ziyaret\u00e7ilerin sadakati buna ba\u011fl\u0131d\u0131r.<\/p>\n\n\n\n<p>Gzip algoritmas\u0131 ba\u015flang\u0131\u00e7ta dosyalar\u0131n\u0131z\u0131 s\u0131k\u0131\u015ft\u0131rmak i\u00e7in tasarland\u0131 daha sonra ak\u0131\u015flar\u0131n\u0131z\u0131 s\u0131k\u0131\u015ft\u0131rmaya uyarland\u0131. Brotli ise ak\u0131\u015flar\u0131 s\u0131k\u0131\u015ft\u0131rmak i\u00e7in yaz\u0131lan daha sonra da web i\u00e7eri\u011fini s\u0131k\u0131\u015ft\u0131rarak daha \u00e7ok h\u0131zlanmas\u0131n\u0131 sa\u011flayan iyile\u015ftirmeler yap\u0131ld\u0131. Gzip eski bir s\u0131k\u0131\u015ft\u0131rma arac\u0131 olarak varl\u0131\u011f\u0131n\u0131 s\u00fcrd\u00fcrse de Brotli alternatif bir s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131 olarak g\u00fcn ge\u00e7tik\u00e7e pop\u00fcler hale gelen bir algoritmad\u0131r.<\/p>\n\n\n\n<p>Brotli algoritmas\u0131 s\u0131k\u0131\u015ft\u0131rmas\u0131 di\u011fer s\u0131k\u0131\u015ft\u0131rma yaz\u0131l\u0131mlar\u0131na g\u00f6re daha k\u00fc\u00e7\u00fck oldu\u011fundan sitenizi h\u0131zl\u0131 bir \u015fekilde a\u00e7ar. CertSimple taraf\u0131ndan ger\u00e7ekle\u015ftirilen ara\u015ft\u0131rmada Brotli\u2019nin performans\u0131n\u0131n CSS i\u00e7in y\u00fczde 17, JavaScript i\u00e7in y\u00fczde 14, HTML i\u00e7in de y\u00fczde 21 daha k\u00fc\u00e7\u00fck oldu\u011fu belirlenmi\u015f. Bu ara\u015ft\u0131rma Brotli\u2019nin Gzip\u2019ten yava\u015f olmad\u0131\u011f\u0131n\u0131 ortaya \u00e7\u0131kar\u0131r ve kulland\u0131\u011f\u0131n\u0131z yeni nesil web taray\u0131c\u0131lar\u0131n \u00e7o\u011fu taraf\u0131ndan da desteklenir.<\/p>\n\n\n\n<p>Akamai taraf\u0131ndan hangi s\u0131k\u0131\u015ft\u0131rman\u0131n daha iyi oldu\u011funu belirlemek i\u00e7in test yap\u0131ld\u0131. Yap\u0131lan testte ilk 1000 url listelendi. HTML, CSS ve JavaScript dosyalar\u0131 hem Gzip hem Brotli y\u00f6ntemiyle s\u0131k\u0131\u015ft\u0131r\u0131ld\u0131. Sonu\u00e7ta \u015fu verilere ula\u015f\u0131ld\u0131:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>HTML i\u00e7in;<\/strong><\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Medyan Gzip Tasarrufu: %78<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Medyan Brotli Tasarrufu: % 82<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>CSS i\u00e7in;<\/strong><\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Medyan Gzip Tasarrufu: % 79<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Medyan Brotli Tasarrufu: % 82<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>JavaScript i\u00e7in;<\/strong><\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Medyan Gzip Tasarrufu: % 63<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Medyan Brotli Tasarrufu: % 68<\/p>\n\n\n\n<p>Akamai, haz\u0131rlad\u0131\u011f\u0131 raporda baz\u0131 seviyelerde Gzip\u2019in daha h\u0131zl\u0131 ve etkili oldu\u011funu, Brotli\u2019nin ise daha verimli ve daha az yer kaplad\u0131\u011f\u0131n\u0131 a\u00e7\u0131klar. Yap\u0131lan a\u00e7\u0131klamada Brotli ayarlar\u0131n\u0131n biraz de\u011fi\u015ftirildi\u011finde s\u0131k\u0131\u015ft\u0131rma h\u0131z\u0131n\u0131n Gzip h\u0131z\u0131n\u0131 ge\u00e7ebilece\u011fi ve \u00f6nemli bir s\u0131k\u0131\u015ft\u0131rma sa\u011flayaca\u011f\u0131 bilgisine de yer verilir.<\/p>\n\n\n\n<p>Brotli ve Gzip aras\u0131ndaki fark; \u00fcst\u00fcn s\u0131k\u0131\u015ft\u0131rma oran\u0131ndan dolay\u0131 Brotli, statik verilerin s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131nda daha iyi sonu\u00e7 verir. Gzip ise \u00fcst\u00fcn s\u0131k\u0131\u015ft\u0131rma h\u0131z\u0131na sahiptir. Dinamik verilerin s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131nda daha iyi sonu\u00e7 vermektedir. Brotli ayarlar\u0131 \u00fczerinde \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda web sunucusu performans\u0131n\u0131z\u0131n artmas\u0131n\u0131 sa\u011flars\u0131n\u0131z. Bu da Gzip s\u0131k\u0131\u015ft\u0131rmas\u0131ndan daha iyi sonu\u00e7 alaca\u011f\u0131n\u0131z anlam\u0131na gelir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip-1024x681.jpg\" alt=\"\" class=\"wp-image-26552\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip-1024x681.jpg 1024w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip-300x200.jpg 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip-768x511.jpg 768w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip-360x240.jpg 360w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip-545x363.jpg 545w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip.jpg 1100w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 id=\"web-sitesinde-sikistirmayi-etkinlestirme\" class=\"wp-block-heading\"><strong>Web Sitesinde S\u0131k\u0131\u015ft\u0131rmay\u0131 Etkinle\u015ftirme<\/strong><\/h2>\n\n\n\n<p>Web sitenizde s\u0131k\u0131\u015ft\u0131rma i\u015flemini ger\u00e7ekle\u015ftirmek isterseniz s\u0131k\u0131\u015ft\u0131rma konusunda detayl\u0131 bilgi edinmelisiniz. S\u0131k\u0131\u015ft\u0131rman\u0131n mant\u0131\u011f\u0131n\u0131 tam olarak anlad\u0131\u011f\u0131n\u0131zda s\u0131k\u0131\u015ft\u0131rma etkinle\u015ftirmesi yapmal\u0131s\u0131n\u0131z. S\u0131k\u0131\u015ft\u0131rmay\u0131 etkinle\u015ftirmek i\u00e7in Natro\u2019nun deneyimli ekibi ile ileti\u015fime ge\u00e7erek bu i\u015flemi sizin yerinize yapt\u0131rabilirsiniz.<\/p>\n\n\n\n<h3 id=\"brotli-sikistirmanin-etkinlestirilmesi\" class=\"wp-block-heading\"><strong>Brotli S\u0131k\u0131\u015ft\u0131rman\u0131n Etkinle\u015ftirilmesi<\/strong><\/h3>\n\n\n\n<h4 id=\"apache-kullanarak-etkinlestirme\" class=\"wp-block-heading\"><strong>Apache Kullanarak Etkinle\u015ftirme<\/strong><\/h4>\n\n\n\n<p>Apache web sunucusu kullan\u0131yorsan\u0131z Brotli s\u0131k\u0131\u015ft\u0131rmas\u0131 i\u00e7in 2 ad\u0131m\u0131 ger\u00e7ekle\u015ftirmelisiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Varsay\u0131lan olarak dahil edilmi\u015f olan fakat hen\u00fcz etkinle\u015ftirilmesi ger\u00e7ekle\u015ftirilmeyen Apache Brotili mod\u00fcl\u00fcn\u00fc etkinle\u015ftirin.<\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><em>$ sudo a2enmod brotli\u00a0<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Bu i\u015flemi ger\u00e7ekle\u015ftirdikten sonra web host yap\u0131land\u0131rma dosyas\u0131n\u0131 d\u00fczenleyerek sunucuya s\u0131k\u0131\u015ft\u0131rmay\u0131 neye uygulamak istedi\u011finizi belirtin.<\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><em><IfModule mod_brotli.c><\/em><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<em>AddOutputFilterByType BROTLI_COMPRESS metin\/html metin\/d\u00fcz metin\/xml metin\/css metin\/javascript uygulamas\u0131\/javascript<\/em><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><em><\/IfModule><\/em><\/p>\n\n\n\n<h4 id=\"nginx-kullanarak-etkinlestirme\" class=\"wp-block-heading\"><strong>Nginx Kullanarak Etkinle\u015ftirme<\/strong><\/h4>\n\n\n\n<p>Nginx web sunucusu kullan\u0131yorsan\u0131z Brotli s\u0131k\u0131\u015ft\u0131rmas\u0131n\u0131 etkinle\u015ftirmek i\u00e7in nginx.conf dosyas\u0131n\u0131 bulman\u0131z gerekir. Bu dosyay\u0131 bulduktan sonra;<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><em>\u201cload_module mod\u00fclleri\/ngx_http_brotli_filter_module.so;<\/em><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><em>load_module mod\u00fclleri\/ngx_http_brotli_static_module.so;\u201d<\/em><\/p>\n\n\n\n<p>sat\u0131rlar\u0131n\u0131 eklemelisiniz.<\/p>\n\n\n\n<h4 id=\"sunucu-yoneticisi-degilseniz-nasil-etkinlestirirsiniz\" class=\"wp-block-heading\"><strong>Sunucu Y\u00f6neticisi De\u011filseniz Nas\u0131l Etkinle\u015ftirirsiniz?<\/strong><\/h4>\n\n\n\n<p>Sunucu y\u00f6neticiyseniz, yukar\u0131daki y\u00f6ntemlerden birini se\u00e7ebilirsiniz. Sunucu y\u00f6neticisi de\u011filseniz de s\u0131k\u0131\u015ft\u0131rma i\u015flemini etkinle\u015ftirebilirsiniz. Bunun i\u00e7in SiteGround gibi \u00fcst d\u00fczey ana bilgisayar\u0131 se\u00e7meniz yeterli olur. SiteGround avantajlar\u0131 aras\u0131nda \u015funlar bulunur:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Web sitenizi h\u0131zl\u0131 hale getirir.<\/li><li>Bant geni\u015fli\u011finizi korur.<\/li><\/ul>\n\n\n\n<h3 id=\"gzip-sikistirmanin-etkinlestirilmesi\" class=\"wp-block-heading\"><strong>Gzip S\u0131k\u0131\u015ft\u0131rman\u0131n Etkinle\u015ftirilmesi<\/strong><\/h3>\n\n\n\n<h4 id=\"apache-kullanarak-etkinlestirme-2\" class=\"wp-block-heading\"><strong>Apache Kullanarak Etkinle\u015ftirme<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00a0Apache i\u00e7in sunucu ayarlar\u0131n\u0131zdan mod_deflate mod\u00fcl\u00fcn\u00fc aktifle\u015ftirin. Bu sayede sitenizi daha h\u0131zl\u0131 a\u00e7arak hem ziyaret\u00e7ilerinizin sadakatine destek sa\u011flayacak hem arama motorlar\u0131nda \u00f6n s\u0131ralarda yer alacaks\u0131n\u0131z.<\/li><li>Sunucunuzda Gzip s\u0131k\u0131\u015ft\u0131rman\u0131n aktif olup olmad\u0131\u011f\u0131n\u0131 tespit edin. Bunun i\u00e7in PHP dosyas\u0131 olu\u015fturun ve a\u015fa\u011f\u0131daki kodu kopyalay\u0131n.<\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><?php phpinfo(); ?><\/p>\n\n\n\n<p>Dosyan\u0131n ad\u0131n\u0131 phpinfo.php olarak kaydedin.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Sunucunuza at\u0131p \u00e7al\u0131\u015ft\u0131r\u0131n. A\u00e7\u0131lan sayfada gzip compression k\u0131sm\u0131nda enabled yaz\u0131yorsa mod_deflate mod\u00fcl\u00fcn\u00fc aktif disapled yaz\u0131yorsa pasiftir.<\/li><\/ul>\n\n\n\n<p>Gzip s\u0131k\u0131\u015ft\u0131rman\u0131z\u0131 aktif etmek i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 takip edin.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00a0\/etc\/httpd\/conf\/httpd.conf\u00a0yolunu izleyin sonra \u015fu kodu ekleyin.<\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">LoadModule deflate_module modules\/mod_deflate.so<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>SSH ba\u011flant\u0131s\u0131n\u0131 ger\u00e7ekle\u015ftirin. Ard\u0131ndan a\u015fa\u011f\u0131daki komutu uygulay\u0131n.<\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"># \/etc\/init.d\/httpd restart<\/p>\n\n\n\n<p>veya<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"># service httpd restart<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Gzip algoritmas\u0131n\u0131 aktif hale getirdiniz. S\u0131ra geldi bunu sitenizde kullanmaya. Bunun i\u00e7in .htaccess \u015fu kodlar\u0131 ekleyin:<\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><ifModule mod_gzip.c><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_on Yes<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_dechunk Yes<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_item_include file .(html?|txt|css|js|php|pl)$<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_item_include handler ^cgi-script$<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_item_include mime ^text\/.*<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_item_include mime ^application\/x-javascript.*<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_item_exclude mime ^image\/.*<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><\/ifModule><\/p>\n\n\n\n<h4 id=\"nginx-kullanarak-etkinlestirme-2\" class=\"wp-block-heading\"><strong>Nginx Kullanarak Etkinle\u015ftirme<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Plesk Panelde bulunan Etki Alanlar\u0131\u00a0>\u00a0site.com\u00a0>\u00a0Apache ve nginx Ayarlar\u0131\u2019n\u0131 se\u00e7in.<\/li><li>Ek nginx y\u00f6nergeleri alan\u0131na a\u015fa\u011f\u0131da bulunan y\u00f6nergeleri ekleyin:<\/li><\/ul>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">gzip on;<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">gzip_disable \u201c<strong>MSIE [1-6]\\\\.(?!.*SV1)\u201d<\/strong>;<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">gzip_proxied any;<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">gzip_comp_level 5;<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">gzip_types text\/plain text\/css application\/javascript application\/x-javascript text\/xml application\/xml application\/rss+xml text\/javascript image\/x-icon image\/bmp image\/svg+xml;<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">gzip_vary on;<\/p>\n\n\n\n<p>Hangi sunucuyu tercih etmeliyim? S\u0131k\u0131\u015ft\u0131rmak i\u00e7in hangi algoritmay\u0131 tercih etmeliyim? Sitemi nas\u0131l h\u0131zland\u0131rmal\u0131y\u0131m? Hangi firma ile \u00e7al\u0131\u015fmal\u0131y\u0131m? T\u00fcm bu sorulara kar\u015f\u0131 cevap olarak; \u201cSizlere her zaman en g\u00fcncel ve do\u011fru bilgileri hedefleyen bir firma ile \u00e7al\u0131\u015fmal\u0131s\u0131n\u0131z\u201d \u015feklinde bir yan\u0131t vermek m\u00fcmk\u00fcnd\u00fcr. \u00c7al\u0131\u015faca\u011f\u0131n\u0131z firmada arad\u0131\u011f\u0131n\u0131z t\u00fcm bilgilere her zaman Natro ile ula\u015faca\u011f\u0131n\u0131z\u0131 unutmay\u0131n.<\/p>\n","protected":false},"excerpt":{"rendered":"\u0130nternette ge\u00e7irilen s\u00fcrenin artmas\u0131 ve sitenizin kaliteli siteler aras\u0131nda yer alman\u0131n k\u0131staslar\u0131 aras\u0131nda site a\u00e7\u0131lma h\u0131z\u0131n\u0131n bulunmas\u0131 gibi&hellip;\n","protected":false},"author":7,"featured_media":32396,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":{"0":"post-32998","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-sunucu"},"_links":{"self":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/32998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/comments?post=32998"}],"version-history":[{"count":2,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/32998\/revisions"}],"predecessor-version":[{"id":33795,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/32998\/revisions\/33795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media\/32396"}],"wp:attachment":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media?parent=32998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/categories?post=32998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/tags?post=32998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}