Cara Mengatasi Laverage Browser Caching Di WordPress VPS

Pernahkah kamu tes performa blog wordpress dengan Gtmetrix kemudian menemukan pesan laverage browser caching yang membuat Pagespeed Score dan Yslow Score  menjadi buruk, jika ya maka silahkan baca sampai tuntas karena saya akan berbagi pengalaman cara mengatasinya terutama bagi yang menggunakan VPS – Apache.

Untuk mengatasi pesan laverage browser caching sebetulnya cukup mudah karena kita hanya perlu menambahkan beberapa baris kode ke file .htaccess namun berbeda dengan shared hosting, ternyata setelah memindahkan salah satu blog ke VPS file .htaccess seperti tidak berfungsi.

Advertisements

Tips ini hanya berlaku bagi kamu yang menggunakan web hosting (shared) maupun VPS dengen engine Apache bukan nginx karena jika pakai nginx maka tidak akan membaca file .htaccess

Tips Cara Mengatasi Laverage Browser Caching WordPress Di VPS – Apache

Berikut yang saya lakukan untuk menghilangkan pesan laverage browser caching di Gtmetrix maupu Google Pagespeed Tes.

  1. Login ke VPS dengan SSH lalu cari file .htaccess yang biasanya terletak di public_html/namadomain atau jika di VPS ada di /var/www/html. Catatan : Jika kamu menggunakan plugin Yoast SEO maka kamu bisa langsung edit file .htaccess dari SEO – Tools – lalu pilih File Editor (dan loncat ke langkah 3)
  2. Edit file tersebut (di VPS) dengan cara ketik command berikut : sudo nano /var/www/html/.htaccess
  3. Selanjutanya tambahkan kode berikut ini.
    ## EXPIRES CACHING ##
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg "access 1 year"
    ExpiresByType image/jpeg "access 1 year"
    ExpiresByType image/gif "access 1 year"
    ExpiresByType image/png "access 1 year"
    ExpiresByType text/css "access 1 month"
    ExpiresByType application/pdf "access 1 month"
    ExpiresByType text/x-javascript "access 1 month"
    ExpiresByType application/x-shockwave-flash "access 1 month"
    ExpiresByType image/x-icon "access 1 year"
    ExpiresByType image/svg "access 1 year"
    ExpiresDefault "access 7 days"
    </IfModule>
    ## EXPIRES CACHING ##
  4. Selanjutnya simpan dengan cara tekan CTRL+X, kemudian periksa kembali skor kecepatan blog kamu dengan Gtmetrix.

Sudah Merubah .htaccess Tetapi Laverage Browser Caching Masih Muncul

Jika kamu sudah ikuti langkah diatas, dan ternyata tidak ada perubahan maka silahkan lakukan langkah dibawah ini.

  1. Dari console ketik sudo apachectl -M
  2. Lihat item yang muncul dan pastikan ada expires_module (shared) 
  3. Jika belum ada maka ketik lagi sudo a2enmod expires
  4. Kemudian restart apache : service apache2 restart
  5. Ulangi langkah No 1 dan jika normal seharusnya expires_module (shared) sudah muncul, lihat gambar dibawah ini.Cara Mengatasi Laverage Browser Caching Di WordPress VPS

Permasalahan seperti diatas kemungkinan muncul jika kamu baru pindah dari shared hosting ke VPS dan menginstall wordpress manual seperti yang terjadi pada salah satu blog teman saya yang baru saja pindah dari hostgator ke DigitalOcean.

Selanjutnya silahkan cek kembali kecepatan loading blog kamu dengan Gtmetrix, dan berikut adalah hasil sebelum sesudah memodifikasi .htaccess
Cara Mengatasi Laverage Browser Caching Di WordPress VPS

Seperti terlihat pada gambar diatas, karena laverage browser caching dengan Grade F(14) akhirnya skor untuk PageSpeed hanya A(90%) dan YSlow B(83%), dan setelah melakukan perubahan hasilnya seperti berikut ini.

Merubah .htaccess Tetapi Laverage Browser Caching

Seperti terlihat, ada peningkatan yang cukup signifikan PageSpeed menjadi 97% Grade A dan YSlow 90% Grade A yang tadinya hanya 83% Grade B.

Selamat mencoba dan semoga berhasil, jika ada yang masih bingung silahkan tanyakan melalui kotak komentar dan semoga saya bisa membantu, karena sayapun masih pemula untuk urusan VPS.

Latest Comments
  1. Top bola May 26, 2016
    • Dian Ayu L May 27, 2016