Tips Mempercepat Load Website dengan Caching Browser / Expires Headers

Salah satu cara untuk meningkatkan kecepatan akses website anda yaitu dengan Caching Browser, Caching Browser dapat membantu meningkatkan kecepatan akses website anda dengan menyimpan sementara beberapa file-file website anda secara lokal pada browser pengunjung dengan rentang waktu tertentu sesuai dengan settingan yang telah dilakukan. Memang untuk Kunjungan website

pertama belum terasa perubahannya hal ini dikarenakan pada kunjungan pertama browser akan mendownload semua file website anda kemudian menyimpannya di komputer lokal anda, namun ketika pengunjung melakukan kunjungan berikutnya, me refresh halaman, atau bahkan bergerak ke halaman yang berbeda dari situs Anda, maka pengunjung sudah memiliki beberapa file yang mereka butuhkan secara lokal sehingga tidak perlu melakukan permintaan lagi ke server dan hal ini akan mengurangi beban download dan proses permintaan ke server.

Cara kerjanya yaitu dengan menandai halaman tertentu, atau bagian dari halaman seperti file html, css, javascript atau gambar. Misal Logo pada website Anda, tidak mungkin kan untuk logo berubah dari hari ke hari? Dengan melakukan caching gambar logo ini, kita bisa meminta browser pengguna untuk men-download logo ini dan menyimpan cachenya seminggu sekali sehingga setiap user mengakses website yang sama maka browser akan memanggil/menggunakan logo yang cachenya sudah tersimpan pada cache browser selama 1 minggu. dan perlu diingat disarankan langkah ini tidak diterapkan pada file yang sering berubah secara berkala. Sama halnya Anda menempatkan file-file gambar (yang terkena caching) pada komputer pengunjung website sehingga bisa lebih cepat diakses.

Cara mengaktifkan caching browser yaitu mengedit HTTP website dan mengatur tanggal kadaluarsa pada jenis file tertentu pada file htaccess.

1. Pastikan beberapa bagian website atau file-file website anda yang akan diterapkan, kemudian buat sebuah file .htaccess pada direktori website bapak.

2. Selanjutnya buka file htaccess dan aktifkan pengaturan mod_expires dengan menambahkan script :

<IfModule mod_expires.c>

# Enable expirations

ExpiresActive On

# Default directive

ExpiresDefault "access plus 1 month"

ExpiresByType image/jpg "access plus 1 year"

</IfModule>

3. Kemudian untuk menerapkannya pada beberapa file dan mengatur tanggal kadaluarsa cache tersebut silahkan ganti image/jpg dengan image/png (untuk file PNG), text/css (untuk file CSS), application/pdf (untuk file PDF), text/x-javascript (untuk file JAVASCRIPT), application/x-shockwave-flash (untuk file SWF), image/x-icon (untuk file icon).

dan untuk melakukan setting periode cachingnya, silahkan ganti access plus 1 year dengan access plus 1 year (untuk 1 tahun), access plus 1 month (untuk 1 bulan), access plus 1 hours (untuk periode 1 jam).

Hal ini akan merepotkan jika pada website anda memiliki banyak file dengan type file yang berbeda-beda dan ingin dilakukan proses caching browser dengan periode yang berbeda-beda, yang artinya anda harus memasukkan satu persatu script ini untuk beberapa type file dan setting periode caching file secara manual. apalagi bagi anda yang tidak mengerti tentang bahasa pemrograman maka akan sedikit kesulitan.

Tweet

Subscribe to receive free email updates: