Mirza M. Haekal Mirza is a member of SEO Team at Niagahoster. He loves to learn something new everyday.

Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website

2 min read

Featured Image Leverage Browser Caching Cara Mudah Meningkatkan Kecepatan Website

Kecepatan website itu penting. Kalau loading halamannya lebih dari 3 detik, 53% pengunjung bisa langsung pergi lho. Nah, salah satu solusi mengatasinya adalah melakukan leverage browser caching WordPress.

Belum tahu apa itu leverage browser caching? 

Tenang, di artikel ini kami akan menjelaskan pengertian dan beberapa cara leverage browser caching untuk mempercepat loading website.  Yuk, simak artikel ini sampai selesai.

Apa Itu Leverage Browser Caching?

Leverage browser caching adalah upaya untuk meningkatkan penyimpanan sementara (cache) di browser pengunjung agar halaman website bisa loading lebih cepat.

Leverage browser caching juga menjadi salah satu rekomendasi saat Anda melakukan pengecekan kecepatan website menggunakan Google PageSpeed Insights. Pada versi terbaru, tampilannya akan seperti ini:

leverage browser caching wordpress pada google pagespeed insights

Dari tampilan di atas, terdapat temuan indikator orange (kurang baik) pada Serve static asset with and efficient cache policy. Ini artinya, terjadi kendala pada cache sehingga Anda direkomendasikan untuk melakukan leverage browsing caching. 

Apa sih yang menyebabkan munculnya rekomendasi perbaikan tersebut?

  • Website Anda belum menggunakan browser cache, sehingga performa kurang maksimal.
  • Anda sudah menggunakan browser cache, tapi pengaturan masa aktif cache tak bisa ditemukan.
  • Masa aktif cache ditemukan, tapi durasinya terlalu pendek sehingga performa tidak signifikan.

Oleh karena itu, Anda perlu mengaktifkan WordPress leverage browser caching dengan tiga cara yang akan kami jelaskan di bawah.

3 Cara Leverage Browser Caching di WordPress

Berikut ini beberapa cara melakukan leverage browser caching untuk mengatasi kendala loading website sesuai penyebabnya. Apa saja?

1. Install Plugin Leverage Browser Caching

Kalau website Anda belum menggunakan cache, Anda bisa melakukan leverage browser caching dengan bantuan plugin. Untuk mengaktifkannya, ikuti langkah berikut:

  1. Klik menu Plugins > Add New di dashboard WordPress Anda. Lalu, ketikkan “Leverage Browser Caching” di kotak pencarian.

    langkah pertama cara leverage browser caching dengan menginstall plugin di wordpress
  2. Klik Install Now pada plugin Leverage Browser Caching.
  3. Klik Activate dan plugin Leverage Browser Caching akan bekerja secara otomatis. 
  4. Lakukan pengecekan di Google PageSpeed Insight kembali apakah rekomendasi untuk leverage browser caching WordPress masih muncul.

2. Tambahkan Expires Headers

Kalau masa aktif cache tidak ditemukan, Anda akan mendapatkan informasi terkait Time to Live (TTL) seperti di bawah ini:

masa aktif cache tidak ditemukan pada google pagespeed insights

Untuk itu, Anda perlu menambahkan expires header, yaitu barisan kode untuk mengatur berapa lama cache disimpan di browser (Time to Live).

Caranya, Anda bisa mengedit file .htaccess dan menambahkan baris kode di bawah ini:

<IfModule mod_expires.c>

  ExpiresActive On
  # Images

  ExpiresByType image/jpeg "access plus 1 year"

  ExpiresByType image/gif "access plus 1 year"

  ExpiresByType image/png "access plus 1 year"

  ExpiresByType image/webp "access plus 1 year"

  ExpiresByType image/svg+xml "access plus 1 year"

  ExpiresByType image/x-icon "access plus 1 year"

  # Video

  ExpiresByType video/mp4 "access plus 1 year"

  ExpiresByType video/mpeg "access plus 1 year"

  # CSS, JavaScript

  ExpiresByType text/css "access plus 1 month"

  ExpiresByType text/javascript "access plus 1 month"

  ExpiresByType application/javascript "access plus 1 month"

  # Others

  ExpiresByType application/pdf "access plus 1 month"

  ExpiresByType application/x-shockwave-flash "access plus 1 month"

</IfModule>

Setelah Anda menambahkan baris kode di atas seharusnya pemberitahuan tentang Cache TTL None sudah menghilang. Artinya, upaya WordPress leverage browser caching sudah berhasil dilakukan.

3. Pindahkan Cache Google Analytics ke Server Anda

Jika masa aktif cache Anda terlalu pendek, seperti terjadi pada cache Google Analytics dengan masa aktif dua jam, Anda akan mendapat informasi sebagai berikut:

masa aktif cache yang terlalu pendek akan tampil di google pagespeed insights

Solusinya, Anda bisa memindahkan cache Google Analytics ke server Anda. Dengan begitu, permintaan data tak harus selalu dari server Google langsung sehingga bisa lebih cepat.

Pun demikian, cara tersebut tidak direkomendasikan Google karena bisa memperlambat update fitur atau informasi terkait Google Analytics. 

Nah, jika Anda tetap ingin melakukannya, Anda bisa memanfaatkan plugin CAOS – Host Google Analytics Locally.

Sayangnya, plugin CAOS ini pun tidak kompatibel dengan plugin Google Analytics lainnya. Jadi, nonaktifkan plugin Google Analytics tersebut agar CAOS bisa berfungsi maksimal dan menghindari crash.

Perhatian!

Nonaktifkan plugin CAOS jika terjadi kendala kompatibilitas yang mengganggu kestabilan website Anda.

  1. Install plugin CAOS di website Anda.

    langkah pertama install plugin CAOS untuk leverage browser caching wordpress
  2. Pilih menu Settings > Optimize Google Analytics

  3. Masukkan ID Google Analytics Anda pada Google Analytics Tracking ID. Lalu, klik Save Changes & Update untuk menyimpan pengaturan. Sekarang, cache Google Analytics akan disimpan di server Anda dengan masa aktif 30 hari.

Gunakan Leverage Browser Caching WordPress Sekarang!

Leverage browser caching WordPress bisa menjadi cara mudah meningkatkan kecepatan website. Dengan memanfaatkan cache secara tepat, pengunjung tak harus menunggu loading halaman website lebih lama.

Leverage browser caching juga menjadi rekomendasi Google PageSpeed Insights untuk optimasi kecepatan website. 

Kalau nilai performance Anda masih rendah, Anda bisa mencoba untuk memanfaatkan plugin leverage browser caching, menambah Expires Header, dan memindahkan cache Google Analytics ke server Anda.

Kalau upaya di atas sudah dilakukan dan Anda masih belum puas dengan performa website tersebut, Anda bisa meningkatkan kecepatan website Anda lebih jauh lagi dengan mengikuti tips pada ebook gratis di bawah ini:

Tips Membuat WordPress Super Cepat

Semoga artikel ini bermanfaat bagi Anda. Jika Anda mempunyai cara lain menggunakan WordPress leverage browser caching, tak perlu sungkan meninggalkannya di kolom komentar, ya!

Mirza M. Haekal Mirza is a member of SEO Team at Niagahoster. He loves to learn something new everyday.

One Reply to “Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website”

  1. Oke terima kasih informasinya gan. sudah saya coba, tetapi untuk yang setting melalui .htaccess, saya belum menemukan nanti saya akan coba lagi.
    tetapi saya sudah mencoba yang plugin-nya. Hemm lumanyan cepat

Comments are closed.

[{"code":"","label":"Coba Lagi","win":false},{"code":"HOSTING50","label":"Extra Diskon 50rb ","win":true},{"code":"HOSTING20","label":"Extra Diskon 20rb ","win":true},{"code":"HOSTING100","label":"Extra Diskon 100rb ","win":true},{"code":"","label":"Belum Beruntung","win":false},{"code":"HOSTING20","label":"Extra Diskon 20rb ","win":true},{"code":"","label":"Coba Lagi","win":false},{"code":"HOSTING50","label":"Extra Diskon 50rb ","win":true},{"code":"HOSTING20","label":"Extra Diskon 20rb ","win":true},{"code":"FREESHIPPING","label":"Coba Lagi","win":false},{"code":"","label":"Sedikit Lagi! ","win":false},{"code":"HOSTING50","label":"Extra Diskon 50rb ","win":true}]
[{"code":"","label":"Coba Lagi","win":false},{"code":"HOSTING50","label":"Extra Diskon 50rb ","win":true},{"code":"HOSTING20","label":"Extra Diskon 20rb ","win":true},{"code":"HOSTING100","label":"Extra Diskon 100rb ","win":true},{"code":"","label":"Belum Beruntung","win":false},{"code":"HOSTING20","label":"Extra Diskon 20rb ","win":true},{"code":"","label":"Coba Lagi","win":false},{"code":"HOSTING50","label":"Extra Diskon 50rb ","win":true},{"code":"HOSTING20","label":"Extra Diskon 20rb ","win":true},{"code":"FREESHIPPING","label":"Coba Lagi","win":false},{"code":"","label":"Sedikit Lagi! ","win":false},{"code":"HOSTING50","label":"Extra Diskon 50rb ","win":true}]