Header Expires pada Blogspot, Benarkah Loading Jadi Cepat

- Oktober 23, 2018
Akhirnya ada juga bahan untuk dijadikan postingan. Yups, berkali-kali penulis mencoba optimalkan kecepatan blog dengan menambahkan meta tag khusus, tetapi ternyata hasilnya sama saja. Kecepatan loading masih segitu-gitu aja, dan rekomendasinya masih tetap sama, dengan nilai yang sama pula.

header-expires-pada-blogspot-loading-cepat

Penulis sering menggunakan situs GTMetrix untuk mengukur kecepatan loading blog atau template yang penulis gunakan atau buat. Karena katanya sih, situs atau website yang loading-nya cepat, akan meningkatkan peluang untuk tampil di halaman pertama pencarian Google.

gtmetrix-blog-zdienos-com


Rekomendasi dari GTMetrix adalah:

Add Expire Headers

Expire Header memerintahkan browser untuk me-request file tertentu apakah dari server ataukah mengambil dari cache browser. Expire Header memerintahkan browser berapa lama suatu file tersimpan dalam bentuk cache dibanding harus meminta kembali pada server untuk kunjungan berikutnya.
add-expire-headers

Jika kita (kita?) memiliki hak akses ke web server, cukup dengan menambahkan script berikut pada .htaccess.
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##
Tetapi bagaimana jika kita tidak memiliki hak akses ke web server? Caranya adalah dengan menambahkan tag khusus pada template website. Dari beberapa rekomendasi pakar template maker blogspot, diantaranya menyarankan untuk menambahkan tag berikut:
<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'/>
Letakkan sebelum tag </head>.

Reduce DNS Lookups

Satu saran lagi dari GTMetrix adalah Reduce DNS Lookups,

reduce-dns-lookups

Reduce DNS Lookups maksudnya adalah kita disarankan untuk mengurangi permintaan yang terlalu banyak untuk domain yang berbeda-beda. Dan dari beberapa rekomendasi para pakar template maker blogspot, beberapa template tersebut menambahkan tag berikut :
<link href='//blog.zdienos.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//adservice.google.ca' rel='dns-prefetch'/>
<link href='//adservice.google.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>

Hasilnya Bagaimana?

TIDAK ADA PERUBAHAN!!! Kenapa bisa begitu? Dapat informasi dari berbagai tempat, khususnya platform Blogspot, maka cache-control tersebut dikelola di sisi server mereka, jadi meskipun kita (kita lagi?) menambahkan tag tersebut, maka tidak akan berpengaruh apapun. Seperti yang penulis jelaskan sebelumnya, cache control dan header tersebut bisa optimal jika kita membuat platform sendiri, atau menggunakan server sendiri (mungkin bisa kalau menggunakan wordpress, tetapi penulis belum mencoba).

Tambahan lagi, saya menemukan template buatan mastamvan, lihat source code nya, ternyata tidak terdapat tag tersebut, dan setelah cek di GTMetrix, wadaw 100%.

header-expires-pada-blogspot-loading-cepat


Berarti fix kesimpulan saya. Menambahkan Header Expires dan DNS-Prefetch tidak akan mengubah kecepatan loading blog. Ah masa sih, oke saya coba cari lagi tambahan referensi, dan ketemulah  template maker semisal Arlina. Saya cek GTMetrix, ternyata gak 100%, padahal sudah terdapat tag include expiration.

header-expires-pada-blogspot-loading-cepat


header-expires-pada-blogspot-loading-cepat


Mungkin segitu saja postingan kali, semoga bermanfaat, khususnya buat penulis pribadi.
Terima kasih (z)

5 komentar:

  1. Mas tamvan dan juga Igniel menggunakan lazyload gambar yang tepat, cek lagi html blog mereka

    BalasHapus
    Balasan
    1. betul, justru itu adalah salah faktor loading cepat blog nya. jadi bukan dengan menambahkan header-expires tag.

      Hapus
  2. saya setuju sama postingan ini, dan mas tamvan pakai trik si Igniel ternyata

    BalasHapus
  3. Ijin nyimak para master he he..

    BalasHapus
  4. Sering dibikin pusing juga dengan expires header

    BalasHapus


EmoticonEmoticon

 

Start typing and press Enter to search