Cara Meningkatkan Loading Blog dengan Expires Headers

Cara Meningkatkan Loading Blog dengan Expires Headers

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>:
  • <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"/>
  • Pilih SIMPAN
  • Selesai.

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>
  • Pilih SIMPAN
  • Selesai.

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.

Leverage Browser Caching
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

Suka menulis berita yang berhubungan dengan dunia teknologi khususnya Blog, Aplikasi, Provider, Smartphone, dan Desktop

Posting Komentar

Chat via WhatsApp