Mengatasi Leverage Browser Caching di WordPress

Cara mengatasi Leverage Browser Caching di Blog berbasis wordpress agar loading blog menjadi cepat melalui file .htaccess atau Plugin.


Ketika Anda mengecek kecepatan loading blog di Google PageSpeed Insights atau pun di GTmetrix maka salah satu saran dari keduanya menyebutkan untuk memperbaiki hal-hal yang mempengaruhi browser caching atau disebut Leverage Browser Caching.

Mungkin kita pernah browsing dan membaca disuatu website tentang mengoptimalkan Leverage Browser Caching di WordPress dapat membantu meningkatkan kecepatakan web/blog Anda saat diakses oleh pengunjung. Dan memang betul sekali, memperbaiki Leverage Browser Caching salah satu cara yang dapat meningkatkan kecepatan loading blog kita.

Beberapa blog saya maupun website client yang saya kelola dan menggunakan platform WordPress juga memanfaatkan Browser Caching ini dan tentunya sangat mempengaruhi terhadap kecepatan website saat diakses. Anda pun dapat mempercepat loading blog wordpress Anda dan mengatasi Leverage Browser Caching ini dengan menambahan kode dalam file .htaccess.

Sebenarnya apa itu Browser Caching, bagaimana dia bekerja dan apa manfaatnya?

Singkatnya, web browser saat mengakses dan memuat sebuah halaman website dia memerlukan resources dari server website tersebut, browser mendownload file-file yang ada pada server website seperti file HTML, CSS, Javascript, teks, image, dll.

Web Cache adalah teknologi yang digunakan di web browser dan software aplikasi lainnya sebagai 'penyimpanan sementara' atau 'mengingat' sumber halaman web yang pernah dikunjungi pada local disk. Data penyimpanan sementara ini disebut 'Cache' atau tembolok.

Dan ketika kita mengunjungi lagi website atau halaman web yang sama, maka kali ini browser 'mengingat' dan hanya mendownload 'konten update' pada website tersebut serta menggabungkan dengan Cache atau 'penyimpanan sementara'.

Begitulah manfaat dari web Cache dalam membantu 'hemat' penggunaan bandwidth, beban server, dll. Dan klimaksnya hal tersebut dapat membantu website menjadi lebih cepat saat diakses.

Bagamaimana Cara Mengatasi atau Memanfaatkan Leverage Browser Caching?

Untuk memanfaatkan Leverage Browser Caching ini maka server web harus mengizinkan dan memungkinkan web browser untuk 'menyimpan data sementara' halaman web yang dikunjungi pada local disk. Next question, bagaimana caranya?

Untuk mengizinkan web browser memanfaatkan cache website, kita perlu mengatur tanggal expire konten dengan menambahkan Cache-Control dan ETag dalam header HTTP. Cache-Control menyatakan tentang caching period file tertentu dengan browser sedangkan Etag digunakan untuk memverifikasi perubahan cached resources dan resources yang diminta. Kita bisa menetapkan periode waktu dalam bulan atau tahun untuk menjaga cache resources tetap berada pada local disk (seperti HTML, CSS, Javascript, images, dll). Silakan mengatur tanggal expire sesuai frekuensi perubahan resources.

Ada dua cara untuk memanfaatkan Leverage Browser Caching di wordpress
  1. Menambahkan kode dalam file .htaccess di server web (apache)
  2. Menggunakan Plugin.
Cara pertama menambahkan kode dalam file .htaccess
  • Akses file .htaccess pada Puclic Html hosting web WordPress dan tambahkan kode dibawah ini:
# Start Expires Caching #
ExpiresActive On
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
# End Expires Caching #

Cara kedua menggunakan Plugin

  1. Download dan Install Plugin Leverage browser caching disini. Atau tambah plugin baru di dasbord WP dan cari 'leverage browser caching ninjas'.
  2. Aktifkan
  3. Cari Setting/Pengaturan plugin.
  4. Lalu centang Enable dan Update.


Silakan coba buka website Anda di mode Incognito atau di komputer lain, setelah terbuka penuh, coba refresh lagi! Pastinya akan merasakan peningkatan kecepatan loading blog tidak seperti pertama dibuka, lebih cepat. Itu karena browser sudah menyimpan dan mengingat file-file yang sudah didownload dan dibuka sebelumnya.

Banyak plugin untuk mengatasi Leverage browser caching ini, dan Anda bisa pilih-pilih sesuai dengan kecocokan. Jika menemukan plugin yang lebih baik dari yang saya sarankan diatas, silakan sebutkan di kolom komentar dibawah.

Demikian, semoga bermanfaat.

Sumber Bacaan: Wordpress.org, Crunchify, Thomasgriffin, Technumero dan Stackoverflow. Gambar utama dari Narga.net

COMMENTS

BLOGGER
Name

1 Left Sidebar 1 Right Sidebar 2 Column 2 Right Sidebar 2 Sidebar 3 Column 3 Column footer 4 Column 4 Column Footer Ads Ready Adsense Afiiliasi Belajar Teks HTML Berita dan Informasi Bisnis Internet Black Blog HTML Blog Travel Blogger Template Blogger Tips Blogger Triks Blogger Tutorial Blogger Widget Blogging Blue Bookmark Ready Brown Business Catatan Blogger Catatan Hari Ini Contoh Teks HTML eCommerce Facebook Comment Feedburner Fixed Food FoodBlogger Footer Widget Ready Form Kontak Gallery Game Blogger Template Google Gray Green Hotel Info Kesehatan Komputer Kuliner Kutipan Left Right Sidebar Magazine Mario Teguh Quote Microsoft Movie News Online Store Orange Personal Popular Posts Premium Properti Purple Red Related Posts Religi Review Santai Seo SEO Template Shoutbox Sidebar Slider Ready Software Sport Tahu Ngga? Tekno Template Blog Tips Tips Blog Tutorial Tutorial Blog Pemula Video Website and Internet White Windows Wisata Bandung Wordpress WordPress Convert Yellow
false
ltr
item
Hakimtea.com | Blogger Bandung: Mengatasi Leverage Browser Caching di WordPress
Mengatasi Leverage Browser Caching di WordPress
Cara mengatasi Leverage Browser Caching di Blog berbasis wordpress agar loading blog menjadi cepat melalui file .htaccess atau Plugin.
https://2.bp.blogspot.com/-MoRYyq3TmlI/Vw4NWWiIh_I/AAAAAAAAPOQ/1W_23_PQjvMCkU1-1Z8FS0Aih3NrHIE0wCLcB/s640/Mengatasi%2BLeverage%2Bbrowser%2Bcaching%2Bdi%2BWordpress.jpg
https://2.bp.blogspot.com/-MoRYyq3TmlI/Vw4NWWiIh_I/AAAAAAAAPOQ/1W_23_PQjvMCkU1-1Z8FS0Aih3NrHIE0wCLcB/s72-c/Mengatasi%2BLeverage%2Bbrowser%2Bcaching%2Bdi%2BWordpress.jpg
Hakimtea.com | Blogger Bandung
http://www.hakimtea.com/2016/04/mengatasi-leverage-browser-caching-di.html
http://www.hakimtea.com/
http://www.hakimtea.com/
http://www.hakimtea.com/2016/04/mengatasi-leverage-browser-caching-di.html
true
7553029949173842694
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy
Blogger Bandung