Cara Mempercepat Loading Website Menggunakan Cache Browser

By | December 30, 2020

Cara mempercepat loading website bisa dilakukan dengan mengaktifkan cache pada blog. Ketika membuka halaman website untuk pertama kali, browser akan mengunduh semua konten (HTML, CSS, JavaScript, dan gambar). Loading sebuah website yang memiliki file besar akan memakan waktu yang cukup lama, terutama jika menggunakan koneksi internet yang lambat atau melalui smartphone.

Setiap file membuat request terpisah ke server. Semakin banyak request ke server dalam waktu bersamaan, semakin lambat kecepatan sebuah website. Cache browser akan membantu menyimpan file pada browser pengguna.

[ecko_alert color=”gray”]Baca juga: Cara Login WordPress Lebih Aman dengan Two Factor Authentication[/ecko_alert]

Ketika visitor mengunjungi sebuah website untuk pertama kali, diperlukan waktu loading yang sama seperti biasanya. Akan tetapi, ketika visitor yang sama berkunjung kembali ke website tersebut, melakukan refresh, atau membuka halaman lain, mereka sudah memiliki sebagian file yang tersimpan secara lokal.

Pendeknya, pengguna browser hanya perlu mengunduh sedikit data serta request ke server, sehingga mengurangi waktu loading.

Apa yang Anda Perlukan?

Sebelum Anda memulai tutorial ini, pastikan bahwa Anda memiliki:

  • Akses ke file .htaccess

Langkah 1: Cara Mempercepat Loading Website dengan Edit File .htaccess

Prosesnya cukup sederhana. Anda hanya perlu menambahkan kode di bawah ini ke dalam file .htacces. Silakan ikuti panduan ini untuk membuka file .htaccess.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg access plus 1 year
ExpiresByType image/jpeg access plus 1 year
ExpiresByType image/gif access plus 1 year
ExpiresByType image/png access plus 1 year
ExpiresByType text/css access plus 1 month
ExpiresByType application/pdf access plus 1 month
ExpiresByType text/x-javascript access plus 1 month
ExpiresByType application/x-shockwave-flash access plus 1 month
ExpiresByType image/x-icon access plus 1 year
ExpiresDefault access plus 7 days
</IfModule>
## EXPIRES CACHING ##

Setelah perubahan disimpan, caching browser akan aktif untuk browser Anda.

Langkah 2: Tes Browser

Anda dapat mengetes caching browser menggunakan banyak tool, misalnya WebPageTest atau GTMetrix.

Berikut adalah tampilan sebelum mengaktifkan cache pada blog.

Cara Mempercepat Loading Website Menggunakan Cache Browser

Sebagai perbandingan, di bawah ini adalah hasil setelah cache pada blog diaktifkan.

Cara Mempercepat Loading Website Menggunakan Cache Browser

Kesimpulan

Dalam tutorial cara mempercepat loading website dengan cache browser ini, Anda telah belajar meningkatkan performa website dengan mengaktifkan cache pada browser.

Apakah Anda masih memiliki pertanyaan? Sampaikan pertanyaan, maupun pengalaman Anda (jika ada) pada kolom komentar di bagian akhir halaman ini. Subscribe sekarang untuk mendapatkan ulasan terbaru dari kami! ??


Sumber https://niagahoster.co.id/