Apa Header yang kadaluarsa ?

Header yang kedaluwarsa memberitahu browser apakah mereka harus meminta file tertentu dari server atau apakah mereka harus mengambilnya dari cache browser.

Apa itu Header Yang Kedaluarsa dan Cara Memperbaikinya

Seluruh ide di balik Expires Headers atau Header yang kadaluarsa tidak hanya untuk mengurangi beban download dari server (terus-menerus mendownload file yang sama saat tidak dimodifikasi adalah membuang-buang waktu muat yang berharga) namun, untuk mengurangi jumlah permintaan HTTP untuk server.

Saat Anda mengunjungi situs web.

Browser Anda bertanggung jawab untuk berkomunikasi dengan server web untuk mendownload semua file yang dibutuhkan. Kemudian dikompilasi file tersebut untuk menampilkan halaman web. Seiring bertambahnya halaman web dalam grafis dan konten, semakin banyak file yang ditransfer antara mesin dan server web Anda.

Di masa lalu Anda akan memiliki file HTML.

Mungkin beberapa gambar untuk ditayangkan di situs Anda, namun banyak situs web modern mungkin memiliki 50+ file per halaman untuk ditransfer. File itu sendiri bisa menjadi beban yang besar, meningkat sendiri tapi untuk setiap file Anda harus membuat permintaan dan bahkan jika permintaan adalah pecahan sedetik, mereka bisa segera bertambah.

Bagaimana cara kerjanya?

Header kedaluwarsa agak sederhana dalam cara kerjanya. Mereka memberitahu browser berapa lama untuk menyimpan file di cache sehingga tampilan dan kunjungan halaman berikutnya mereka tidak perlu mendownload file lagi. Anda berhak menganggap Expires Headers tidak memperbaiki kecepatan halaman untuk kunjungan pertama kali karena pengunjung ini harus mendownload semua file untuk pertama kalinya. Menggunakan Expires Headers membantu mengurangi waktu muat untuk pengunjung yang kembali.

Anda dapat mengatur Expires header pada file tertentu atau bahkan jenis file. Kemudian ketika browser datang ke situs web itu bisa melihat kapan terakhir kali download jenis file tertentu. Jika baru-baru ini akan menampilkannya dari cache, jika Anda belum pernah mengunjungi situs ini sebentar lagi akan mendownload versi terbaru dari server web.

Idenya adalah menetapkan waktu kadaluarsa untuk item yang tidak berubah di situs Anda (logo, warna dll). Tetapkan waktu kadaluwarsa singkat untuk hal-hal yang berubah secara teratur.

Mengapa penting?

Menambahkan Expires Headers penting untuk mengurangi permintaan HTTP yang mengurangi waktu yang dibutuhkan server untuk berkomunikasi dengan browser. Ini juga memungkinkan pengguna Anda untuk menggunakan kembali file cache yang telah tersimpan di browser untuk mengurangi jumlah file yang perlu diunduh.

Bagaimana menambahkan kadaluarsa header

Pertama, Anda perlu memutuskan file apa yang sering Anda perbarui dan jenis file apa yang tidak sering diperbarui. Daftar jenis file yang sering kita lihat adalah:

gambar: jpg, gif, png | favicon / ico | javascript | css

Sekarang pergi melalui jenis file dan berpikir seberapa sering Anda mengubah masing-masing. Biasanya gambar biasanya tidak berubah terlalu sering (ingatlah kita membicarakan gambar yang ada) favicon hampir tidak pernah berubah, javascript kadang-kadang berubah dan CSS berubah lebih sering.

Kami mendefinisikan Expires Header kami di file .htaccess. Ini adalah file tersembunyi yang sering ditemukan di root situs Anda (via FTP). Itu selalu praktik terbaik sebelum Anda mengedit file htaccess untuk mendukungnya!

Jika kamu ingin memperbaiki loading cepat pemuatan blog atau situs kamu maka kamu bisa menerapkan atau update perkala.

Sekarang, buka file htaccess Anda dan paste di bawah ini:

<IfModule mod_expires.c>
# Enable is expired
ExpiresActive On
# Default directive
ExpiresDefault "plus 1 month"
</ IfModule>

Pertama, kita mengaktifkan expirations dan kemudian kita menetapkan tanggal kadaluarsa default untuk file yang tidak kita tentukan. Sekarang kita ingin menambahkan baris untuk menjelaskan kapan akan berakhir. Tepat di atas </ IfModule> tempelkan yang berikut dan ubah tanggalnya untuk mencerminkan waktu yang paling sesuai dengan situs kamu.

# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year"

File lengkap kamu akan terlihat seperti dibawah ini:

<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year"
</IfModule>

Sudah siap !. Sekarang simpan Template dan uji hasilnya.

Apa itu Header Yang Kedaluarsa dan Cara Memperbaikinya