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.
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.
Rekomendasi dari GTMetrix adalah:
Jika kita (kita?) memiliki hak akses ke web server, cukup dengan menambahkan script berikut pada .htaccess.
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 :
Tambahan lagi, saya menemukan template buatan mastamvan, lihat source code nya, ternyata tidak terdapat tag tersebut, dan setelah cek di GTMetrix, wadaw 100%.
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.
Mungkin segitu saja postingan kali, semoga bermanfaat, khususnya buat penulis pribadi.
Terima kasih (z)
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.
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.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 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%.
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.
Mungkin segitu saja postingan kali, semoga bermanfaat, khususnya buat penulis pribadi.
Terima kasih (z)
Mas tamvan dan juga Igniel menggunakan lazyload gambar yang tepat, cek lagi html blog mereka
BalasHapusbetul, justru itu adalah salah faktor loading cepat blog nya. jadi bukan dengan menambahkan header-expires tag.
Hapussaya setuju sama postingan ini, dan mas tamvan pakai trik si Igniel ternyata
BalasHapusIjin nyimak para master he he..
BalasHapusSering dibikin pusing juga dengan expires header
BalasHapus