{"id":7301,"date":"2020-11-04T09:10:25","date_gmt":"2020-11-04T09:10:25","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=7301"},"modified":"2020-11-04T09:10:25","modified_gmt":"2020-11-04T09:10:25","slug":"apa-itu-brotli-teknik-kompresi-website","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website","title":{"rendered":"Apa Itu Brotli ? Teknik Kompresi Website"},"content":{"rendered":"<h1><strong>Apa Itu Brotli ?<\/strong><\/h1>\n<p><strong>Brotli<\/strong> adalah algoritma kompresi yang dikembangkan oleh dua teknisi dari\u00a0<strong>Google<\/strong>. Brotli sengaja diciptakan untuk membuat halaman website bisa diakses lebih cepat.<\/p>\n<p>Dengan teknik kompresi ini, file data menjadi berukuran lebih kecil sehingga menghemat penggunaan data saat komunikasi data terjadi. Kondisi tersebut juga membuat proses transfer data bisa berjalan lebih baik.<\/p>\n<p>Jika akses ke halaman website bisa lebih cepat, pengunjung website tidak perlu menunggu terlalu lama sehingga kenyamanan bisa ditingkatkan.<\/p>\n<p>Pada awalnya, Brotli dibuat untuk melakukan kompresi web font secara offline di tahun 2013. Kemudian, di tahun 2015, Google mengembangkannya sebagai teknik kompresi data secara umum (<em>generic purpose<\/em>) dan bersifat open source.<\/p>\n<p>Brotli adalah open source, algoritma kompresi data lossless dengan kepadatan kompresi yang lebih baik daripada gzip yang mengurangi konsumsi bandwidth dan membantu memuat konten lebih cepat.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7318\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/Apa-Itu-Brotli-dan-Fungsinya-1.png\" alt=\"\" width=\"765\" height=\"254\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/Apa-Itu-Brotli-dan-Fungsinya-1.png 765w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/Apa-Itu-Brotli-dan-Fungsinya-1-640x212.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/Apa-Itu-Brotli-dan-Fungsinya-1-400x133.png 400w\" sizes=\"auto, (max-width: 765px) 100vw, 765px\" \/><\/p>\n<p>Secara teknis, Brotli menggunakan kombinasi dari algoritma\u00a0<strong>LZ77<\/strong>,\u00a0<strong>Huffman<\/strong>\u00a0<strong>coding<\/strong>, dan <strong>2nd<\/strong> <strong>order<\/strong>\u00a0<strong>context<\/strong>\u00a0<strong>modeling<\/strong>. Kombinasi ini memungkinkan Brotli membuat <strong>backreferences <\/strong>dengan\u00a0<em>sliding window<\/em>\u00a0(bukan\u00a0<em>fixed window<\/em>\u00a0ala Gzip). Hasilnya, upaya kompresi file besar pun dapat berjalan dengan lebih baik dengan peningkatan hingga\u00a0<strong>25%.<\/strong><\/p>\n<p>Google menyebut Brotli sebagai format data baru yang mampu mengalahkan algoritma<strong> Zopfli <\/strong>hingga\u00a0<strong>26%.<\/strong>\u00a0Tidak hanya lebih baik, Brotli mampu melakukannya dalam waktu yang lebih singkat.<\/p>\n<p>Saat ini sudah banyak browser dan server yang mendukung Brotli karena performa handal yang mampu dihadirkannya. Sampai saat ini, ada beberapa browser yang juga mendukung Brotli :<\/p>\n<ol>\n<li>Chrome mendukung brotli sejak versi 49.<\/li>\n<li>Microsoft Edge akan mulai mendukung brotli sejak versi 15.<\/li>\n<li>Firefox sudah mengimplementasikan brotli sejak versi 44.<\/li>\n<li>Opera sudah mendukung brotli sejak versi 36.<\/li>\n<\/ol>\n<h1><span id=\"Cara_Kerja_Brotli\"><strong>Cara Kerja Brotli<\/strong><\/span><\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7314 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli1.png\" alt=\"\" width=\"1776\" height=\"992\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli1.png 1776w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli1-1024x572.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli1-768x429.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli1-1536x858.png 1536w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli1-640x357.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli1-400x223.png 400w\" sizes=\"auto, (max-width: 1776px) 100vw, 1776px\" \/><\/p>\n<p>Seperti halnya kegiatan browsing yang biasa dilakukan, pada saat pengguna mengetikan sebuah alamat website, pada dasarnya pengguna meminta akses ke server website tersebut :<\/p>\n<ol>\n<li>Jika browser sudah mendukung kompresi Brotli, browser akan menginformasikan jenis konten yang bisa di decompress\u00a0menggunakan header\u00a0<strong>Accept Encoding<\/strong>\u00a0kepada server tersebut.<\/li>\n<li>Server akan menentukan jenis kompresi konten yang akan dikirimkan dengan algoritma kompresi yang diminta, dalam hal ini Brotli.<\/li>\n<li>Tahapan tersebut diikuti oleh proses pengiriman data menggunakan header\u00a0<strong>Content-Encoding<\/strong>\u00a0ke browser, tentu saja dengan teknik kompresi Brotli.<\/li>\n<li>Browser akan menampilkan konten yang diminta oleh pengguna dengan terlebih dahulu melakukan decompress data.<\/li>\n<\/ol>\n<h1><strong><span id=\"Apa_Manfaatnya_Bagi_Website_Anda\">Manfaat Brotli Bagi Website<\/span><\/strong><\/h1>\n<p>Kemampuan kompresi yang baik dari Brotli akan\u00a0<strong>mendukung performa website<\/strong>.<\/p>\n<p>File yang melewati proses kompresi akan menjadi lebih kecil. Jadi, akan menghemat banyak bandwidth saat komunikasi data dilakukan. Bandwidth yang kecil akan membuat website mampu loading lebih cepat.<\/p>\n<p>Kecepatan website itu penting karena pelanggan tidak mau menunggu lama. Menurut survey, pengunjung hanya bersedia menunggu selama 3 detik sebelum beralih ke website lain.<\/p>\n<p>Tidak hanya itu, website yang lambat hanya akan menyebabkan kehilangan kesempatan menjual produk lebih banyak. Menurut sebuah data delay loading selama 1 detik bisa menurunkan conservation rate hingga 7%.<\/p>\n<h1><span id=\"Cara_Mengecek_Brotli\"><strong>Cara Mengecek Brotli<\/strong><\/span><\/h1>\n<p>Cukup mudah untuk mengecek dukungan Brotli dari sebuah browser. Di contoh ini dengan menggunakan <strong>Firefox<\/strong>.<\/p>\n<p>Masuk ke menu\u00a0<strong>Settings<\/strong>\u00a0di sebelah kanan atas, lalu pilih\u00a0<strong>Web Developer<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7302 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-developer-di-firefox.png\" alt=\"\" width=\"1366\" height=\"694\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-developer-di-firefox.png 1366w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-developer-di-firefox-1024x520.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-developer-di-firefox-768x390.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-developer-di-firefox-640x325.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-developer-di-firefox-400x203.png 400w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<p>Kemudian bisa masuk ke menu <strong>Network<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7303 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-network-di-firefox.png\" alt=\"\" width=\"1366\" height=\"694\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-network-di-firefox.png 1366w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-network-di-firefox-1024x520.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-network-di-firefox-768x390.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-network-di-firefox-640x325.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/masuk-ke-setting-network-di-firefox-400x203.png 400w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<p>Di bagian <strong>Network<\/strong>, maka akan menemukan <strong>Accept Encoding\u00a0<\/strong>di bagian<strong>\u00a0Request Header<\/strong>. Jika sudah mencakup\u00a0<strong>br<\/strong>, artinya sudah mendukung Brotli.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7304 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/cara-melihat-header-accept-encoding-brotli-supported.png\" alt=\"\" width=\"562\" height=\"168\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/cara-melihat-header-accept-encoding-brotli-supported.png 562w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/cara-melihat-header-accept-encoding-brotli-supported-400x120.png 400w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/p>\n<p>Selain browser, server yang dituju juga harus mendukung kompresi menggunakan Brotli. Jadi, pastikan layanan hosting menggunakan server yang mendukung Brotli.<\/p>\n<p>Salah satu server yang mendukung Brotli secara default adalah\u00a0<strong>LiteSpeed Server<\/strong>.<\/p>\n<p>Untuk membuktikan dukungan dari Brotli di website, silakan masukkan URL dari website ke tool <a href=\"https:\/\/tools.keycdn.com\/brotli-test\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Brotli Test<\/a>\u00a0dari KeyCDN.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7305 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-test.png\" alt=\"\" width=\"801\" height=\"428\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-test.png 801w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-test-768x410.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-test-640x342.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-test-400x214.png 400w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/p>\n<p>Jika hasil di kolom hijau menunjukkan \u201c<strong>Brotli compression is supported\u201d<\/strong>, maka artinya kompresi Brotli bisa berjalan dengan baik.<\/p>\n<p>Jika ingin melakukan pengecekan dari browser, bisa masuk ke bagian <strong>Network<\/strong>\u00a0pada menu Developer. Persis seperti cara di atas ketika menggunakan Firefox.<\/p>\n<p>Bedanya bisa mencari <strong>Content-Encoding<\/strong>\u00a0pada bagian\u00a0<strong>Response Header<\/strong>. Jika tertulis <strong>br<\/strong>, berarti sudah mendukung Brotli dengan baik<strong>.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7306 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/pengecekan-brotli-pada-firefox.png\" alt=\"\" width=\"564\" height=\"302\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/pengecekan-brotli-pada-firefox.png 564w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/pengecekan-brotli-pada-firefox-400x214.png 400w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/p>\n<h1><span id=\"3_Kelebihan_Brotli\"><strong>Kelebihan Brotli<\/strong><\/span><\/h1>\n<p>Secara umum, semua teknik kompresi bertujuan untuk membuat akses ke website menjadi lebih cepat. Dengan proses transfer data yang efisien, proses loading halaman tak akan memakan waktu lama.<\/p>\n<p>Berikut ini adalah beberapa kelebihan brotli, yaitu :<\/p>\n<h3><span id=\"1_File_Kompresi_Lebih_Kecil_Brotli_vs_Gzip\"><strong>1. File Kompresi Lebih Kecil (Brotli vs Gzip)<\/strong><\/span><\/h3>\n<p>Berbicara algoritma kompresi,\u00a0<strong>Gzip<\/strong>\u00a0lebih dulu digunakan dan mampu menawarkan performa kompresi yang tidak tertandingi. Tapi, itu sebelum adanya Brotli.<\/p>\n<p>Dari sebuah tes, Brotli memberikan hasil kompresi lebih kecil dibandingkan Gzip. Hasil kompresi lebih kecil ditunjukkan pada\u00a0 <strong>JavaScript (14%)<\/strong>,\u00a0<strong>HTML (21%)<\/strong>\u00a0dan\u00a0<strong>CSS (17%)<\/strong>.<\/p>\n<p>Lebih jauh, pengujian lain dilakukan untuk mengetahui performa\u00a0<strong>Brotli vs Gzip<\/strong> pada platform WordPress. Inilah hasilnya dalam bentuk tabel :<\/p>\n<figure class=\"wp-block-table\">\n<table>\n<tbody>\n<tr>\n<td><strong>Parameter<\/strong><\/td>\n<td><strong>Brotli<\/strong><\/td>\n<td><strong>Gzip<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Hasil Kompresi (KB)<\/strong><\/td>\n<td>81.7 KB<\/td>\n<td>84.7 KB<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Hasil tersebut tentu sangat signifikan mengingat banyak website saat ini memiliki file seperti JavaScript yang berukuran cukup besar. Jadi, tanpa optimasi ini, loading website bisa lama dan menjadi masalah.<\/p>\n<h3><span id=\"2_Waktu_Kompresi_Lebih_Singkat\"><strong>2. Waktu Kompresi Lebih Singkat<\/strong><\/span><\/h3>\n<p>Selain hasil kompresi, waktu kompresi yang lebih singkat menjadi faktor yang penting dari penggunaan Brotli.<\/p>\n<p>Berdasarkan sebuah pengujian, Brotli terbukti dapat melakukan proses kompresi dengan lebih cepat dibandingkan beberapa algoritma kompresi lain<\/p>\n<p>Bahkan tes yang dilakukan <strong>SitePoint\u00a0<\/strong>di platform WordPress\u00a0 menunjukkan kompresi\u00a0<strong>Brotli\u00a0<\/strong>lebih unggul daripada\u00a0<strong>Gzip.<\/strong>\u00a0 Hasilnya seperti tabel berikut :<\/p>\n<figure class=\"wp-block-table\">\n<table>\n<tbody>\n<tr>\n<td><strong>Parameter<\/strong><\/td>\n<td><strong>Brotli<\/strong><\/td>\n<td><strong>Gzip<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Kecepatan<\/strong><\/td>\n<td>690ms<\/td>\n<td>780ms<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Jika mendapatkan hasil sebaliknya, lakukan pengecekan pada setting l<strong>evel of compression<\/strong>.\u00a0 Secara default, Brotli mengatur tingkat kompresi di level 11 (paling baik) sehingga membutuhkan waktu lebih banyak. Sesuaikan level kompresi ini untuk hasil yang sesuai keinginan.<\/p>\n<h3><span id=\"3_Mendukung_Berbagai_Browser\"><strong>3. Mendukung Berbagai Browser<\/strong><\/span><\/h3>\n<p>Saat ini, hampir semua browser mendukung algoritma kompresi Brotli. Mulai dari browser untuk desktop seperti\u00a0<strong>Firefox<\/strong>\u00a0dan Chrome hingga browser untuk platform mobile seperti\u00a0<strong>Opera Mini<\/strong>.<\/p>\n<p>Untuk memastikan apakah browser yang digunakan sudah mendukung kompresi Brotli, bisa melakukan pengecekan.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7307 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-mendukung-hampir-semua-browser.png\" alt=\"\" width=\"1272\" height=\"486\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-mendukung-hampir-semua-browser.png 1272w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-mendukung-hampir-semua-browser-1024x391.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-mendukung-hampir-semua-browser-768x293.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-mendukung-hampir-semua-browser-640x245.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-mendukung-hampir-semua-browser-400x153.png 400w\" sizes=\"auto, (max-width: 1272px) 100vw, 1272px\" \/><\/p>\n<h1><strong>Alasan Harus Menggunakan Brotli<\/strong><\/h1>\n<p>Sederhananya, Brotli lebih efisien daripada gzip. Dengan lebih sedikit data yang ditransfer, dapat mengurangi latensi dan mengurangi biaya Content Delivery Network (CDN). Setelah mengaktifkan kompresi Brotli harus mengharapkan peningkatan ukuran berikut di atas gzip :<\/p>\n<ul>\n<li>HTML : 21% lebih kecil dari gzip.<\/li>\n<li>JavaScript : 14% lebih kecil dari gzip.<\/li>\n<li>CSS : 17% lebih kecil dari gzip.<\/li>\n<\/ul>\n<h3><strong>Catatan :<\/strong><\/h3>\n<p>&#8220;Brotli hanya digunakan untuk mengompres file berbasis teks. Format seperti JPEG dan MP4 memiliki algoritma kompresi bawaan dan Brotli sebenarnya akan membuat ukuran file lebih besar daripada aslinya&#8221;.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;7301&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;2&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (2 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Apa Itu Brotli ? Teknik Kompresi Website&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (2 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Apa Itu Brotli ? Brotli adalah algoritma kompresi yang dikembangkan oleh dua teknisi dari\u00a0Google. Brotli sengaja diciptakan untuk membuat halaman website bisa diakses lebih cepat. Dengan teknik kompresi ini, file data menjadi berukuran lebih kecil sehingga menghemat penggunaan data saat komunikasi data terjadi. Kondisi tersebut juga membuat proses transfer data bisa berjalan lebih baik. Jika [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":7315,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[2177,2172,2175,2173,2176,2174],"class_list":["post-7301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-alasan-menggunakan-brotli","tag-brotli-adalah","tag-cara-cek-brotli","tag-cara-kerja-brotli","tag-kelebihan-brotli","tag-manfaat-brotli-untuk-website"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli-300x168.png",300,168,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png",1776,992,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Apa Itu Brotli ? Teknik Kompresi Website - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa Itu Brotli ? Teknik Kompresi Website - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Apa Itu Brotli ? Brotli adalah algoritma kompresi yang dikembangkan oleh dua teknisi dari\u00a0Google. Brotli sengaja diciptakan untuk membuat halaman website bisa diakses lebih cepat. Dengan teknik kompresi ini, file data menjadi berukuran lebih kecil sehingga menghemat penggunaan data saat komunikasi data terjadi. Kondisi tersebut juga membuat proses transfer data bisa berjalan lebih baik. Jika [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-04T09:10:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1776\" \/>\n\t<meta property=\"og:image:height\" content=\"992\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Risa Y\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Risa Y\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website\"},\"author\":{\"name\":\"Risa Y\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\"},\"headline\":\"Apa Itu Brotli ? Teknik Kompresi Website\",\"datePublished\":\"2020-11-04T09:10:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website\"},\"wordCount\":967,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png\",\"keywords\":[\"alasan menggunakan brotli\",\"brotli adalah\",\"cara cek brotli\",\"cara kerja brotli\",\"kelebihan brotli\",\"manfaat brotli untuk website\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website\",\"url\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website\",\"name\":\"Apa Itu Brotli ? Teknik Kompresi Website - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png\",\"datePublished\":\"2020-11-04T09:10:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png\",\"width\":1776,\"height\":992},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa Itu Brotli ? Teknik Kompresi Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\",\"name\":\"Risa Y\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"caption\":\"Risa Y\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apa Itu Brotli ? Teknik Kompresi Website - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website","og_locale":"en_US","og_type":"article","og_title":"Apa Itu Brotli ? Teknik Kompresi Website - Hosteko Blog","og_description":"Apa Itu Brotli ? Brotli adalah algoritma kompresi yang dikembangkan oleh dua teknisi dari\u00a0Google. Brotli sengaja diciptakan untuk membuat halaman website bisa diakses lebih cepat. Dengan teknik kompresi ini, file data menjadi berukuran lebih kecil sehingga menghemat penggunaan data saat komunikasi data terjadi. Kondisi tersebut juga membuat proses transfer data bisa berjalan lebih baik. Jika [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website","og_site_name":"Hosteko Blog","article_published_time":"2020-11-04T09:10:25+00:00","og_image":[{"width":1776,"height":992,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png","type":"image\/png"}],"author":"Risa Y","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Risa Y","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website"},"author":{"name":"Risa Y","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b"},"headline":"Apa Itu Brotli ? Teknik Kompresi Website","datePublished":"2020-11-04T09:10:25+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website"},"wordCount":967,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png","keywords":["alasan menggunakan brotli","brotli adalah","cara cek brotli","cara kerja brotli","kelebihan brotli","manfaat brotli untuk website"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website","url":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website","name":"Apa Itu Brotli ? Teknik Kompresi Website - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png","datePublished":"2020-11-04T09:10:25+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png","width":1776,"height":992},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/apa-itu-brotli-teknik-kompresi-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Apa Itu Brotli ? Teknik Kompresi Website"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b","name":"Risa Y","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","caption":"Risa Y"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/11\/brotli.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/7301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=7301"}],"version-history":[{"count":0,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/7301\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/7315"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=7301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=7301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=7301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}