Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english

Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website

Konten [Tampil]
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website
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!

The post Leverage Browser Caching: Cara Mudah Meningkatkan Kecepatan Website appeared first on Niagahoster Blog.



source https://www.niagahoster.co.id/blog/leverage-browser-caching/
via Blogger https://ift.tt/3vIs7GI
June 20, 2021 at 10:31AM
via Blogger https://ift.tt/3cUzMeE
June 20, 2021 at 10:35AM
via Blogger https://ift.tt/3xC5khs
June 20, 2021 at 01:35PM
via Blogger https://ift.tt/3gFu4OE
June 20, 2021 at 04:35PM
via Blogger https://ift.tt/35DiLl5
June 20, 2021 at 07:35PM
via Blogger https://ift.tt/3zJlver
June 20, 2021 at 10:35PM
via Blogger https://ift.tt/2TNXGSv
June 21, 2021 at 01:35AM
via Blogger https://ift.tt/3gI2vWj
June 21, 2021 at 04:35AM
via Blogger https://ift.tt/3zQvyPd
June 21, 2021 at 07:35AM
via Blogger https://ift.tt/3zHmtrS
June 21, 2021 at 10:35AM
via Blogger https://ift.tt/3iVsHhN
June 21, 2021 at 01:35PM
via Blogger https://ift.tt/3xCyNHP
June 21, 2021 at 04:35PM
via Blogger https://ift.tt/3gIa7rK
June 21, 2021 at 07:35PM
via Blogger https://ift.tt/3wHHwZg
June 21, 2021 at 10:35PM
via Blogger https://ift.tt/3zKfqyx
June 22, 2021 at 01:35AM
via Blogger https://ift.tt/3vNJhmi
June 22, 2021 at 04:35AM
via Blogger https://ift.tt/3gNlNbE
June 22, 2021 at 07:35AM
via Blogger https://ift.tt/3vGHXBS
June 22, 2021 at 10:35AM
via Blogger https://ift.tt/3j0quS8
June 22, 2021 at 01:35PM
via Blogger https://ift.tt/35MgLXT
June 22, 2021 at 04:35PM
أحدث أقدم

Comments

Featured Widget

close