{"id":4845,"date":"2017-04-26T15:51:00","date_gmt":"2017-04-26T15:51:00","guid":{"rendered":"http:\/\/blog.hostinger.io\/tutorial\/?p=4845"},"modified":"2025-01-08T15:31:00","modified_gmt":"2025-01-08T08:31:00","slug":"meningkatkan-performa-website-mengaktifkan-keep-alive","status":"publish","type":"post","link":"\/id\/tutorial\/meningkatkan-performa-website-mengaktifkan-keep-alive","title":{"rendered":"Meningkatkan performa website &#8211; mengaktifkan keep-alive"},"content":{"rendered":"<p>Keep-Alive memungkinkan browser pengunjung untuk mendownload semua content (seperti JavaScript, CSS, gambar, video, dll) melalui koneksi TCP yang stabil, bukan dengan membuat permintaan yang berbeda untuk setiap file.<\/p><p>Ini akan menjanjikan peningkatan kecepatan dan performa, karena browser pengunjung Anda akan mendapatkan semua file melalui 1 koneksi HTTP yang persisten.<\/p><p>Singkatnya, Keep-Alive adalah pola komunikasi antara sebuah web server dengan sebuah web browser dengan potensi mengurangi jumlah permintaan secara drastis, dan juga meningkatkan kecepatan halaman website.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-ID.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/public\" alt=\"\" class=\"wp-image-27589\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><p>Gambar di bawah ini dapat membantu Anda untuk lebih memahami perbedaan dan manfaat dari Keep-Alive:<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/03\/how-keep-alive-works.png\" alt=\"How Keep-Alive Works\"><\/figure><h2 class=\"wp-block-heading\" id=\"h-manfaat-menggunakan-keep-alive\">Manfaat menggunakan Keep-Alive<\/h2><ul class=\"wp-block-list\">\n<li>Keep-Alive mengurangi penggunaan CPU dan memory, karena jumlah permintaan HTTP yang dihasilkan lebih kecil. Ini akan menguntungkan pengguna platform hosting apapun (hosting gratis, shared hosting, VPS).<\/li>\n\n\n\n<li>Dengan mengaktifkan Keep-Alive akan menyediakan pipelining HTTP (delivery permintaan melalui koneksi TCP yang sama)<\/li>\n\n\n\n<li>Permintaan HTTP membutuhkan waktu CPU dan resource yang lebih banyak. Keep-Alive akan sangat bermanfaat untuk website Anda bila Anda menggunakan HTTPS dan SSL.<\/li>\n\n\n\n<li>Latency menjadi berkurang dan secara umum akan meningkatkan kecepatan loading website dan performanya.<\/li>\n\n\n\n<li>Keep-Alive didukung oleh semua browser modern.<\/li>\n\n\n\n<li>Jika Anda mengaktifkan Keep-Alive, ini juga akan menguntungkan website Anda dari sisi SEO dan ranking karena performa website yang jauh lebih baik.<\/li>\n<\/ul><p>Singkatnya, Keep-Alive adalah cara yang efektif untuk mengurangi penggunaan resource Anda sembari meningkatkan kecepatan website Anda dalam waktu yang bersamaan.<\/p><h2 class=\"wp-block-heading\" id=\"h-langkah-1-menganalisis-website-anda\">Langkah 1 &ndash; Menganalisis website Anda<\/h2><p>Pertama, Anda perlu menganalisa website dengan menggunakan bantuan GTMetrix untuk menentukan apakah Keep-Alive aktif atau tidak di server Anda. Berikut ini adalah hasilnya setelah analisis dilakukan pada halaman percobaan:<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/03\/gtmetrix-scan-keep-alive-0.png\" alt=\"Keep-Alive not fully working\"><\/figure><p>Pada beberapa server atau layana hosting, Keep-Alive secara default diaktifkan. Jika analisis Anda mendapatkan skor 100%, Anda tidak perlu melakukan hal apapun.<\/p><h2 class=\"wp-block-heading\" id=\"h-langkah-2-mengaktifkan-keep-alive\">Langkah 2 &ndash; Mengaktifkan Keep-Alive<\/h2><p>Ada beberapa cara untuk mengaktifkan Keep-Alive dan ini semua tergantung pada server Anda \/ penyedia hosting. Berikut ini beberapa opsinya:<\/p><h3 class=\"wp-block-heading\" id=\"h-opsi-1-mengedit-file-htaccess\">Opsi 1 -Mengedit file .htaccess<\/h3><p>Untuk mengaktifkan Keep-Alive, tambahkan baris kode berikut ini ke file <strong>.htaccess<\/strong> Anda. Mengaktifkan Keep-Alive melalui .htaccess akan menimpa setting apapun yang ada di server dan mengaktifkan koneksi yang terus menerus.<\/p><pre class=\"wp-block-preformatted\">&lt;ifModule mod_headers.c&gt;\nHeader set Connection keep-alive\n&lt;\/ifModule&gt;<\/pre><p>Metode ini biasanya bekerja di hampir semua layanan shared hosting Linux. Jika Anda tidak tahu dimana letak file <strong>.htaccess<\/strong>, lihat tutorial ini.<\/p><h3 class=\"wp-block-heading\" id=\"h-opsi-2-mengaktifkan-keep-alive-di-apache-melalui-file-httpd-conf\">Opsi 2 &ndash; Mengaktifkan Keep-Alive di Apache melalui file httpd.conf<\/h3><p>Jika Anda memiliki akses ke file config Apache, Anda bisa mengaktifkan ekstensinya dari sana. Begini kira-kira tampilan konfigurasinya:<\/p><pre class=\"wp-block-preformatted\">#\n# KeepAlive: Whether or not to allow persistent connections (more than\n# one request per connection). Set to \"Off\" to deactivate.\n#\nKeepAlive On\n\n#\n# MaxKeepAliveRequests: The maximum number of requests to allow\n# during a persistent connection. Set to 0 to allow an unlimited amount.\n# We recommend you leave this number high, for maximum performance.\n#\nMaxKeepAliveRequests 50\n\n#\n# KeepAliveTimeout: Number of seconds to wait for the next request from the\n# same client on the same connection.\n#\nKeepAliveTimeout 10<\/pre><ul class=\"wp-block-list\">\n<li>KeepAlive On bagian ini mengaktifkan ekstensi<\/li>\n\n\n\n<li>MaxKeepAliveRequests bagian ini mengatur jumlah permintaan maksimal yang diizinkan dalam 1 koneksi. 50 permintaan untuk 1 koneksi, bisa Anda buat untuk di awal.<\/li>\n\n\n\n<li>KeepAliveTimeout bagian ini menentukan berapa lama server harus menunggu permintaan baru dari client. Sangat direkomendasikan untuk mulai dengan nilai yang kecil seperti 5 atau 10 detik dan pelan-pelan nantinya meningkatkan angka ini bila memang dibutuhkan. Jika Anda memberikan nilai yang terlalu tinggi untuk setting ini, bisa mengakibatkan beban server menjadi tinggi.<\/li>\n<\/ul><p>Jika Anda tidak bisa menemukan file <strong>httpd.conf<\/strong>, jalankan perintah berikut di command line:<\/p><pre class=\"wp-block-preformatted\">find \/ -name httpd.conf<\/pre><h3 class=\"wp-block-heading\" id=\"h-opsi-3-mengaktifkan-keep-alive-di-nginx\">Opsi 3 &ndash; Mengaktifkan Keep-Alive di NGINX<\/h3><p>Keep-Alive secara default aktif pada NGINX. Namun, pada beberapa case, ini bisa dinon-aktifkan. Anda bisa mengaktifkannya melalui <a href=\"http:\/\/nginx.org\/en\/docs\/http\/ngx_http_core_module.html\" target=\"_blank\" rel=\"noopener\">HttpCoreModule<\/a>. Cari nilai <code>keepalive_disable<\/code>, yang umumnya bagian ini sering menjadi alasan mengapa Keep-Alive tidak bekerja. Sebelum mengaktifkannya, pastikan Anda sudah mengetahui alasan mengapa bagian ini dinon-aktifkan sejak awal sebelum ada perubahan apapun.<\/p><h3 class=\"wp-block-heading\" id=\"h-opsi-4-windows-server-iis\">Opsi 4 &ndash; Windows Server (IIS)<\/h3><p>Jika Anda menggunakan server berbasis Windows, Anda bisa langsung mengaktifkan ekstensi Keep-Alive menggunakan command line.<\/p><p>Gunakan perintah berikut untuk mengaktifkannya:<\/p><pre class=\"wp-block-preformatted\">appcmd set config \/section:httpProtocol \/allowKeepAlive:true<\/pre><p>Dan jika Anda ingin menon-aktifkannya, gunakan:<\/p><pre class=\"wp-block-preformatted\">appcmd set config \/section:httpProtocol \/allowKeepAlive:false<\/pre><p>Anda juga bisa melihat langsung <a href=\"https:\/\/technet.microsoft.com\/en-us\/library\/cc772183(v=ws.10).aspx\" target=\"_blank\" rel=\"noopener\">tutorial resmi dari Microsoft<\/a> dengan tambahan beberapa opsi.<\/p><h2 class=\"wp-block-heading\" id=\"h-langkah-3-test-perubahan\">Langkah 3 &ndash; Test perubahan<\/h2><p>Setelah Keep-Alive aktif, coba lakukan test lain dengan menggunakan <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener\">GTMetrix <\/a>atau website penganalisa performa lainnya, untuk memastikan apakah perubahannya bekerja atau tidak. Berikut ini adalah hasil setelah Keep-Alive diaktifkan:<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/03\/gtmetrix-scan-keep-alive-1.png\" alt=\"Keep-Alive fully functional\"><\/figure><p>Anda juga bisa memeriksa apakah Keep-Alive berfungsi, dengan cara memeriksa header HTTP Anda. Ini bisa dilakukan melalui terminal dengan menggunakan perintah berikut:<\/p><p><code>curl -I http:\/\/example.com\/example.php<\/code><\/p><p>Contohnya:<\/p><pre class=\"wp-block-preformatted\">curl -i http:\/\/hostinger.com\/index.php<\/pre><p>Hasilnya:<\/p><pre class=\"wp-block-preformatted\">HTTP\/1.1 301 Moved Permanently\nConnection: keep-alive\nServer: nginx\nDate: Fri, 23 Dec 2016 18:58:14 GMT\nContent-Type: text\/html\nContent-Length: 178\nLocation: https:\/\/www.hostinger.com\/index.php<\/pre><p>Bagian <code>Connection: keep-alive<\/code> mengindikasikan bahwa Keep-Alive berfungsi.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/id\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-29634\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Mengaktifkan Keep-Alive untuk website Anda adalah cara yang bagus untuk meningkatkan kecepatan dan performa website. Koneksi TCP yang persisten akan memastikan waktu load lebih cepat dan efisiensi yang lebih tinggi, yang bisa membuat pengunjung website Anda senang berada dalam website Anda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Keep-Alive memungkinkan browser pengunjung untuk mendownload semua content (seperti JavaScript, CSS, gambar, video, dll) melalui koneksi TCP yang stabil, bukan dengan membuat permintaan yang berbeda untuk setiap file. Ini akan menjanjikan peningkatan kecepatan dan performa, karena browser pengunjung Anda akan mendapatkan semua file melalui 1 koneksi HTTP yang persisten. Singkatnya, Keep-Alive adalah pola komunikasi antara [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/meningkatkan-performa-website-mengaktifkan-keep-alive\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":55,"featured_media":5022,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Tahukah Anda ternyata Keep-Alive bisa meningkatkan kecepatan dengan cara menyalurkan file melalui koneksi TCP yang sama. Pelajari metode ini.","rank_math_focus_keyword":"keep-alive","footnotes":""},"categories":[4983],"tags":[5516,5515,5513,5512,5517,5514],"class_list":["post-4845","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-apache","tag-htaccess","tag-http","tag-keep-alive","tag-nginx","tag-tcp"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/improving-website-performance-enabling-keep-alive","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/melhorando-o-desempenho-do-site-ativando-o-keep-alive","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/keep-alive","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/extension-keep-alive","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/meningkatkan-performa-website-mengaktifkan-keep-alive","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/improving-website-performance-enabling-keep-alive","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/improving-website-performance-enabling-keep-alive","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/improving-website-performance-enabling-keep-alive","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/extension-keep-alive","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/extension-keep-alive","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/extension-keep-alive","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/melhorando-o-desempenho-do-site-ativando-o-keep-alive","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/improving-website-performance-enabling-keep-alive","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/improving-website-performance-enabling-keep-alive","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/improving-website-performance-enabling-keep-alive","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/improving-website-performance-enabling-keep-alive","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/4845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=4845"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/4845\/revisions"}],"predecessor-version":[{"id":29897,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/4845\/revisions\/29897"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/5022"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=4845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=4845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=4845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}