Mengatasi Add Expires Headers WordPress

Ketika Anda melakukan cek kecepatan website di web pengujian kecepatan seperti GTmetrix dan kemudian muncul peringatan seperti add expires headers dengan skor rendah dan berwarna merah, seketika Anda merasa gundah gulana dan tidak tenang.

Mengoptimasi kecepatan website WordPress memang membutuhkan perjuangan yang nampaknya tidak akan pernah berhenti. Selalu saja ada kekurangan terutama ketika kita rutin cek kecepatan website menggunakan web tools seperti GTmetrix, Pingdom dan Google Page Speed.

Seperti yang sudah disebutkan diatas, masalah add expires headers memang seperti kerap menghantui para webmaster terutama yang mengelola WordPress. Namun ada cara yang bisa Anda coba untuk mengatasi kendala ini.

Catatan:

  • Cara ini hanya bisa dilakukan untuk file lokal yang berada di hosting Anda. File 3rd atau yang berada di server lain seperti kode Adsense, JavaScript dari Cloudflare, Google Font tidak bisa ditangani dengan cara ini.
  • Trik untuk mengatasi Google Font adalah bisa membuat file font ini menjadi lokal (jadi Anda harus meletakkan font di hosting Anda).
  • Untuk kode Adsense bisa diatas dengan melakukan lazy load kodenya.
add expires headers
Hasil pengujian GTmetrix add expires headers

Mengatasi Add Expires Headers

Anda bisa memasukkan kode berikut ini di file .htaccess. Silahkan login ke hosting Anda dan kemudian edit file .htaccess kemudian masukkan kode berikut ini.

## Add Expires Headers START ##
<IfModule mod_expires.c>
  ExpiresActive on

# Perhaps better to whitelist expires rules? Perhaps.
  ExpiresDefault                          "access plus 1 month"

# Data
  ExpiresByType text/xml                  "access plus 0 seconds"
  ExpiresByType application/xml           "access plus 0 seconds"
  ExpiresByType application/json          "access plus 0 seconds"

# Favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"

# Media: images, video, audio
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"
  ExpiresByType image/webp                "access plus 1 month

# Webfonts
  ExpiresByType application/x-font-ttf    "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType application/x-font-woff   "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

# CSS and JavaScript
  ExpiresByType text/css                  "access plus 1 year"
  ExpiresByType application/javascript    "access plus 1 year"

</IfModule>
## Add Expires Headers END ##

Sekali lagi, yang harus diketahui adalah: cara ini hanya bisa untuk mengoptimasi file lokal yang tersimpan di hosting Anda.

Selain masalah Add expires headers, beberapa kendala lain yang kerap muncul ketika melakukan pengujian kecepatan bisa Anda baca di beberapa artikel berikut ini.

Baca juga:

Mengatasi Specify a cache validator GTmetrix

Cara Mengatasi Use cookie-free domains GTmetrix

Semoga cara ini bermanfaat dan membantu menyelesaikan masalah Anda.

“Janganlah skor GTmetrix membuatmu gila”

Part-time blogger, content writer dan penikmat kopi. Lulusan Teknik Informatika yang berkecimpung di dunia internet sejak 2002. Kerja sama, kritik dan saran silahkan hubungi saya melalui halaman Kontak.