Meningkatkan Kelajuan Laman Web: Panduan Terakhir dan Teknik Praktikal untuk Optimasi WordPress

Kinerja bahagian belakang (backend) merupakan asas kepada kelajuan laman web. Pangkalan data yang bersar dan kueri yang tidak dioptimumkan akan menyebabkan masa penghasilan halaman menjadi sangat lambat.

Optimizing database tables

Selepas penggunaan WordPress yang berpanjangan, pangkalan data dalamnya… wp_posts 和 wp_options Menunggu pengesahan (pending approval) boleh menghasilkan sejumlah besar data yang tidak perlu, seperti versi yang telah diubah suai (revised articles), draf automatik (automatic drafts), dan ulasan yang tidak berguna (useless comments). Membersihkan data ini secara berkala dapat mengurangkan saiz pangkalan data dengan ketara. Anda boleh menggunakan plugin seperti WP-Optimize atau Advanced Database Cleaner untuk melakukannya dengan selamat. Bagi pengguna yang lebih berpengalaman, anda juga boleh menjalankan arahan pengoptimuman secara manual melalui phpMyAdmin.

Aktifkan caching objek.

Caching objek boleh menyimpan hasil carian daripada pangkalan data dalam memori, mengelakkan carian yang berulang. WordPress menyokong penggunaan caching melalui… wp_cache Siri fungsi ini melaksanakan caching objek, namun keberkesanannya dapat dicapai sepenuhnya hanya dengan menyimpan cache secara kekal pada pelayan belakang (seperti Redis atau Memcached). Setelah memasang Redis dan mengkonfigurasi plugin WordPress yang sesuai (seperti Redis Object Cache), kelajuan muat turun kandungan dinamik laman web akan meningkat dengan ketara.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Terakhir untuk Mengoptimumkan Kelajuan Laman Web WordPress: Dari Konfigurasi Asas hingga Teknik Lanjutan。

Berikut adalah… wp-config.php Contoh penambahan konfigurasi cache objek Redis dalam:

UltaHost – Penyedia Hosting untuk WordPress

Jaminan pemulangan wang dalam tempoh 30 hari, lebar jalur dan pangkalan data yang tidak terhad, perlindungan DDoS percuma, diskaun 50% untuk pembelian selama 3 tahun.

Lawati halaman

// 在 wp-config.php 中定义 Redis 配置
define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);

Optimasi Sumber Frontend dan Proses Penampilan (Rendering)

Walaupun respons dari pihak belakang (backend) adalah cepat, sumber-sumber frontend yang berat boleh menyebabkan pengguna merasa perlahan atau “lag” ketika menggunakan browser. Oleh itu, mengoptimumkan proses pemuatannya (loading) dan rendering sangat penting.

Mengkompres dan menggabungkan fail

Jumlah dan saiz fail CSS serta JavaScript mempunyai pengaruh langsung terhadap masa pemuatannya. Anda sepatutnya:
1. Kompres fail-fail ini, dan buang semua ruang kosong, ulasan, serta baris baharu yang tidak diperlukan.
2. Menggabungkan beberapa fail kecil menjadi beberapa fail besar untuk mengurangkan jumlah permintaan HTTP.
Plugin seperti Autoptimize atau W3 Total Cache boleh melaksanakan tugas-tugas ini secara automatik. Pada masa yang sama, untuk memastikan hanya skrip yang diperlukan dimuat pada halaman-halaman yang bersangkutan, anda boleh menggunakannya. wp_enqueue_script Kebergantungan fungsi dan parameter yang dimuat turun berdasarkan syarat-syarat tertentu.

Implement lazy loading

Teknologi “lazy loading” melambatkan proses memuat turun gambar dan video yang berada di luar kawasan skrin sehingga pengguna menggelinding ke arahnya. Ini dapat mengurangkan masa pemuatan halaman awal dengan ketara. Mulai dari WordPress 5.5, ciri ini telah diaktifkan secara lalai untuk gambar. Anda juga boleh menggunakan plugin seperti a3 Lazy Load untuk mendapatkan kawalan yang lebih lengkap, termasuk penggunaan teknologi lazy loading pada elemen seperti iframe dan gambar latar belakang.

Advanced Caching Strategy

Caching merupakan salah satu cara yang paling berkesan untuk meningkatkan kelajuan WordPress, dan ia terbahagi kepada beberapa tahap.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Terakhir untuk Mengoptimumkan Kelajuan Laman Web WordPress: Strategi Lengkap dari Analisis hingga Pelaksanaan。

Menggunakan cache halaman

Caching halaman akan mengubah halaman HTML yang dijana secara dinamik menjadi fail statik dan menyimpannya. Apabila pengguna lain mengakses halaman tersebut, pelayan akan menghantar fail statik tersebut terus, tanpa perlu melalui proses pelaksanaan PHP atau pertanyaan pangkalan data. Penyelesaian pada peringkat pelayan (seperti caching FastCGI pada Nginx) adalah yang paling cekap. Bagi pengguna yang menyewa perkhidmatan hosting, tambahan seperti WP Rocket atau W3 Total Cache juga dapat meningkatkan prestasi dengan ketara.

Menetapkan cache pelayar

Caching dalam pelayar (atau dikenali sebagai caching klien) bermaksud pelayar pengguna menyimpan sumber statik seperti gambar, CSS, dan JS di lokasi setempat. Semasa tempoh sah caching berkuat kuasa, pengguna tidak perlu memuat turun semula sumber-sumber ini setiap kali mereka mengakses laman web anda atau berpindah ke halaman lain. Ini biasanya dilakukan dengan mengkonfigurasi pelayan. .htaccess (Apache) atau nginx.conf (Nginx) Menggunakan fail untuk menetapkan masa tamat tempoh sumber daya (resource expiration time).

Berikut adalah contoh bagaimana untuk menetapkan kepala tamat tempoh cache untuk pelayar dalam konfigurasi Nginx:

hosting.com Hosting Bersama

Prestasi tinggi, menampilkan CPU AMD EPYC, storan SSD NVMe dan LiteSpeed, dengan sokongan pakar dalaman 24/7, langkah keselamatan canggih termasuk SSL, perlindungan serangan paksa kata laluan, perisian hasad dan DDoS, menjimatkan sehingga 73%.

Lawati halaman

location ~* .(jpg|jpeg|png|gif|ico|css|js)$ {
    expires 1y;
    add_header Cache-Control "public, immutable";
}

Pengoptimuman Perkhidmatan Pelayan dan Persekitaran Penyediaan (Server and Hosting Environment Optimization)

Kelajuan akhir sesuatu laman web adalah terhad oleh persekitaran asas di mana ia berjalan. Memilih pelayan yang sesuai dan mengkonfigurasikannya dengan betul adalah sangat penting.

Pilih pelayan (host) yang berprestasi tinggi.

Pemilik bersama (shared hosting) biasanya mempunyai sumber yang terhad, jadi tidak sesuai untuk laman web yang mempunyai jumlah trafik yang tinggi. Pertimbangkan untuk naik taraf ke:
- VPS（虚拟专用服务器）：提供独享的 CPU 和内存资源，需要一定的服务器管理知识。
- 托管型 WordPress 主机：提供商针对 WordPress 进行了深度优化（如 LiteSpeed 服务器、内置缓存），管理方便。
- 云主机：如 AWS、Google Cloud，弹性强，可按需扩展资源。

Mengkonfigurasi PHP dan HTTP/2

Pastikan anda menggunakan versi PHP yang disokong dan yang lebih baru (seperti PHP 7.4 atau 8.x), kerana versi terkini menawarkan peningkatan prestasi yang ketara. Selain itu, aktifkan protokol HTTP/2 pada pelayan anda. HTTP/2 menyokong multiplexing, yang membenarkan penghantaran beberapa sumber secara serentak melalui satu sambungan sahaja, mengatasi masalah “head of line blocking” yang terdapat pada HTTP/1.1, dan dengan ini meningkatkan kecekapan pengambilan sumber secara signifikan.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Lengkap Pengoptimuman Prestasi Laman Web WordPress: Daripada Pangkalan Data Hingga CDN (Content Delivery Network)。

RINGKASAN

Pengoptimuman kelajuan WordPress merupakan sebuah projek sistem yang memerlukan usaha bersama dari pelbagai aspek, termasuk bahagian hadapan (frontend), bahagian belakang (backend), pengurusan cache, dan persekitaran pelayan. Mulakan dengan langkah-langkah yang memberikan kesan segera, seperti pelaksanaan sistem cache dan pengoptimuman imej, kemudian lanjutkan ke pembersihan pangkalan data dan pengoptimuman kod. Gunakan alat seperti PageSpeed Insights atau GTmetrix secara berkala untuk memantau keberkesanan pengoptimuman tersebut, dan pastikan WordPress core, tema, serta plugin sentiasa diperbaharui. Ingatlah bahawa tujuan pengoptimuman ini adalah untuk menyediakan pengalaman pengguna yang terbaik; ini bukan sahaja dapat meningkatkan kepuasan pengguna, tetapi juga merupakan faktor penting dalam penarafan enjin carian.

FAQ - Soalan Lazim

Apa yang perlu dilakukan jika kelajuan laman web menjadi lebih perlahan setelah optimisasi?

Ini biasanya disebabkan oleh konfigurasi langkah-langkah pengoptimuman yang tidak betul atau terdapat konflik di antara mereka. Sebagai contoh, pengaktifan beberapa plugin caching pada masa yang sama, tetapan CDN yang salah, atau penggabungan dan pemampatan kod CSS/JS yang tidak betul boleh menyebabkan ralat.

Hosting Bersama InterServer

Hosting kongsi: 1TB/bulan pada $2.50 USD, bulan pertama pada $0.10 USD dengan kod promo tryinterserver. 461 skrip aplikasi awan tersedia untuk pemasangan satu klik.

Lawati halaman

Silakan matikan satu persatu perubahan pengoptimuman yang baru dilakukan, dan uji kelajuan setiap kali satu perubahan dimatikan untuk mengenal pasti punca masalah. Periksa konsol pelayar untuk melihat jika terdapat ralat JavaScript, serta semak log ralat pelayan.

Adakah plugin caching percuma sudah cukup?

Untuk laman web kecil dan sederhana serta blog peribadi, banyak plugin caching percuma yang berkualiti tinggi (seperti W3 Total Cache, WP Super Cache) sudah cukup untuk kegunaan harian. Plugin-plugin ini menyediakan fungsi asas seperti caching halaman, caching browser, dan pengoptimuman pangkalan data.

Kekurangan plugin percuma mungkin terletak pada kekurangan beberapa ciri lanjutan (seperti pengunduhan JavaScript yang ditangguhkan, penghasilan kod CSS yang penting), pilihan kawalan yang lebih terperinci, serta sokongan rasmi dari pembangun plugin. Jika laman web mempunyai nilai komersial yang tinggi atau memerlukan ciri-ciri yang kompleks, melabur dalam plugin berbayar (seperti WP Rocket) biasanya dapat menjimatkan banyak masa pengaturan dan memberikan hasil yang lebih baik.

Berapa kerap pangkalan data perlu dibersihkan?

Ia bergantung pada kekerapan kemas kini laman web tersebut. Sebuah laman web berita yang sangat aktif atau laman web ahli yang besar mungkin memerlukan pembersihan setiap minggu, manakala sebuah laman web perniagaan yang statik mungkin hanya memerlukan pembersihan setiap suku tahun atau setiap setengah tahun.

Disyorkan untuk terlebih dahulu melihat jumlah data khusus dalam setiap jadual melalui phpMyAdmin atau plugin pembersihan pangkalan data, terutamanya… wp_posts(Pertimbangkan versi yang telah disemak) dan wp_options(Pertimbangkan penggunaan data yang dimuat turun secara automatik.) Amalkan tabiat pemeriksaan berkala, bukan sekadar melakukannya mengikut jadual yang tetap secara membuta-buta. Pastikan anda membuat salinan data yang lengkap sebelum melakukan proses pembersihan.

Adakah penggunaan CDN (Content Delivery Network) merupakan sesuatu yang wajib?

Bagi blog atau laman web perniagaan kecil yang kebanyakan pelawatnya berasal dari satu kawasan sahaja, jika pelayan (host) itu sendiri mempunyai kelajuan yang tinggi, maka penggunaan CDN mungkin tidak “wajib”. Namun, CDN amat disyorkan atau bahkan menjadi keperluan dalam keadaan berikut:
1. Pelawat laman web tersebar di seluruh dunia.
2. Laman web tersebut mengandungi sejumlah besar sumber statik (gambar, video, fail untuk dimuat turun).
3. Jumlah lalu lintas yang tinggi memerlukan pengurangan beban pada pelayan sumber.
4. Berharap untuk meningkatkan keselamatan dan melindungi daripada serangan DDoS.

CDN mempercepatkan pengedaran kandungan dengan mengagihkannya ke nod-nod di seluruh dunia, membolehkan pengguna mendapatkan data daripada nod yang paling dekat secara geografik, seterusnya mengurangkan kelewatan dengan ketara. Banyak penyedia perkhidmatan (seperti Cloudflare) menawarkan pakej CDN percuma, membolehkan pengguna menikmati manfaatnya dengan kos yang rendah.