Cara Meningkatkan Loading Blog dengan Expires Headers - Mayoritas pembaca sekarang ini 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>:
- Pilih SIMPAN
- Selesai.
<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 2024 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:
- Pilih SIMPAN
- Selesai.
<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 / https://tinyurl.com/3fwzp2dt