10 Tips Praktis dan Panduan Praktik Terbaik untuk Meningkatkan Kinerja Situs Web WordPress

Optimizing core settings and code

Sebuah situs web WordPress yang cepat dimulai dari inti dasarnya. Dengan menyesuaikan pengaturan dan menyederhanakan kode, beban pada server serta waktu pemuatan halaman dapat dikurangi secara signifikan.

Pilih layanan hosting yang tepat.

Layanan hosting situs web merupakan dasar dari kinerja yang baik. Gunakanlah layanan hosting yang berkualitas.wp-config.phpFile tersebut dapat diperbaiki dengan beberapa optimisasi dasar, tetapi yang lebih penting adalah memilih layanan hosting dengan kinerja yang tinggi, seperti layanan hosting yang dikhususkan untuk WordPress, VPS (Virtual Private Server), atau server cloud. Meskipun layanan hosting bersama (shared hosting) lebih murah, layanan ini cenderung mengalami kendala sumber daya saat lalu lintas meningkat, sehingga menyebabkan situs web menjadi lambat.

Mengaktifkan mekanisme cache objek

Fungsi cache objek yang terintegrasi dalam WordPress dapat menyimpan hasil kueri database secara sementara. Ketika data yang sama diminta beberapa kali, WordPress dapat langsung membacanya dari cache, sehingga menghindari kueri berulang ke database. Anda dapat mengaktifkan cache objek yang bersifat permanen dengan menginstal plugin cache seperti Redis Object Cache, yang sangat efektif terutama untuk situs web dengan lalu lintas yang tinggi.wp-config.phpMenambahkan kode berikut ke dalam file dapat digunakan untuk mendefinisikan koneksi ke cache Redis:

推荐阅读 Panduan Ultimate untuk Mengoptimalkan WordPress: 20 Teknik Penting dari Pemula hingga Ahli.。

define( 'WP_REDIS_HOST', '127.0.0.1' );
define( 'WP_REDIS_PORT', 6379 );

Membersihkan basis data dan merevisi versi.

Seiring berjalannya waktu, basis data WordPress akan menumpuk banyak data yang tidak perlu, seperti versi revisi artikel, draft, komentar yang tidak berguna, dan sebagainya. Data-data ini dapat memperlambat kecepatan pencarian dalam basis data. Untuk mengoptimalkan tabel basis data, gunakan plugin pembersih secara teratur atau jalankan perintah SQL secara manual. Selain itu, Anda juga dapat melakukan hal tersebut dengan…wp-config.phpTambahkan ke dalam…WP_POST_REVISIONSKonstanta digunakan untuk membatasi atau menonaktifkan versi revisi artikel:

UltaHost – Hosting untuk WordPress

Jaminan pengembalian uang dalam 30 hari, bandwidth dan basis data yang tidak terbatas, perlindungan DDoS gratis, diskon 50% untuk pembelian selama 3 tahun (dari harga normal: 50%).

halaman akses

define( 'WP_POST_REVISIONS', 3 ); // 将修订版本数量限制为3个

Mengonfigurasi strategi cache yang efisien

Caching merupakan salah satu cara paling efektif untuk meningkatkan kecepatan WordPress. Dengan menyimpan salinan halaman web yang statis, caching mengurangi beban pada proses pembuatan halaman web yang bersifat dinamis.

Menggunakan plugin pengecepatan (cache) halaman web

Plugin pengecepatan halaman (seperti WP Rocket, W3 Total Cache, atau WP Super Cache) dapat menghasilkan file HTML statis untuk situs web. Ketika pengguna mengakses situs tersebut, server langsung mengirimkan file-file statis tersebut, tanpa perlu menjalankan kode PHP atau melakukan kueri ke basis data setiap kali ada permintaan. Setelah menginstal dan mengonfigurasi plugin ini dengan benar, Anda akan merasakan peningkatan yang signifikan dalam waktu pengiriman konten (TTFB/Tim To First Byte).

Browser Cache dan Header Expired

Mengonfigurasi cache browser memungkinkan browser pengunjung untuk menyimpan sumber daya statis (seperti gambar, file CSS, file JavaScript) di lokal, sehingga tidak perlu diunduh ulang saat pengunjung mengakses situs tersebut kembali. Hal ini biasanya dapat dilakukan dengan mengatur pengaturan cache di direktori akar (root directory) situs web..htaccessTambahkan aturan ke dalam file untuk mewujudkan hal tersebut:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Mengimplementasikan cache untuk kode operasi

Untuk kode PHP, Anda dapat menggunakan mekanisme cache berbasis kode operasi (seperti OPcache) untuk meningkatkan efisiensi eksekusi. OPcache menyimpan bytecode dari skrip PHP yang telah diproses sebelumnya di dalam memori, sehingga menghindari beban pengulangan proses pemuat dan kompilasi skrip setiap kali ada permintaan. Disarankan untuk mengaktifkan OPcache di server dan menyesuaikan konfigurasinya agar mendapatkan penggunaan memori yang optimal serta tingkat keberhasilan (hit rate) yang tinggi.

推荐阅读 Mengapa perlu mengoptimalkan situs web WordPress?。

Mengoptimalkan gambar dan sumber daya statis

Gambar yang tidak dioptimalkan biasanya menjadi “penyebab utama” kebesaran ukuran situs web. Dengan mengelola media resources tersebut dengan baik, ukuran halaman dapat dikurangi secara signifikan.

Mengompresi dan menyesuaikan ukuran gambar

Sebelum mengunggah gambar, gunakan alat seperti TinyPNG atau ShortPixel untuk memampatkannya, atau gunakan plugin otomatis seperti Imagify atau EWWW Image Optimizer di WordPress untuk melakukan kompresi secara real-time. Pastikan juga untuk mengunggah gambar sesuai dengan ukuran tampilan yang sebenarnya, agar tidak menggunakan gambar yang terlalu besar di halaman web dan kemudian memperkecilnya menggunakan CSS.add_image_size()Fungsi tersebut dapat membantu Anda menghasilkan berbagai ukuran thumbnail.

Memuat konten yang tidak penting secara terjadwal (delayed loading of non-critical content)

Teknologi Lazy Load memungkinkan gambar, video, atau iframe di halaman untuk hanya diunduh ketika bagian tersebut sudah mendekati area yang ditampilkan (viewport). Hal ini secara signifikan mengurangi jumlah data yang diperlukan untuk memuat halaman awal. Banyak tema dan plugin cache modern sudah memiliki fitur ini secara bawaan, namun Anda juga dapat menggunakan plugin khusus seperti “Lazy Load by WP Rocket” untuk mengimplementasikannya.

hosting.com hosting bersama

Kinerja tinggi, dilengkapi dengan CPU AMD EPYC, penyimpanan SSD NVMe, dan LiteSpeed, dukungan internal ahli 24 jam sehari, langkah-langkah keamanan canggih termasuk SSL, brute force, malware, dan perlindungan DDoS, menghemat hingga 731 TB/bulan.

halaman akses

Menggabungkan dan meminimalkan file CSS/JS

Mengurangi jumlah permintaan HTTP merupakan aturan emas untuk mengoptimalkan kinerja. Dengan menggabungkan beberapa file CSS dan JavaScript, serta menghapus karakter kosong dan komentar yang tidak diperlukan (dengan melakukan proses “minimisasi”), jumlah permintaan dan ukuran file dapat dikurangi secara signifikan. Plugin cache umumnya menyediakan fitur ini. Saat melakukan optimisasi secara manual, Anda dapat menggunakan alat pembangun seperti Webpack, namun perlu memperhatikan urutan penggabungan file tersebut agar tidak merusak ketergantungan antar-skrip.

Menggunakan CDN (Content Delivery Network) dan layanan eksternal

Jaringan Distribusi Konten (Content Distribution Network/CDN) dan layanan eksternal khusus dapat membantu meredistribusikan beban kerja dari server utama Anda, sehingga mempercepat akses pengguna di seluruh dunia.

Mengimplementasikan layanan CDN (Content Delivery Network) secara global

CDN (Content Delivery Network) menyimpan sumber daya statis Anda (gambar, CSS, JS) di server-server edge yang tersebar di berbagai lokasi di seluruh dunia, sehingga pengguna dapat mengakses data dari node yang paling dekat secara geografis. Hal ini secara signifikan mengurangi waktu tunggu (latency) saat pengguna mengakses situs web Anda. Layanan CDN yang umum digunakan, seperti Cloudflare dan KeyCDN, menawarkan solusi yang mudah diintegrasikan dengan WordPress. Setelah konfigurasi selesai, URL untuk sumber daya statis Anda biasanya akan berubah menjadi domain name dari layanan CDN tersebut.

推荐阅读 10 Tips dan Panduan Praktis untuk Mengoptimalkan Kinerja Situs Web WordPress。

Mengelola video dan file berukuran besar

Hindari mengunggah file video berukuran besar langsung ke media library WordPress, karena hal ini dapat dengan cepat menghabiskan bandwidth dan ruang penyimpanan server. Sebaiknya gunakan platform video profesional seperti YouTube atau Vimeo untuk menghosting file video tersebut, lalu masukkan kode embed ke dalam situs web Anda untuk menampilkan file video tersebut. Untuk file PDF atau file lain yang berukuran besar, Anda juga dapat mempertimbangkan menggunakan layanan seperti Amazon S3 atau Google Cloud Storage.

Menggunakan layanan font eksternal

Menggunakan font kustom (terutama Google Fonts) akan menambahkan permintaan HTTP tambahan dan dapat menyebabkan penundaan proses rendering (pemutaran konten). Cara untuk mengoptimalkannya adalah dengan menggunakan stack font sistem sebagai cadangan, atau mempertimbangkan untuk menghosting file font secara lokal. Jika harus menggunakan layanan eksternal, pastikan untuk terlebih dahulu menghubungkan (menghubungkan secara dinamis) sumber font melalui tag tertentu, dan gunakan metode yang tepat untuk memastikan proses rendering berjalan lebih lancar.font-display: swap;Properti tersebut digunakan untuk menghindari masalah ketidakterlihatan teks (FOIT – “Font Out of Intent”).

Hosting bersama InterServer.

Hosting bersama seharga $2,50 USD per bulan, diskon $0,1 USD untuk bulan pertama dengan kode promo tryinterserver, serta 461 skrip aplikasi cloud yang dapat diinstal dengan sekali klik.

halaman akses

Menyimpulkan.

Meningkatkan kinerja situs web WordPress merupakan sebuah proses yang sistematis, yang melibatkan server, kode, sumber daya, dan strategi pengiriman (delivery strategy). Mulai dari memilih host dengan kinerja tinggi, mengaktifkan berbagai tingkatan cache, hingga mengoptimalkan setiap gambar dan file skrip, setiap langkah tersebut dapat berdampak positif pada kecepatan situs web. Kuncinya adalah melakukan pemantauan terus-menerus (menggunakan alat seperti GTmetrix, PageSpeed Insights) dan melakukan pengoptimalan secara berulang-ulang, karena pembaruan konten dan teknologi dapat menimbulkan hambatan baru terhadap kinerja situs. Dengan mengikuti sepuluh tips dan praktik terbaik di atas, Anda akan dapat membangun situs WordPress yang cepat, lancar, dan memberikan pengalaman pengguna yang luar biasa.

FAQ - Pertanyaan yang Sering Diajukan.

Apa yang harus dilakukan jika konten situs web tidak diperbarui setelah cache diaktifkan?

Ini merupakan fenomena umum dalam mekanisme caching. Sebagian besar plugin caching menyediakan opsi untuk “menghapus cache” atau “memperbarui cache”, yang dapat Anda lakukan secara manual setelah memperbarui artikel, halaman, atau tema. Beberapa plugin tingkat lanjut juga mendukung pengaturan untuk secara otomatis menghapus cache dari halaman tertentu.

Bagaimana cara menguji kecepatan situs web WordPress saya?

Disarankan untuk menggunakan beberapa alat bersama-sama untuk melakukan pengujian yang komprehensif. Google PageSpeed Insights menyediakan indikator dan saran terkait pengalaman pengguna (user experience); GTmetrix memberikan gambaran terperinci mengenai proses pengunduhan halaman web (loading waterfall chart) serta skor kinerja; sementara Pingdom Tools memungkinkan pengujian kecepatan pengunduhan dari berbagai lokasi di seluruh dunia. Melakukan pengujian secara berkala dapat membantu mengidentifikasi masalah yang terkait dengan penurunan kinerja situs web.

Meskipun situs web telah dioptimalkan, kecepatannya masih terasa lambat. Apa yang mungkin menjadi penyebabnya?

Jika kecepatan masih tidak memuaskan setelah melakukan optimisasi dasar, diperlukan pemeriksaan yang lebih mendalam. Beberapa kemungkinan penyebabnya antara lain: sumber daya server yang sangat terbatas (CPU, memori, I/O); adanya kode yang tidak efisien atau konflik dalam suatu plugin; tabel basis data yang terlalu besar atau belum dioptimalkan; atau tema yang mengandung terlalu banyak fitur dan skrip yang tidak digunakan. Disarankan untuk menggunakan plugin pemantauan kueri (seperti Query Monitor) untuk mengidentifikasi kueri yang berjalan lambat, lalu menonaktifkan plugin tersebut satu per satu untuk melakukan penyelidikan lebih lanjut.

Apakah semua gambar harus dikompresi?

Ya, pada prinsipnya semua gambar yang digunakan untuk halaman web sebaiknya dikompresi. Alat kompresi dapat mengurangi ukuran file secara signifikan tanpa mengurangi kualitas yang terlihat oleh mata. Untuk gambar latar belakang atau ikon dekoratif, tingkat kompresi yang lebih tinggi dapat diterima. Namun, untuk gambar produk yang penting atau karya fotografi, pilihlah mode kompresi yang tidak merusak kualitas (lossless) atau mode kompresi dengan kerusakan minimal agar detailnya tetap terjaga.