How To Add Expires Header In Blogger?

How To Add Expires Header In Blogger?

 


Anda mungkin memiliki desain template blog yang menakjubkan, gambar yang menarik, dan konten yang berharga, dll. Tapi tetap saja, jika blog Anda loadingnya lama untuk dimuat maka orang pasti akan meninggalkan situs Anda.

Saat ini, setiap pemilik blog saling bersaing untuk meningkatkan waktu pemuatan halaman blog mereka. Di sini, di posting ini, saya akan menunjukkan kepada Anda bagaimana cara mempercepat waktu loading blog dengan menambahkan Header Expires.

Cara Menambahkan Expires Header di Blogger

Sobat Blogger biasanya menanyakan pertanyaan ini di Google Search Console atau Pencarian Google:

  • Apa itu Expires Header?
  • Bagaimana cara mengatur expires Headers di situs blogger Anda?
  • Bagaimana caranya agar blogger saya memuat lebih cepat?
  • Bagaimana cara mempercepat waktu pemuatan halaman web?
  • Bagaimana cara meningkatkan kecepatan Blogger?
  • Bagaimana cara meningkatkan kecepatan situs web saya?
  • Bagaimana cara menambahkan header kedaluwarsa di Blogger?
  • Bagaimana cara meminimalkan permintaan HTTP di Blogger?
  • Dan seterusnya...

Di dunia internet berkecepatan tinggi saat ini, tidak ada yang mau menunggu, jadi cobalah untuk mendapatkan kecepatan pemuatan blog yang maksimum baik untuk desktop dan seluler juga. Pengunjung Anda dapat mengobrol dengan Anda selama beberapa detik. Jika halaman Anda tidak dimuat dengan cepat, pengunjung Anda pasti akan pergi. Anda mungkin memiliki file HTML sederhana untuk blog Anda yang mungkin memiliki sedikit gambar, beberapa infografis, dll. Untuk melayani kebutuhan pembaca Anda. Tapi, Anda mungkin telah meningkatkan dan mengubah blog Anda menjadi situs web modern. Dan sekarang, Anda dapat memiliki 50-60 lebih file di satu halaman Anda. File itu sendiri membutuhkan waktu untuk dimuat. Meskipun permintaan-respons membutuhkan sepersekian detik untuk memuat file-file itu, namun itu akan menjadi berat jika Anda menambahkannya semuanya.

Sebelum lanjut dengan cara menambahkan expires header untuk blogger anda, perlu kita ketahui lebih lanjut seperti apa itu? bagaimana cara kerjanya? mengapa menggunakannya? dll.

Apa Itu Expires Header?


Tajuk kadaluwarsa atau Expires Headers terkait dengan elemen halaman web seperti CSS, javascript, gambar, dll. Apa fungsinya tajuk kadaluwarsa? Expires header itu memberitahu browser Anda bahwa, apakah mereka harus meminta file tertentu dari server atau apakah itu dapat diambil dari cache browser itu sendiri. Menambahkan Expire Header di HTML akan mengurangi waktu respons permintaan antara browser dan server. Akibatnya, jika Anda menguji waktu pemuatan laman web dengan alat uji kecepatan seluler gratis, akan jelas bahwa; itu tidak hanya mengurangi banyak unduhan dari server tetapi juga membantu mengurangi jumlah permintaan HTTP ke server.

Apakah Expires Header Berfungsi?


'Expires Headers' memberi tahu browser tentang berapa lama file harus disimpan di cache. Karenanya, pada tampilan halaman berikutnya, pengunjung Anda tidak perlu mendownload file lagi dan lagi. Mungkin perlu beberapa saat untuk memuat situs web Anda untuk pertama kalinya karena browser pengunjung membutuhkan waktu untuk mengunduh semua file dari server. Namun menggunakan Expires Headers akan sangat membantu mengurangi file besar waktu pemuatan untuk pengunjung yang kembali.

Kenapa Harus Memakai Expires Header?


Di bawah ini adalah beberapa alasan di balik mengapa menggunakan Expire Headers.
  1. Mengurangi beban server.
  2. Mengurangi waktu buka halaman.
  3. Mengurangi permintaan HTTP.
  4. Penggunaan kembali file cache secara efektif.

Bagaimana Menambahkan Expires Header Di Blogger?


Sebelum menerapkan langkah ini, periksa dulu template blog Anda dengan GTmetrix. Masukkan URL blog Anda dan klik tombol Analyze tersebut. Tunggu beberapa menit, alat GTmetrix akan menganalisis dan menampilkan laporan kinerja blog Anda di layar. Anda dapat mencatat hasilnya sehingga akan membantu Anda membandingkan sebelum dan sesudah Anda menerapkan langkah-langkah untuk menambahkan header kedaluwarsa (Expires Header).

Tambahkan kode di bawah ini tepat di atas </head> di template HTML blogger Anda.

<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="jum, 22 okt 2021 00:00:00 GMT"/>

Sekarang, simpan template blogger HTML Anda, dan periksa pratinjau template. Jika semuanya berfungsi dengan baik di pratinjau situs web Anda, periksa lagi laporan kinerja Anda dari situs GTmetrix. Anda dapat membandingkan hasil terbaru dengan yang Anda ambil sebelum menambahkan header Kedaluwarsa.

CATATAN: Saya yakin dengan menambahkan header Expires, Anda pasti akan mengurangi beban server, itu juga membantu untuk mengurangi waktu pemuatan halaman dan mengurangi beberapa permintaan HTTP. Namun, untuk platform Blogger sendiri menurut saya sudah menerapkan ini tapi tidak terletak dalam template. Karena saya juga sudah mencoba cara di atas hasilnya ada yang berfungsi namun hanya terkoreksi sebagian tidak full 100% tapi lumayan lah pagespeed loading blog ikut meningkat.