Apakah situs kalian sekarang sedang berjalan lambat, dan kalian tidak mengetahui kenapa itu bisa terjadi. Ada banyak alasan situs kalian menjadi lambat. Hal pertama yang harus kalian lakukan adalah memeriksa status situs web kalian dan mendapatkan laporan lengkap dari GTMetrix.
Di bawah ini adalah salah satu laporan situs web misalnya. Seperti yang kalian lihat cache browser Leverage berwarna merah. Dan itu sama sekali tidak ideal.
Untuk mengatasi leverage browser caching di WordPress itu cukup mudah, tetapi sebelum menyelesaikan masalah ini, ada baiknya untuk mengetahui bagaimana sebenarnya Leverage Browser Caching memproses dengan browser web kalian.
Baca Juga: 10 Tips Untuk Mengamankan Situs WordPress
DAFTAR ISI
Apa Itu Leverage Browser Caching?
Ketika seorang webmaster menentukan sendiri bagaimana sumber daya situs web mereka seharusnya tampil di browser pembaca. Baik itu data teks, gambar, skrip, CSS, atau apa pun yang dilayani oleh halaman web. Seluruh proses yang dilakukan oleh webmaster ini memanfaatkan caching browser.
Itu berarti saat pengguna mengunjungi halaman web untuk pertama kalinya. Semua data teks yang tidak berubah, gambar di-cache atau disimpan di browser web mereka.
Dengan melakukan ini, pengunjung akan memiliki pengalaman pengguna yang lebih baik dengan situs web kalian karena situs web akan memuat lebih cepat. Karena browser tidak harus memuat seluruh situs web setiap saat.
Cara Mengatasi Leverage Browser Caching
Ada beberapa cara mengatasi leverage browser caching di WordPress yaitu dengan plugin caching dan juga melalui .htaccess. Kita akan melihat keduanya di sini, dan kalian dapat memilih salah satunya untuk meningkatkan kecepatan blog.
Jadi, dalam artikel ini, kita akan melihat bagaimana cara menghilangkannya dan meningkatkan kecepatan halaman website kalian.
Cara Mengatasi Leverage Browser Caching Menggunakan .htaccess
Ini adalah salah satu cara mengatasi Leverage Browser Caching di WordPress tanpa plugin. Yang perlu kita lakukan adalah meletakkan sebagian kecil kode di file root di WordPress yaitu akses .htaccess. Memanfaatkan Leverage Browser Caching dengan file Htaccess adalah metode termudah dan paling efektif yang harus kalian pelajari.
Langkah 1. Login ke Cpanel Hosting kalian.
Langkah 2. Cari File Manager dan Klik di atasnya. Ini akan membuka semua file situs WordPress kalian.
Langkah 3. Arahkan ke folder public_html , dan temukan file bernama .htaccess dari panel kanan.
Langkah 4. Pilih .htaccess dan klik kanan padanya lalu pilih Edit. Ini akan membuka jendela, di mana kalian dapat menambahkan kode untuk 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.
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.
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.
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 HTML and XML Expires Header Lifetime
Set Media & other Files Expires Header Lifetime
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.
Sekian artikel 2 Cara Mengatasi Leverage Browser Caching Di WordPress. Nantikan artikel menarik lainnya dan jangan lupa share artikel ini ke teman-teman kalian. Terimakasih…