2 Ways to Overcome Leverage Browser Caching in WordPress

2 ways to overcome leverage browser.

 2 Ways to Overcome Leverage Browser Caching in WordPress


How to Overcome Leverage Browser Caching in WordPress


Is your site currently running slowly, and you don't know why it's happening. There are many reasons why your site is slow. The first thing you should do is check the status of your website and get a full report from GTMetrix.


Below is one of the website reports for example. As you can see the Leverage browser cache is red. And that's not ideal at all.

GTMETRIX Leverage Browser Caching


Getting around leveraged browser caching in WordPress is pretty easy, but before solving this problem, it's good to know how exactly Leverage Browser Caching processes with your web browser.


Also Read: 10 Tips To Secure Your WordPress Site

TABLE OF CONTENTS

1. What is Leverage Browser Caching?

2. How to Overcome Leverage Browser Caching

3. How to Overcome Leverage Browser Caching Using .htaccess

4. How to Overcome Leverage Browser Caching Using Plugins

5. Browser Cache

6. Set Last Modified header

7. Set Expires header

8. Set Cache Control Header

9. Set Entity Tags (E Tags)

10. Set W3 Total Cache Header

11. Enable HTTP (Gzip) compression

12. Set CSS and JS Expires Header Lifetime

13. Set HTML and XML Expires Header Lifetime

14. Set Media & other Files Expires Header Lifetime

15. Conclusion


What is Leverage Browser Caching?


When a webmaster decides for himself how their website resources should appear in a reader's browser. Be it text data, images, scripts, CSS, or whatever the web page serves. The entire process carried out by this webmaster makes use of browser caching.


That means when a user visits a web page for the first time. All unchanged text data, images are cached or stored in their web browser.


By doing this, visitors will have a better user experience with your website because the website will load faster. Because the browser doesn't have to load the whole website every time.


How to Overcome Leverage Browser Caching


There are several ways to overcome browser caching leverage in WordPress, namely with caching plugins as well as via .htaccess. We'll look at both here, and you can choose one of them to increase blog speed.


So, in this article, we are going to see how to get rid of them and increase the page speed of your website.


How to Overcome Leverage Browser Caching Using .htaccess


This is one way to overcome Leverage Browser Caching in WordPress without a plugin. All we need to do is put a small part of the code in the root file in WordPress, namely access .htaccess. Utilizing Leverage Browser Caching with Htaccess files is the easiest and most effective method that you should learn.


Step 1. Log in to your Cpanel Hosting.


Step 2. Locate File Manager and Click on it. This will open all the files of your WordPress site.


Step 3. Navigate to the public_html folder, and find the file named .htaccess from the right pane.

.htaccess


Step 4. Select .htaccess and right click on it then select  Edit. This will open a window, where you can add code for caching.


Catatan:Â Sebaiknya buat backup file .htaccess sebelum melakukan perubahan apa pun agar lebih aman.


Langkah 5. Scroll file yang berisi kode hingga bagian bawah dan tempel kode di bawah ini di bagian akhir.

#Customize expires cache start - adjust the period according to your needs

<IfModule mod_expires.c>

FileETag MTime Size

AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript

ExpiresActive On

ExpiresByType text/html "access 600 seconds"

ExpiresByType application/xhtml+xml "access 600 seconds"

ExpiresByType text/css "access 1 month"

ExpiresByType text/javascript "access 1 month"

ExpiresByType text/x-javascript "access 1 month"

ExpiresByType application/javascript "access 1 month"

ExpiresByType application/x-javascript "access 1 month"

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

ExpiresByType application/pdf "access 1 month"

ExpiresByType image/x-icon "access 1 year"

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/jpeg "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresByType image/gif "access 1 year"

ExpiresDefault "access 1 month"

</IfModule>

#Expires cache end


Lakukan seperti gambar dibawah ini. Bagaimana seharusnya terlihat di file .htaccess kalian.

.htaccess Leverage Browser Caching


Langkah 6. Tekan tombol Save Changes, untuk menyimpan perubahan.


Cara Mengatasi Leverage Browser Caching Menggunakan Plugin


Untuk mengatasi laporan leverage browser caching di WordPress, kita bisa memanfaatkan plugin caching seperti W3Total Cache. W3TC adalah salah satu plugin populer dan memiliki potensi besar untuk meningkatkan kecepatan halaman. Jadi mari kita mulai.


Langkah 1. Aktifkan dan instal plugin W3Total Cache dari dashboard WordPress kalian. Setelah selesai, kalian akan dapat melihat opsi baru di sisi kanan wp dashboard “W3 total cache.�


Langkah 2.  Arahkan ke General settings itu, sekarang aktifkan ke preview mode. Sehingga perubahan yang kalian lakukan dapat dilihat secara langsung bahkan sebelum menyimpan pengaturan.

Browser Cache W3Total Cache


Langkah 3. Scroll ke bawah sedikit sampai kalian melihat Cache Browser dan Aktifkan dengan mencentang kotak.


Langkah 4. Klik Save.


Dengan mengaktifkan opsi ini, kalian telah mengaktifkan semua opsi cache browser. Dan admin akan mengonfigurasinya di bagian di bawah ini.


Browser Cache


Sekarang, kita akan menambahkan header caching. Dari panel kiri di W3 Total Cache, pilih cache browser untuk mengaktifkan beberapa opsi cache lainnya.


Periksa semua opsi di bawah ini dalam General settings cache browser.

Caching Headers W3Total Cache


Set Last Modified header


Ini berisi, tanggal dan waktu sumber daya yang diubah terakhir yang dicatat oleh server asal. Jadi mengaktifkannya untuk membuat halaman web memuat lebih cepat.


Set Expires header


Pastikan ini dicentang, ini digunakan untuk mengakhiri sebagian besar file header penting. Ini akan meningkatkan file browser cache.


Set Cache Control Header


Ini pada dasarnya adalah header HTTP yang benar-benar mempertimbangkan waktu dan jenis file tertentu yang harus di-cache.


Set Entity Tag (E Tag)


Ini dapat memungkinkan cache bekerja lebih efisien, karena mengidentifikasi versi tertentu dari sumber daya apa pun. Dan Mengaktifkannya dapat menghemat bandwidth karena server tidak harus mengirim respons lengkap jika konten tidak diubah sama sekali. E Tag jauh lebih efektif.


Set W3 Total Cache Header


Menyiapkan header W3 Total Cache membantu mengidentifikasi file yang sudah dioptimalkan dan melakukan pemuatan yang lebih cepat.


Enable HTTP (Gzip) compression


Ini adalah salah satu faktor penting dan sering terlewat, mengaktifkannya akan mengurangi waktu download seluruh halaman web semua file teks.


Sekarang, meskipun cache browser sedang diaktifkan dan semua header telah disetel. Saatnya set Expires header lifetime: (dalam seconds), hingga kalian ingin browser cache berfungsi.


Untuk melakukan itu, scroll ke bawah sedikit dan buat perubahan ke semua.


Set CSS and JS Expires Header Lifetime


Set CSS and JS Expires Header W3Total Cache


Set HTML and XMLÂ Expires Header Lifetime


Set HTML and XML Expires Header W3Total Cache


Set Media & other Files Expires Header Lifetime


Set Media & other Files Expires Header W3Total Cache


Langkah 5:  Klik tombol Save untuk membuat semua perubahan diterapkan.


Sekarang kalian telah berhasil mengonfigurasi pengaturan W3Total Cache untuk Leverage browser caching di WordPress.


Sekarang, kalian mungkin ingin memeriksa kembali situs web kalian untuk melihat perbedaan jumlahnya. Yang terpenting, pembaca kalian akan memiliki pengalaman menjelajah yang lebih baik.


Kesimpulan


Jadi itulah cara mengatasi leverage browser caching di WordPress. Jika kalian tidak ingin mengedit file .htaccess untuk hal yang sama dan mencari metode alternatif. Kalian dapat melakukannya dengan menggunakan plugin.


Dengan ini kecepatan halaman kalian akan meningkatkan. Dan ini adalah salah satu bagian penting dari SEO. Salah satu faktor peringkat yang penting. Baik proses melalui plugin dan juga dari .htaccess berfungsi dengan baik.


Hopefully, this article about 2 Ways to Overcome Leverage Browser Caching in WordPress, gives you a little insight. Also, read an article about 2 Ways to Solve Windows Cannot Be Installed To This Disk that you may need to know. Thank you.

Previous Post Next Post