Cara Add Expires Headers WordPress Secara Manual

By | November 19, 2004

Jasa SEO Jakarta Terbaik – Pernahkah Anda mendapat rekomendasi “Add Expires Headers” saat menggunakan GTMetrix? Rekomendasi dari tools cek kecepatan website ini terkait dengan kendala loading lambat. Jika dibiarkan, kenyamanan pengunjung website akan terganggu dan ranking di hasil pencarian bisa turun.

Jangan sampai hal ini terjadi, ya! Nah itulah kenapa penting untuk mengelola add expires headers dengan baik. Tujuannya, mempercepat loading blog dan website dengan memanfaatkan cache.

Lalu, bagaimana cara menambahkan expires header? Kami akan menjelaskan selengkapnya. Namun, sebelumnya mari pelajari dulu apa itu Expires Header.

Apa itu Expires Headers?

Expires header adalah baris kode yang memberitahu browser berapa lama seharusnya file cache sebuah situs disimpan.

Penjelasan sederhananya seperti ini:

Ketika user pertama kali mengunjungi sebuah halaman website, browser biasanya akan otomatis memuat file dari server. File tersebut bisa berupa HTML, Images, PDF, CSS, Javascripts, dan lainnya. File yang diterima kemudian disimpan di cache. File yang dimuat tadi kemudian disimpan di cache.

Jadi, jika user ingin membuka halaman yang sama, cukup mengambil dari cache, tanpa meminta ke server lagi.

Namun, berapa lama seharusnya file tadi tersimpan di browser cache?

Nah, karena cache memiliki masa kedaluarsa (expired), penting untuk menentukan expires header yang sesuai. Kenapa demikian?

Jika expires header-nya terlalu cepat, maka akan selalu ada permintaan langsung ke server. Selain proses loading lama, bisa-bisa Anda mendapatkan peringatan seperti, “Your server is not using expires header for your image,” (“Server Anda tidak memiliki expires header untuk image-nya).

Di sisi lain, jika expires header terlalu lama, perubahan konten yang dilakukan tidak dapat segera ditampilkan. Sebab, browser masih menampilkan data lama yang tersimpan di cache..

Jadi, dengan menentukan add expires header, Anda bisa mengatur kapan waktu bagi browser harus mengambil file ke server. Serta, kapan ia cukup mengambil file dari cache saja.

2 Cara Menambahkan Add Expires Header

Ada dua cara menambahkan add expires header: menggunakan plugin dan manual coding. Untuk manual coding, tentu Anda butuh keahlian pemrograman yang baik. Jika ingin lebih mudah, Anda bisa memanfaatkan beberapa plugin expires headers.

Cara Add Expires Headers WordPress Secara Manual

Sesuai dengan server yang Anda gunakan, inilah cara add expires header secara manual. Kami akan menjelaskan masing-masing cara melakukannya di server Apache dan Nginx. Oke, langsung saja simak penjelasannya di bawah ini ya!

1. Menggunakan Apache Web Server

Untuk menambahkan add expires header, Anda perlu mengakses file .htaccess. Cara termudah adalah melalui cPanel dengan langkah sebagai berikut:

Anda bisa login ke akun cPanel dengan username dan password yang sesuai.
cpanel

Setelah login, pilih menu File Manager

Di dalam File Manager, piih folder public_html.
file manager public_html

Setelah masuk ke public_html, Anda akan menemukan file .htaccess. Lakukan klik kanan di file ini, lalu pilih Edit.
.htaccess

Langkah berikutnya, lakukan copy paste baris kode ini ke file .htaccess tersebut, seperti di bawah ini:

<IfModule mod_expires.c>

ExpiresActive On
# Images

ExpiresByType image/jpeg “access plus 1 year”

ExpiresByType image/gif “access plus 1 year”

ExpiresByType image/png “access plus 1 year”

ExpiresByType image/webp “access plus 1 year”

ExpiresByType image/svg+xml “access plus 1 year”

ExpiresByType image/x-icon “access plus 1 year”

# Video

ExpiresByType video/mp4 “access plus 1 year”

ExpiresByType video/mpeg “access plus 1 year”

# CSS, JavaScript

ExpiresByType text/css “access plus 1 month”

ExpiresByType text/javascript “access plus 1 month”

ExpiresByType application/javascript “access plus 1 month”

# Others

ExpiresByType application/pdf “access plus 1 month”

ExpiresByType application/x-shockwave-flash “access plus 1 month”

</IfModule>

dengan menggunakan jasa seo indonesia optimaise.com

Leave a Reply

Your email address will not be published. Required fields are marked *