Cara Menambahkan Add Expires headers Google Analytics

Selain harus mobile friendly kecepatan load halaman suatu blog menjadi salah satu faktor peting dalam SEO. Blog yang memiliki kecepatan load halaman tinggi akan disukai oleh Google sehingga lebih mudah mendapatkan peringkat di pencarian google.

Untuk membuat halaman blog lebih cepat tentunya pemilik harus melakukan beberapa hal, seperti memilih hosting yang bagus, menggunakan template yang ringan serta melakukan pengaturan script dan .htacess secara manual maupun menggunakan dengan menggunakan plugin.

Install Plugin Cache Untuk Meningkatkan Kecepatan Website

Di WordPress sendiri sudah disediakan banyak plugin cache gratis yang dapat digunakan untuk memaksimalkan kecepatan website. Dalam plugin tersebut sudah terdapat bayak fitur seperti html compression, CSS Minify, jQuery optimization, lazy load dan lain sebagainya.

Berikut 6 plugin cache yang sekarang populer:

  1. WP Super Cache ( 2 juta pengguna lebih)
  2. WP Fastest Cache ( 1 juta pengguna lebih)
  3. W3 Total Cache ( 1 juta pengguna lebih)
  4. Autoptimize ( 1 juta pengguna lebih)
  5. LiteSpeed Cache (700.000 pengguna lebih)
  6. WP-Optimize – Clean, Compress, Cache (700.000 pengguna lebih)

Dari keenam plugin tersebut memiliki fungsi yang sama namun memiliki sedikit kelebihan kekurangan dan kelebihan dari masing plugin. Tinggal pilih saja sesuai selera atau sesuai rekomendasi dari penyedia hosting blog kita.

Cek Ketetapan Blog Menggunakan GTmetrix

Untuk mengetahui kecepatan loading website kita bisa menggunakan 3 tools berikut:

1. GTmetirx

2. Pingdom Tools

3. Google PageSpeed Insights

Saya sendiri menggunakan patokan 3 tools tersebut namun entah kenapa saya lebih sering mengecek website di GTmetrix. Jadi saya ambil contoh yang GTmetrix saja.

Cara Menambahkan Add Expires headers Google Analytics

Indikator kecepatan loading blog di tunjukkan dengan huruf dan persentase. Blog yang memiliki performa bagus maka memiliki score bagus pula yaitu A atau B. Sebaliknya jika halaman blog memiliki loading kurang bagus maka score yang di dapat yaitu C, D, E bahkan F.

Selain indikator score, kita juga diberikan keterangan pada bagian yang harus diperbaiki. Untuk memperbaiki kecepatan cara manual atau paling mudah cukup install plugin saja. Seperti plugin cache yang saya sebutkan dia tas tadi.

Setelah plugin cache di install dan di setting dengan benar biasanya akan membuat halaman blog lebih cepat jika di cek kembali menggunakan GTmetrik. Score akan lebih baik.

Add Expires headers

Setelah install plugin cache dan di setting dengan benar biasanya masih ada kekurangan pada Add Expires header yang bermasalah karena terdapat js dari pihak ketiga yaitu Google Analytics seperti contoh berikut ini:

Pada indikator GTmeterix bagian YSlowAdd Expires headers terdapat keterangan tanpa far-future expiration date yaitu https://www.googletagmanager.com/gtag/js?id= dan https://www.google-analytics.com/analytic.js

Cara Menambahkan Add Expires headers Google Analytics

Gambar di atas pada Add Expires header di tunjukkan dengan sore C (79) dan pada YSlow Score secara keseluruhan 92.

Cara Menambahkan Add Expires headers Google Analytic

Untuk mengatasi masalah di atas tadi. Kita bisa mengabahkan kode add expires header ke dalam file .htaccess melalui cpanel. Namun ada cara yang lebih mudah yaitu dengan cara install plugin Cache External Scripts.

Caranya:

Cari saja Cache External Scripts by Diego Voors melalui menu PluginAdd New → cari Cache External Scripts. → Kemudian install dan aktifkan plugin seperti biasa.

Setelah plugin  di aktifkan maka plugin ini langsung bekerja tanpa setting apapun.

Pastikan plugin berjalan dengan cara Setting Cache External Sources→  klik this link setelah tulisan “In case you want to force the cache to be renewed”.

Selesai.

Sekarang coba cek kembali blog di GTmetrix. Jika berhasil maka score pada Yslow akan meningkat dan pada Add Expires header menjadi A (100) seperti gambar di bawah ini:

Cara Menambahkan Add Expires headers Google Analytics

 

Jika menggunakan plugin cache jangan  lupa untuk Purge All dan clean cache terlebih dahulu.

Perlu Menambahkan gzip compression Jika:

Untuk mempercepat loading halaman website kita juga perlu mecopress html, css, javascript dengan mengkatifkan gzip compression pada plugin cache.

Akan tetapi jika plugin cache yang kita install belum ada fitur enable gzip compression maka kita perlu menambahkan kode gzip compression berikut ini secara manual:

# enable gzip compression
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

Copy dan pestakan kode di atas di .htacess. Masuk ke  Cpanelfile mangerpublic_html (atau lokasi WordPress) → kemudian cari file .htacess → (klik kanan) edit → lalu masukkan kode di atas pada awal halaman.

Bagaimana jika file .htacess tidak muncul?

Pilih menu setting di halaman tersebut dan centang Show Hidden Files (dotfiles)Save.

Cara Menambahkan Add Expires headers Google Analytics

Note: Jika score di GTmetrix bagus maka di Pingdom Tools dan Google akan ikut bagus juga.

Cukup sekian, semoga bermanfaat.

5/5 (4)

Berikan Rating

Leave a Comment