![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/dreamstime_s_139990440.jpg\")
<\/figure>\n\n\n\n\u00dczerinde gerekli \u00e7al\u0131\u015fmalar yap\u0131larak kodlay\u0131c\u0131 k\u0131smen yeniden yaz\u0131ld\u0131 ve s\u0131k\u0131\u015ft\u0131rma oran\u0131n\u0131n artmas\u0131 sa\u011fland\u0131. Bu sayede hem \u201cdekoder\u201d hem de \u201ckodlay\u0131c\u0131\u201d h\u0131zland\u0131r\u0131ld\u0131. Ak\u0131\u015f API\u2019si geli\u015ftirilerek, daha fazla s\u0131k\u0131\u015ft\u0131rma kalite seviyesi eklendi. Ayr\u0131ca bu geli\u015ftirilen yeni s\u00fcr\u00fcm sayesinde, kod \u00e7\u00f6zme ve bellek ihtiyac\u0131n\u0131 azaltma ile birlikte platformlardaki performans geli\u015ftirmelerini g\u00f6sterir hale geldi.<\/p>\n\n\n\n
Son zamanlarda \u00e7o\u011fu web taray\u0131c\u0131s\u0131 da Brotli\u2019yi kendine uyarlad\u0131. Google, Zopfli olarak bilinen di\u011fer s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131ndan Brotli\u2019nin %20 \u2013 %26 daha fazla performansa sahip oldu\u011funu ifade ediyor. \u00d6zellikle \u00e7ok say\u0131da trafik olan bir web siteniz varsa, Brotli s\u0131k\u0131\u015ft\u0131rma y\u00f6ntemi web sitenizi kesinlikle rahatlatacakt\u0131r. Trafik y\u00fck\u00fcn\u00fc dengeledi\u011finizde, a\u015f\u0131r\u0131 bant kullan\u0131m\u0131n\u0131 da engellemi\u015f olacaks\u0131n\u0131z. Ayr\u0131ca Brotli, web sitenizin daha h\u0131zl\u0131 y\u00fcklenmesini sa\u011flamak i\u00e7in de web sitenizde bulunan dosyalar\u0131 s\u0131k\u0131\u015ft\u0131r\u0131r.<\/p>\n\n\n\n
Daha \u00f6nce boyut k\u00fc\u00e7\u00fcltme i\u00e7in en \u00e7ok tercih edilen \u00fcr\u00fcn \u201cGzip<\/strong>\u201d iken \u015fimdilerde farkl\u0131 bir alternatif olan \u201cBrotli\u201d tercih ediliyor. \u201cBrotli\u201d, \u201cGzip\u201d ile kar\u015f\u0131la\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda, Brotli algoritmas\u0131, HTML, JS ve CSS gibi formatlarda %17 ila %25 oran\u0131nda daha fazla s\u0131k\u0131\u015fma sa\u011fl\u0131yor. Ham veriye olan oran\u0131 ise, %70 gibi rakamlara kadar \u00e7\u0131k\u0131yor. Mobil cihazlarda d\u00fc\u015f\u00fck olan dekompresyon maliyeti sayesinde, cihaz\u0131n h\u0131z\u0131 ve pil \u00f6mr\u00fc a\u00e7\u0131s\u0131ndan performans\u0131 \u00e7ok daha iyi bir s\u0131ralamada yer al\u0131yor. Sonu\u00e7 olarak \u201cBrotli\u201d, internet sitenizdeki dosya boyutlar\u0131n\u0131 h\u0131zl\u0131 bir \u015fekilde k\u00fc\u00e7\u00fcltebilir, s\u0131k\u0131\u015ft\u0131rabilir ve bu sayede transferlerin daha h\u0131zl\u0131 bir \u015fekilde ger\u00e7ekle\u015fmesini sa\u011flar. Web siteniz de daha h\u0131zl\u0131 eri\u015filen bir yap\u0131ya daha az veri transferi sayesinde kavu\u015fur.<\/p>\n\n\n\n \u201cBrotli\u201d, LZ77 algoritmas\u0131 ve Huffman kodlamas\u0131n\u0131n bir de\u011fi\u015fkenini kullan\u0131r. Bu sayede geri referanslar i\u00e7in kayan bir pencere olu\u015fturulmu\u015f olur. Brotli, 1 KB ile 16 MB aras\u0131nda kayar bir pencere kullan\u0131rken, \u201cGzip\u201d 32 KB gibi sabit bir pencere kullan\u0131r. Bu da Brotli\u2019nin \u201cRWND\u201d ve \u201cCWND\u201dyi optimize edebildi\u011fi anlam\u0131na gelir. Dolay\u0131s\u0131yla daha b\u00fcy\u00fck dosyalar\u0131 s\u0131k\u0131\u015ft\u0131rarak daha da verimli hale getirece\u011fi anlam\u0131n\u0131 ta\u015f\u0131r. A\u015fa\u011f\u0131daki maddeleme imgelerini takip ederek, Brotli\u2019nin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 \u00f6\u011frenebilirsiniz.<\/p>\n\n\n\n 1- Kullan\u0131c\u0131n\u0131n ilk yapaca\u011f\u0131 \u015fey, bir web uygulamas\u0131na ya da web sitesine eri\u015fmek i\u00e7in Brotli\u2019yi destekleyen bir sunucuda \u00e7al\u0131\u015fmakt\u0131r.<\/p>\n\n\n\n 2- Daha sonra taray\u0131c\u0131, ne t\u00fcr ve nas\u0131l bir i\u00e7erik at\u0131laca\u011f\u0131n\u0131 kabul \u2013 kodlama (Accept-Encoding) \u00fcstbilgisi ile sunucuya bildirir.\u00a0<\/p>\n\n\n\n 3- Ard\u0131ndan istekte bulunan s\u0131k\u0131\u015ft\u0131rma algoritmalar\u0131n\u0131 baz alan sunucu, s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f olan i\u00e7eriklerinden hangisinin teslim edilece\u011fine karar verir.<\/p>\n\n\n\n 4- Sunucu kullan\u0131lan y\u00f6ntemi belirten, i\u00e7erik-kodlama (content-encoding) \u00fcst bilgisini taray\u0131c\u0131ya g\u00f6nderir.<\/p>\n\n\n\n 5- Taray\u0131c\u0131 verileri \u00f6nce a\u00e7ar, sonras\u0131nda sayfada g\u00f6sterir. Sayfada g\u00f6sterilmeden \u00f6nce taray\u0131c\u0131 verileri a\u00e7ar. Verileri ekrana bu sayede h\u0131zl\u0131ca yans\u0131t\u0131r.<\/p>\n\n\n\n S\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f verileri Brotli\u2019ye aktarman\u0131n 2 yolu vard\u0131r. Bunlardan ilki; web sunucunuzda Brotli\u2019yi etkinle\u015ftirmektir. \u0130kincisi ise CDN\u2019lerde Brotli\u2019yi etkinle\u015ftirmektir. Bu iki aktarma yolunu a\u015fa\u011f\u0131da detaylar\u0131 ile bulabilirsiniz.<\/p>\n\n\n\n Web sunucular\u0131ndan Brotli hizmeti se\u00e7ilerek, \u201cnginx\u201d \u00fczerine kurulur. Bu sayede Google, nginx\u2019in kaynaktan y\u00fcklenmesi i\u00e7in bir mod\u00fcl sa\u011flam\u0131\u015f olur. Brotli kurulduktan sonra a\u015fa\u011f\u0131daki ayarlar sat\u0131r\u0131, \u201cnginx conf\u201d dosyas\u0131na yerle\u015ftirilir.<\/p>\n\n\n\n Daha sonras\u0131nda Brotli_types<\/strong> ayar\u0131nda se\u00e7ilen t\u00fcm\u00a0i\u00e7eriklerin, Brotli taraf\u0131ndan s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131 ger\u00e7ekle\u015ftirilir.<\/p>\n\n\n\n CDN Brotli\u2019yi etkinle\u015ftirmenin ba\u015fka bir yoludur. Bu se\u00e7enekte web sunucusu s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f verileri g\u00f6nderir. Daha sonra CDN, verileri \u00f6nbelle\u011fe alarak taray\u0131c\u0131ya aktar\u0131r. Bu sayede herhangi bir \u015fey y\u00fcklemenize ya da herhangi bir kod yazman\u0131za gerek kalmaz. Ancak dikkat etmeniz gereken husus, bu hizmetin \u00fccretli olabilece\u011fidir.\u00a0<\/p>\n\n\n\n CDN nedir, avantajlar\u0131 nelerdir \u00f6\u011frenmek ister misiniz? CDN ile ilgili detayl\u0131 bilgileri i\u00e7eren yaz\u0131m\u0131za buradan<\/a><\/strong> ula\u015fabilirsiniz.<\/p><\/blockquote>\n\n\n\n Statik s\u0131k\u0131\u015ft\u0131rma y\u00f6ntemi: Dosyalar bir kez s\u0131k\u0131\u015ft\u0131r\u0131larak, her seferinde \u00f6n bellekten sunulmas\u0131 anlam\u0131na gelir. Dinamik s\u0131k\u0131\u015ft\u0131rma ise an\u0131nda dosyalar\u0131 s\u0131k\u0131\u015ft\u0131rmak anlam\u0131na gelir. CSS ve Javascript dosyalar\u0131 i\u00e7in statik s\u0131k\u0131\u015ft\u0131rma kullan\u0131l\u0131r. \u00c7\u00fcnk\u00fc yeni bir yap\u0131 da\u011f\u0131t\u0131l\u0131ncaya kar bunlar de\u011fi\u015fmez. T\u00fcm bu dosyalar CDN\u2019de \u00f6nbelle\u011fe al\u0131narak oradan sunulur.<\/p>\n\n\n\n Bu y\u00f6ntem, Brotli tercih eden web sitesi kullan\u0131c\u0131lar\u0131na pek \u00e7ok fayda sunar. H\u0131zl\u0131 bir \u015fekilde web sitenizin eri\u015fimini sa\u011flar. En g\u00fcvenilir ileti\u015fimi sa\u011flamak i\u00e7in \u201cHTTPS\u201d protokol\u00fc kullan\u0131r. Google arama motorunda g\u00fcven art\u0131r\u0131r. A\u015f\u0131r\u0131 trafik t\u00fcketiminin \u00f6n\u00fcne ge\u00e7erek, trafik dengelemesi sa\u011flar. Di\u011fer s\u0131k\u0131\u015ft\u0131rma algoritmalar\u0131 olan \u201cZopfli\u201d ve \u201cGzip\u201d y\u00f6ntemlerine g\u00f6re daha iyi performans g\u00f6sterir.<\/p>\n\n\n\n Brotli\u2019yi tercih etmeniz i\u00e7in \u00f6n\u00fcn\u00fczde pek \u00e7ok se\u00e7enek bulunur. \u201cGzip\u201d kullan\u0131c\u0131lar\u0131na g\u00f6re daha \u00e7ok avantaj sa\u011flayan bir y\u00f6ntemdir. A\u015fa\u011f\u0131da \u201cGzip\u201d kullan\u0131c\u0131lar\u0131na g\u00f6re k\u00fc\u00e7\u00fcltme oranlar\u0131 verilmi\u015ftir. Bu oranlar, neden Brotli\u2019yi tercih etmeniz gerekti\u011fini de g\u00f6sterir.\u00a0<\/p>\n\n\n\n Bu sebeplerden dolay\u0131 \u201cBrotli\u201d s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131n\u0131 kullanmak \u201cGzip\u201d s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131na g\u00f6re daha mant\u0131kl\u0131 ve verimli sonu\u00e7 sa\u011flar.<\/p>\n\n\n\n Brotli s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131 pek \u00e7ok faydas\u0131 sebebiyle mobil cihazlarda performansa ve veri t\u00fcketimine \u00f6nemli \u00f6l\u00e7\u00fcde etki eder. Brotli\u2019nin h\u0131zl\u0131 olmas\u0131n\u0131n yan\u0131nda az veri t\u00fcketmesi, en \u00e7ok mobil kullan\u0131c\u0131lar\u0131n i\u015fine yarar. Mobil servislerde bulunan t\u00fcketim kotalar\u0131 sebebiyle, son kullan\u0131c\u0131 taraf\u0131nda Brotli s\u0131k\u0131\u015ft\u0131rma algoritmas\u0131n\u0131n az veri t\u00fcketimi b\u00fcy\u00fck memnuniyet olu\u015fturur. \u201cBrotli\u201d ile s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f dosyalar mobil cihazlarda, i\u015flemciyi daha az yoraca\u011f\u0131 i\u00e7in bu durum cihazlar\u0131n h\u0131z performans\u0131n\u0131 ve \u015farj t\u00fcketimini olumlu y\u00f6nde etkiler. \u201cMediatriple CDN\u201d ile entegre \u00e7al\u0131\u015fabilen \u201cBrotli\u201d, sayfa a\u00e7\u0131l\u0131\u015f h\u0131zlar\u0131n\u0131 da art\u0131r\u0131r.<\/p>\n\n\n\n Daha \u00f6nceleri site i\u00e7eriklerini s\u0131k\u0131\u015ft\u0131rmak i\u00e7in \u00e7ok tercih edilen y\u00f6ntemlerden biri olan GZIP\u2019e kar\u015f\u0131l\u0131k olarak Google taraf\u0131ndan Brotli geli\u015ftirildi. Ancak \u201cBrotli\u201d web sitesi kullan\u0131c\u0131lar\u0131 taraf\u0131ndan pek fazla bilinmez. \u201cBrotli\u201d ve \u201cGzip\u201din her ikisi de farkl\u0131 s\u0131k\u0131\u015ft\u0131rma d\u00fczeylerine sahiptir. \u0130lgilenmeniz gereken ve farkl\u0131 olu\u015fturan \u015fey de varsay\u0131lan ayarlar\u0131 olmal\u0131d\u0131r.\u00a0\u201cBrotli\u201d varsay\u0131lan olarak maksimum seviyeye ayarlan\u0131rsa, tam performansl\u0131 kullan\u0131m sa\u011flanabilir. A\u015fa\u011f\u0131da \u201cBrotli\u201d ile \u201cGzip\u201d aras\u0131ndaki farklar s\u0131ralanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n Yukar\u0131daki kar\u015f\u0131la\u015ft\u0131rmalara g\u00f6re \u201cBrotli\u201d kullanman\u0131z, web sitenize sayfa y\u00fckleme s\u00fcresinde ciddi bir azalma oran\u0131 ve y\u00fcksek performans sunar.\u00a0Bahsetti\u011fimiz avantajlar\u0131 ile veri s\u0131k\u0131\u015ft\u0131rmalar\u0131n\u0131z i\u00e7in Brotli kullanmak, esasen web sitenizin sayfa y\u00fckleme s\u00fcresinde \u00f6nemli bir azalma sa\u011flayabilir.<\/p>\n\n\n\nBrotli Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/strong><\/span><\/h2>\n\n\n\n
![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/brotli-1024x538.jpg\")
<\/figure>\n\n\n\nS\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f Veriler Bortli\u2019ye Nas\u0131l Aktar\u0131l\u0131r?<\/strong><\/h2>\n\n\n\n
Brotli\u2019yi Web Sunucusunda Etkinle\u015ftirmek<\/strong><\/h3>\n\n\n\n
Brotli\u2019yi CDN\u2019lerde Etkinle\u015ftirmek<\/strong><\/h3>\n\n\n\n
Statik ve Dinamik S\u0131k\u0131\u015ft\u0131rma Y\u00f6ntemi<\/strong><\/h3>\n\n\n\n
Brotli S\u0131k\u0131\u015ft\u0131rma Tekni\u011finin Faydalar\u0131 Nelerdir?<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2021\/11\/dreamstime_s_126555786.jpg\")
<\/figure>\n\n\n\nNeden Brotli\u2019yi Tercih Etmeliyiz?<\/strong><\/h2>\n\n\n\n
Mobil Cihazlar Brotli\u2019nin Kullan\u0131lmas\u0131n\u0131n Faydas\u0131 Var m\u0131d\u0131r?<\/strong><\/h2>\n\n\n\n
Gzip ile Brotli\u2019yi Kar\u015f\u0131la\u015ft\u0131rma<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2018\/12\/wordpress-gzip-1024x681.jpg\")
<\/figure>\n\n\n\n