Skip to content Skip to sidebar Skip to footer

Menggunakan Expires Header Untuk Meningkatkan Performa Website Atau Blog

Expires Header
Tingkatkan Peforma Blog Atau Website

Fighazmc.com - Menggunakan expires header untuk meningkatkan performa website atau blog adalah salah satu cara untuk meningkatkan kualitas website atau blog.

Pentingnya memiliki website yang cepat dan responsif tidak dapat dikesampingkan.

Kecepatan website dapat mempengaruhi tingkat konversi dan tingkat kepuasan pengguna. 

Salah satu cara untuk meningkatkan performa website adalah dengan menggunakan Expires Header.

Apa itu Expires Header?

Expires Header adalah header HTTP yang digunakan untuk menentukan tanggal dan waktu setelah mana suatu sumber daya tidak lagi valid dan harus diambil ulang dari sumber aslinya.

Ini biasanya digunakan untuk menentukan waktu kadaluarsa cache dari halaman web, gambar, dan file CSS dan JavaScript.

Bagaimana Expires Header Bekerja?

Saat browser memuat suatu halaman web, Expires Header akan menentukan apakah sumber daya harus diambil dari server atau Qdiambil dari cache browser.

Jika suatu sumber daya telah memiliki Expires Header, browser akan menyimpannya di cache dan menggunakannya pada kunjungan berikutnya tanpa harus mengirim permintaan ke server.

Ini membantu meningkatkan performa halaman web dengan menghindari pemuatan sumber daya yang sama berulang-ulang dari server.

Bagaimana Menggunakan Expires Header?

Expires Header dapat diterapkan dengan menambahkan baris kode berikut ke file .htaccess:


<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"
ExpiresDefault "access plus 2 days"
</IfModule>


Ini adalah kode yang digunakan untuk menentukan waktu kadaluarsa cache untuk berbagai jenis sumber daya seperti gambar, file CSS, dan file JavaScript pada sebuah website yang dihosting pada server yang menjalankan Apache.

Bagaimana Menggunakan Expires Header Untuk Blogspot Atau Blogger?

Pada pengaturan dasar atau bawaan, untuk blog yang dibuat menggunakan platform Blogspot (Blogger), konfigurasi Expires Header tidak dapat diterapkan pada tingkat individual blog.

Namun, Anda masih dapat meningkatkan performa blog Anda dengan mempercepat waktu loading halaman dengan menggunakan teknik-teknik seperti optimasi gambar, minifikasi CSS dan JavaScript, dan pengaturan cache browser.

Setingan Manual Expires Header Untuk blog yang dibuat menggunakan platform Blogspot (Blogger)

Untuk memudahkan blog yang dibuat menggunakan platform Blogspot (Blogger), konfigurasi Expires Header dapat diterapkan pada tinggkat individual dengan mengikuti langkah berikut:

  • Salin Kode dibawah Ini



<include expiration="7d" path="*.css"/>
<include expiration="7d" path="*.js"/>
<include expiration="3d" path="*.gif"/>
<include expiration="3d" path="*.jpeg"/>
<include expiration="3d" path="*.jpg"/>
<include expiration="3d" path="*.png"/>
<meta http-equiv="expires" content="fri, 02 jun 2023 00:00:00 GMT"/>

  • Lalu Masuk atau Login Ke akun Blogger Anda
  • Pilih "Tema"
  • Pilih "Edit HTML"
  • Setelah Itu Pasang atau Paste kode yang Anda salin tepat dibawah tag <head>.
  • Lalu Simpan.

Kesimpulan

Expires Header adalah salah satu cara untuk meningkatkan performa website dengan meminimalisir pemuatan sumber daya yang sama berulang-ulang dari server.

Dengan menggunakan Expires Header, website akan lebih cepat dan responsif, yang pada gilirannya dapat meningkatkan tingkat konversi dan kepuasan pengguna.

Selamat mencoba!

Fighaz Mc
Fighaz Mc Halo!, Saya suka menulis di blog, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!

Post a Comment for "Menggunakan Expires Header Untuk Meningkatkan Performa Website Atau Blog"