Categories: Tutorial

Cara Mempercepat Loading Website Menggunakan Cache Browser

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.

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

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! ??

Waryanto

Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

Share
Published by
Waryanto
Tags: Tutorial

Recent Posts

SEO Penting untuk Branding. Niagahoster dan DQLab Bagikan Manfaat dan Tips-nya Di Sini!

Mesin pencari atau search engine mengambil peran signifikan bagi performa sebuah website. Data dari Brighthedge Research menyebutkan, 68% pengalaman online…

14 hours ago

10 Isu Keamanan yang Wajib Diwaspadai Toko Online + Solusinya!

Apakah Anda sudah punya toko online? Atau mungkin Anda baru berencana membangunnya? Apapun jawaban Anda, pastikan toko online yang Anda…

23 hours ago

Panduan Lengkap Cara Kirim Email dengan Laravel

Laravel merupakan framework dengan fitur terlengkap. Salah satunya adalah adanya fitur Laravel Mail yang dapat memudahkan Anda mengirim email langsung…

2 days ago

Port 443: Bagian Keamanan Website yang Tak Bisa Diremehkan!

Ancaman kejahatan online terus meningkat. Maka dari itu, jangan bosan untuk terus melindungi website Anda. Salah satunya, dengan selalu mengutamakan…

3 days ago

Cara Menghilangkan Index.php di CodeIgniter

Pada codeigniter, secara default Anda harus menambahkan index.php untuk mengakses url. Contohnya untuk mengakses halaman artikel harus ditulis seperti ini:…

4 days ago

Cara Mengatasi Error phpMyAdmin Access Denied [Terlengkap]

Anda kaget karena tiba-tiba mendapatkan error phpMyAdmin access denied? Padahal sebelumnya tidak pernah muncul error dengan tampilan kotak merah tersebut…

5 days ago