Di era digital ini, kecepatan akses situs web adalah salah satu faktor kunci yang menentukan kesuksesan sebuah website. Memiliki website yang cepat bukan hanya mempengaruhi peringkat SEO, tetapi juga meningkatkan pengalaman pengguna. Mari pelajari langkah-langkah untuk mempercepat loading website WordPress Anda.

 

Mengukur Performa Awal Situs

Gunakan GTMetrix

GTMetrix adalah alat online yang memungkinkan Anda untuk menguji dan menganalisis performa situs Anda. Dengan memahami metrik awal, Anda bisa menentukan apa yang perlu dioptimalkan.

 

Optimasi Sumber Daya Situs

Upgrade PHP Version

Versi PHP yang lebih baru biasanya menawarkan kinerja yang lebih baik dan lebih cepat daripada versi yang lebih tua. Sehingga dengan mengupgarde versi PHP situs WordPress Annda ke versi terbaru mungkin dapat meningkatkan kinerja situs Anda.

 

Optimasi Cache dan CDN

Memastikan Settingan CloudFlare Tepat

CloudFlare, sebagai salah satu penyedia layanan Content Delivery Network (CDN) terkemuka, memiliki peran penting dalam memastikan distribusi konten Anda mencapai audiens di seluruh dunia dengan cepat dan efisien.

Dengan menyebarluaskan konten Anda melalui server-server di berbagai lokasi, CloudFlare dapat mengurangi waktu pemuatan halaman dan meningkatkan kecepatan situs.

Oleh karena itu, sangat penting bagi Anda untuk memastikan bahwa setelan CloudFlare telah dikonfigurasi dengan tepat dan optimal. Kesalahan dalam konfigurasi bisa menghambat kinerja situs Anda, sehingga memastikannya adalah langkah krusial dalam proses optimasi.

Setup WP Total Cache

Dengan mengacu pada artikel Speed up the Customizr WordPress theme : how to setup W3 Total Cache Plugin ?, Anda dapat mengatur cache situs Anda untuk meningkatkan kecepatannya.

Tambahan Setup WP Total Cache

Untuk memaksimalkan performa cache, masukan URL berikut ini pada menu: Performance >> Page Cache >> Advance >> Never cache the following pages. Untuk menghindari Page Void. Terlebih bila Anda menggunakan plugin Ultimate Members.

• Register Pages.
• Login Pages.
• Reset Password.
• WooCommerce Shop.

Disable “Object Cache” In W3 Total Cache

Reference: Disable “Object Cache” In W3 Total Cache. Masuk ke menu: Performance >> General Setting >> Object Cache. Unchek.

Don’t cache pages for logged in users

Masuk ke: Performance >> Page Cache. Uncheck: Don’t cache pages for logged in users

 

Mengatur Expired Browser Cache

Dengan menambahkan script tertentu ke dalam file .htaccess Anda, Anda dapat mengoptimalkan cache browser pengunjung Anda, mempercepat loading situs. Referensi: PageSpeed: Leverage browser caching. Catatan penting: Cari dahulu kode “<IfModule mod_expires.c>”. Bila sebelum nya sudah ada konfigurasi nya, ganti konfirgurasi tersebut.

#Browser caching - Add expire headers to WordPress
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# JavaScript
ExpiresByType application/javascript "access plus 1 year"
</IfModule>

 

Integrasi dengan Plugin Lain

Configurasi dengan CloudFlare dan Yoast SEO

Dalam era digital saat ini, kecepatan dan optimalisasi situs web menjadi kunci untuk memberikan pengalaman pengguna yang terbaik. Untuk itu, memaksimalkan interaksi antara plugin-plugin populer seperti W3 Total Cache, CloudFlare, dan Yoast SEO adalah esensial.

CloudFlare bertugas sebagai Content Delivery Network (CDN) yang meningkatkan kecepatan akses situs Anda dengan mendistribusikan konten ke server di berbagai lokasi di seluruh dunia. Dengan begitu, pengguna dapat mengakses situs Anda dari server terdekat, mengurangi waktu tunggu dan meningkatkan kecepatan pemuatan halaman.

Di sisi lain, W3 Total Cache memastikan bahwa situs web Anda disimpan dalam bentuk cache, sehingga mengurangi beban pada server Anda dan mempercepat waktu pemuatan. Mengintegrasikan W3 Total Cache dengan CloudFlare akan memberikan efisiensi maksimal dalam distribusi konten.

Sementara itu, Yoast SEO adalah salah satu plugin optimasi mesin pencari (SEO) terkemuka untuk WordPress. Plugin ini membantu Anda memastikan bahwa konten Anda dioptimalkan untuk mesin pencari, meningkatkan visibilitas situs Anda pada hasil pencarian, dan mengarahkan lebih banyak lalu lintas organik ke situs Anda.

Dengan menggabungkan kekuatan ketiganya, Anda akan menciptakan fondasi yang kuat untuk situs Anda dalam hal kecepatan dan SEO. Namun, penting untuk memastikan bahwa ketiga alat tersebut dikonfigurasi dengan benar agar dapat bekerja sama dengan sempurna dan memberikan hasil yang optimal.

 

Aktifkan GZip Compression

GZip Compression membantu mengurangi ukuran file yang dikirim dari server ke browser pengunjung. Masukkan kode yang disediakan ke dalam file .htaccess Anda untuk mengaktifkan kompresi ini.

#GZip Compression
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/x-icon
AddOutputFilterByType DEFLATE text/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/opentype
# For Older Browsers Which Can't Handle Compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

 

Penutup

Kecepatan situs adalah salah satu faktor utama yang menentukan pengalaman pengguna. Dengan mengikuti langkah-langkah di atas, Anda dapat meningkatkan kecepatan situs WordPress Anda dan memastikan pengunjung mendapatkan pengalaman terbaik saat mengakses situs Anda.

Selalu ingat untuk membackup situs Anda sebelum melakukan perubahan besar untuk menghindari kerugian data.