Cara Meningkatkan Loading Blog dengan Expires Headers
Expires Headers Blog - Saat ini, mayoritas pembaca lebih menyukai halaman web yang bisa dibuka dengan cepat. Alasannya bukan tak lain karena informasi yang diperlukan juga seringkali mendadak.
Kecepatan akses tersebut juga kadang menjadi faktor mengapa trafik hanya stagnan di angka tertentu.
Sebelumnya, saya telah membuat cara-cara yang bisa digunakan untuk meningkatkan kecepatan akses, diantaranya dengan menggunakan layanan AMP atau dengan DNS Prefetch.
Oh iya, salah satu peringatan yang seringkali muncul saat mengecek kecepatan blog adalah Leverage Browser Caching, entah itu dengan menggunakan GTmetrix maupun PageSpeed Insights.
Rekomendasi: Cara Defer JS Google Analytics di Blog
Apa itu Leverage Browser Caching?
Namanya saja caching, istilah tersebut adalah keterangan waktu dari suatu browser dalam memuat halaman tulisan. Semakin cepat waktu yang diperlukan, semakin baik pula kualitasnya.
Nah Untuk mengatasi peringatan tersebut, diperlukan skrip khusus yang biasa disebut dengan Expires Headers.
Apa itu Expires Headers?
Expires headers adalah skrip yang berguna untuk menyimpan berbagai macam komponen tulisan ke dalam browser. Nah Saat pengunjung membuka halaman, proses pemuatan bisa berlangsung lebih cepat berdasarkan data yang telah disimpan sebelumnya.
Biasanya, data yang disimpan tersebut dapat berupa CSS, JavaScript, gambar, maupun video. Jika Anda memang banyak menggunakan jenis komponen tersebut, maka expires headers jelas patut dicoba.
Cara Memasang Expires Headers di Blogger
- Masuk ke BLOGGER
- Pilih menu TEMA
- Pilih EDIT HTML
- Tempel di bawah <head>:
<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"/>Catatan
Silahkan menambahkan komponen lain yang sekiranya memperlambat pemuatan halaman dengan menambahkan kode berikut:
<include expiration="#" path="#"/>Rekomendasi: Cara Embed JSFiddle di Blog
Cara Memasang Expires Headers di WordPress
- Buka data .htaccess
- Tempel skrip berikut ke dalamnya:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresDefault "access plus 2 days"
</IfModule>Catatan
Silahkan menambahkan komponen lain yang sekiranya memperlambat pemuatan halaman dengan menambahkan kode berikut:
ExpiresByType # "#"Selain itu, Anda juga bisa menggunakan plugin khusus WordPress yang telah banyak disediakan.
 |
| Sumber: WordPress / Leverage Browser Caching |
Rekomendasi: Cara Klaim Blog di Pinterest
Penutup
Berdasarkan pengalaman, pemasangan expires headers membutuhkan waktu sekitar satu hari sebagai proses propagansi peramban. Jadi tidak instan seperti halnya memasang lazy load di blog.
Cukup sekian artikel tentang Cara Meningkatkan Loading Blog dengan Expires Headers ini, Terima kasih.
Referensi:
www.niagahoster.co.id / tinyurl.com/3fwzp2dt