Optimasi dan Peningkatan Prestasi WordPress: 20 Teknik Praktikal untuk Meningkatkan Prestasi Laman Web dan Pengalaman Pengguna

Dalam persekitaran internet yang sangat kompetitif, laman web WordPress yang mempunyai masa muat yang lambat akan menyebabkan kehilangan pengguna dan penurunan kedudukan dalam enjin carian. Mengoptimumkan prestasi laman web bukan sahaja merupakan keperluan teknikal, tetapi juga kunci untuk meningkatkan pengalaman pengguna dan keuntungan perniagaan. Artikel ini akan membincangkan secara mendalam 20 teknik yang telah terbukti berkesan, meliputi pelbagai aspek daripada konfigurasi pelayan hingga kod bahagian hadapan (front-end), untuk membantu anda mempercepatkan laman web WordPress anda secara sistematik.

Strategi pengoptimuman prestasi teras

Bahagian ini memberi tumpuan kepada konfigurasi asas dan kaedah pengoptimuman yang mempunyai kesan paling langsung dan ketara terhadap prestasi laman web. Dengan melaksanakan strategi-strategi ini, anda biasanya dapat melihat peningkatan yang ketara dalam masa muat turun dengan segera.

Memilih pelayan (host) dan perkhidmatan CDN (Content Delivery Network) yang berprestasi tinggi

Asas utama bagi semua peningkatan prestasi adalah infrastruktur yang boleh dipercayai. Adalah sangat penting untuk memilih penyedia perkhidmatan hos yang menawarkan storan SSD, persekitaran pelayan yang telah dioptimumkan (seperti LiteSpeed atau Nginx), serta pusat data yang terletak berdekatan dengan pengguna sasaran. Bagi pengguna di seluruh dunia, penggunaan rangkaian pengedaran kandungan (Content Delivery Network/CDN) dapat membantu menyimpan sumber statik (seperti gambar, CSS, JavaScript) di nod-nod tepi di seluruh dunia, sekali gus mengurangkan jarak penghantaran secara fizikal. Cloudflare, KeyCDN, dan lain-lain merupakan pilihan yang sangat baik.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Pengoptimuman Prestasi Laman Web WordPress Secara Komprehensif: Dari Kelajuan Muat Turun Hingga Peningkatan SEO。

Mengimplementasikan mekanisme cache yang berkesan.

Caching merupakan teknologi utama untuk mengurangkan beban pada pelayan dan mempercepatkan respons halaman web. Caching dalam WordPress biasanya dibahagikan kepada beberapa tahap: caching halaman, caching objek, dan caching browser.
Pertama sekali, gunakan plugin seperti…W3 Total Cache或WP RocketUntuk mengaktifkan caching halaman, sistem akan menjana fail HTML statik untuk halaman tersebut dan menyediakannya terus kepada pengunjung, mengelakkan proses yang kompleks seperti kod PHP dan pertanyaan pangkalan data.
Kedua, bagi laman web yang mempunyai banyak kandungan dinamik, mengaktifkan caching objek (seperti Redis atau Memcached) dapat membantu menyimpan hasil carian daripada pangkalan data. Anda boleh…wp-config.phpTambahkan konfigurasi yang sesuai dalam fail untuk mengaktifkannya.

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);

Akhir sekali, dengan mengatur kepala HTTP (HTTP headers), kita dapat menggunakan cache pelayar untuk menyimpan sumber statik di komputer pengguna, seterusnya mengelakkan muat turun yang berulang.

Optimalkan pangkalan data dan bersihkannya secara berkala.

Seiring dengan operasi laman web, pangkalan data akan terkumpul data yang berlebihan seperti versi yang telah diubah suai, draf, dan ulasan yang tidak berguna, yang menyebabkan proses pencarian (query) menjadi lebih perlahan. Oleh itu, mengoptimumkan pangkalan data secara berkala merupakan kerja penyelenggaraan yang penting.
Anda boleh menggunakan plugin seperti…WP-OptimizeUntuk membersihkan data ini dengan selamat, selain itu, mengoptimumkan jadual pangkalan data secara manual atau menggunakan plugin juga merupakan amalan yang baik.phpMyAdminDi sini, anda boleh memilih semua jadual dan menjalankan operasi “Optimise Table”.
Pada masa yang sama, dengan membataskan bilangan versi yang boleh disemak semula bagi sebuah artikel, kita dapat mengurangkan pengembangan data pada sumber asalnya.wp-config.phpTambahkan kod berikut ke dalam:

define('WP_POST_REVISIONS', 5); // 将修订版限制为5个
define('EMPTY_TRASH_DAYS', 7); // 7天后自动清空回收站内容

Optimumisasi memuat sumber depan

Apabila pengguna mengakses laman web anda, pelayar perlu memuat turun dan memaparkan fail HTML, CSS, JavaScript serta gambar-gambar. Mengoptimumkan cara pengambilan sumber-sumber ini adalah kunci untuk meningkatkan “kelajuan persepsi” (perceived speed) pengguna.

Mengkompres dan menggabungkan fail CSS dan JavaScript

Terlalu banyak fail CSS dan JS boleh menyebabkan beberapa permintaan HTTP, yang seterusnya memperlahankan proses rendering halaman web. Gunakan plugin yang telah dioptimumkan (seperti…)AutoptimizeIa boleh menggabungkan dan memampatkan fail-fail tersebut secara automatik, mengurangkan jumlah permintaan (requests) dan saiz fail.
Yang lebih penting, pastikan bahawa tag JavaScript yang tidak kritikal diisytiharkan sebagai berkenaan dengan pengambilan data secara asinkron (async loading) atau pengambilan data yang ditangguhkan (delayed loading). Ini dapat mencegah proses rendering daripada terhenti. Banyak plugin pengoptimuman menyediakan ciri ini, dan anda juga boleh mengedit fail tema secara manual untuk menambahkan pengaturan yang diperlukan kepada skrip-skrip tersebut.async或deferAttribut.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Optimasi Prestasi Laman Web WordPress: Dari Kelajuan Muat Turun Hingga Pengalaman Pengguna。

Melaksanakan pengunduhan gambar secara beransur-ansur (lazy loading) dan menggunakan format generasi seterusnya

Gambar biasanya merupakan sumber yang paling besar saiznya dalam halaman web. Teknologi “lazy loading” memastikan bahawa gambar-gambar tersebut hanya dimuatkan apabila ia memasuki kawasan tontonan (viewport) pelayar, yang secara signifikan mengurangkan beban pada halaman web semasa permulaan. WordPress 5.5 dan versi yang lebih baru telah menyertakan sokongan terbina untuk teknologi lazy loading.
Selain itu, mengubah gambar ke format generasi seterusnya seperti WebP dapat mengurangkan saiz fail dengan ketara tanpa mengorbankan kualiti visual. Anda boleh menggunakan plugin seperti…ShortPixel或ImagifyIa datang daripada proses pengautomasian penukaran dan penyesuaian perkhidmatan. Pada masa yang sama, pastikan sentiasa untuk menetapkan atribut lebar dan tinggi yang sesuai untuk gambar, serta menggunakan…srcsetCiri-ciri ini menyediakan gambar yang responsif (berubah saiz mengikut peranti yang digunakan).

Pemindahan sumber yang menghalang proses rendering dan pengoptimuman font.

Skrip pihak ketiga (seperti kod analisis, plugin media sosial) dan fon web yang tidak dioptimumkan seringkali menjadi penyebab masalah prestasi. Cuba muat turun skrip pihak ketiga secara berselang (async) atau gunakan alat seperti “Google Tag Manager” untuk mengurusnya.
Untuk fon web, pertimbangkan strategi berikut: Gunakan…font-display: swap;Sifat CSS memastikan bahawa teks dipaparkan dengan segera semasa font dimuat; sambung terlebih dahulu ke sumber font; jika boleh, hoskan font pada pelayan sendiri untuk mengelakkan kelewatan akibat permintaan daripada pihak ketiga.

Pembaikan pada peringkat tema, plugin, dan kod

Kualiti prestasi sebuah laman web sangat bergantung pada tema, plugin, dan kualiti kod asas yang digunakan. Kod yang tidak efisien boleh menghapuskan semua usaha pengoptimuman yang lain.

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

Pilih dan uruskan tambahan (plugins) serta tema (themes) dengan berhati-hati.

Setiap plugin dan tema akan menambahkan kod PHP, CSS, JS, dan pertanyaan pangkalan data yang tambahan. Pastikan anda hanya memasang plugin yang diperlukan, yang mempunyai ulasan yang baik, dan yang sering diperbaharui. Matikan dan padamkan plugin yang tidak lagi digunakan secara berkala. Pilih tema yang ringan, mempunyai kod yang ditulis dengan standard yang baik, dan memberi tumpuan kepada kelajuan. Elakkan menggunakan tema “serba boleh” yang mempunyai terlalu banyak ciri-ciri yang tidak anda perlukan.

Menonaktifkan fungsi asas WordPress yang tidak diperlukan

WordPress secara lalunya mempunyai beberapa ciri yang mungkin tidak diperlukan, dan ciri-ciri tersebut boleh menyebabkan permintaan HTTP atau pertanyaan tambahan. Sebagai contoh, dengan mengaktifkan “Gutenberg Editor” dan mematikan gaya global yang disertakan dengannya, serta menghapuskan ikon SVG yang berulang, sumber daya komputer dapat dijimatkan. Tambahkan kod berikut ke dalam tema anda:functions.phpDalam dokumen tersebut:

// 移除古腾堡前端样式
function remove_block_css() {
    wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );

// 移除表情符号脚本和样式
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );

Optimizing Article Queries and WordPress Loops

Dalam pembangunan tema, elakkan daripada menggunakan…query_posts()Fungsi tersebut, kerana ia boleh mengganggu kueri utama dan menyebabkan masalah prestasi. Ia sepatutnya tidak digunakan.WP_Query或get_posts()Melakukan pertanyaan sekunder.
Untuk gelung utama, pastikan hanya jumlah artikel yang diperlukan sahaja yang dipertanya, dan gunakan…wp_reset_postdata()Data hasil carian perlu direset dengan betul. Pertimbangkan untuk menggunakan API Transients untuk menyimpan hasil carian yang tidak kritikal di bahagian sisi (sidebar) atau tempat lain, bagi mengurangkan beban sistem.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Optimasi WordPress yang Maksimum: 20 Strategi Kritikal untuk Meningkatkan Kelajuan dan Prestasi Laman Web。

Konfigurasi Lanjutan dan Pemantauan

Setelah pengoptimuman asas selesai, prestasi laman web dapat ditingkatkan lagi melalui konfigurasi yang lebih canggih dan pemantauan berterusan, serta untuk memastikan laman web beroperasi dengan baik dalam jangka panjang.

Mengaktifkan OPcache dan menyesuaikan konfigurasi PHP

Untuk WordPress yang menggunakan PHP, OPcache meningkatkan kelajuan pelaksanaan dengan ketara dengan menyimpan kod binari skrip PHP yang telah diprekompail dalam memori. Pastikan bahawa persekitaran pelayan anda telah mengaktifkan dan dikonfigurasi dengan betul OPcache. Pada masa yang sama,php.iniMenyesuaikan had memori (seperti...)memory_limit = 256MParameter seperti kadar pemprosesan dan masa pelaksanaan boleh disesuaikan mengikut keperluan laman web anda.

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

Melaksanakan penyelesaian DNS (Domain Name System) pra-pemecahan dan pra-sambungan

DNS Pra-Pemprosesan (dns-prefetch) dan Pra-Sambungan (preconnect) boleh membantu pelayar untuk membina sambungan dengan domain nama pihak ketiga lebih awal, sekali gus mengurangkan masa menunggu untuk sumber-sumber kritikal yang lain. Tambahkan kod berikut ke bahagian tertentu dalam laman web anda:

<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Pemantauan berterusan dan ujian prestasi

Pengoptimuman bukanlah sesuatu yang boleh dilakukan sekali sahaja. Gunakan alat seperti Google PageSpeed Insights, GTmetrix, atau WebPageTest untuk menguji laman web anda secara berkala. Alat-alat ini akan memberikan cadangan pengoptimuman yang terperinci serta skor prestasi laman web anda.
Di pihak server, alat pemantauan seperti New Relic atau sistem pemantauan terbina dalam hos dapat membantu anda mengenal pasti masalah yang lebih serius, seperti kueri yang perlahan atau penggunaan memori yang tinggi. Berdasarkan data pemantauan tersebut, anda boleh melaksanakan penyesuaian atau pengoptimuman yang lebih berfokus pada masalah yang dikenal pasti.

RINGKASAN

Pengoptimuman prestasi WordPress merupakan satu projek kejuruteraan sistem yang melibatkan pelayan, aplikasi, pangkalan data, dan sumber-sumber bahagian hadapan (front-end). Bermula dari pemilihan hos yang berkualiti tinggi dan mengaktifkan mekanisme caching yang berkuat, hingga pengoptimuman setiap gambar dan setiap baris kod, setiap langkah memainkan peranan penting dalam meningkatkan kelajuan muat turun dan pengalaman pengguna yang lebih lancar. Kuncinya adalah dengan mengambil pendekatan yang sistematik: pertama, laksanakan pengoptimuman asas yang penting, kemudian uruskan sumber-sumber bahagian hadapan, seterusnya masuk ke peringkat kod, dan akhirnya melakukan penyesuaian dan penyelenggaraan melalui konfigurasi lanjutan serta pemantauan. Ingatlah, tidak ada penyelesaian yang sempurna untuk semua masalah; penilaian berterusan, ujian, dan penyesuaian merupakan kunci untuk mengekalkan prestasi laman web yang terbaik.

FAQ - Soalan Lazim

Adakah menggunakan beberapa plugin caching akan menjadikan proses lebih cepat?

Tidak akan pernah berlaku. Mengaktifkan beberapa plugin caching pada masa yang sama (contohnya…)W3 Total Cache和WP Super CacheIni boleh menyebabkan konflik peraturan, pengulangan fungsi, dan juga boleh menyebabkan laman web crash atau menampilkan halaman kosong. Plugin-cache tersebut akan menutupi fail cache, peraturan .htaccess, dan konfigurasi antara satu sama lain, menyebabkan tingkah laku yang tidak dapat diramalkan. Cara terbaik adalah untuk memilih hanya satu plugin-cache yang mempunyai fungsi yang lengkap dan mendapat penilaian yang baik, dan mengkonfigurasikannya dengan betul.

Mengapa skor GTmetrix atau PageSpeed masih rendah walaupun telah dioptimumkan?

Skor alat ujian prestasi dipengaruhi oleh pelbagai faktor, dan beberapa daripadanya mungkin di luar kawalan anda secara langsung. Pertama sekali, lokasi geografi pelayan ujian mungkin jauh dari hos atau nod CDN anda, menyebabkan kelewatan yang tinggi. Kedua, alat tersebut mungkin menganggap pengunduhan sumber pihak ketiga (seperti font Google, SDK Facebook) sebagai faktor yang menurunkan skor, walaupun anda telah mengasingkan proses pengundahan tersebut (dengan menggunakan teknik asinkron). Yang lebih penting, fokuskan perhatian kepada petunjuk “pengalaman pengguna sebenar”, seperti masa yang diperlukan untuk melukis semua kandungan (LCP – Last Content Paint) dan masa kelewatan untuk input pertama (FID – First Input Delay), kerana petunjuk ini lebih bermakna daripada skor keseluruhan yang abstrak. Pastikan bahawa pengoptimuman yang anda lakukan benar-benar meningkatkan petunjuk web yang penting ini.

Adakah terdapat risiko dalam pengoptimuman pangkalan data? Berapakah kerapkah proses pengoptimuman tersebut perlu dilakukan?

Ya, jika tidak dilakukan dengan betul, pengoptimuman pangkalan data boleh menimbulkan risiko, terutamanya ketika membuat perubahan langsung pada jadual pangkalan data. Sebelum melakukan pengoptimuman atau pembersihan, adalah penting untuk membuat salinan sandaran yang lengkap. Menggunakan plugin yang bereputasi baik dapat mengurangkan risiko, kerana ia biasanya mempunyai ciri pemeriksaan keselamatan dan langkah-langkah pencegahan yang terbina dalam. Untuk penyelenggaraan biasa, disyorkan untuk membersihkan pangkalan data sekali sebulan (seperti menghapus versi yang telah diperbaiki atau ulasan yang tidak berguna). Bagi laman web yang besar dengan jumlah laluan yang tinggi, pembersihan mungkin perlu dilakukan lebih kerap, seperti setiap minggu. Pengoptimuman mendalam pada jadual pangkalan data (OPTIMIZE TABLE) pula tidak perlu dilakukan terlalu kerap; sekali setiap suku tahun atau setengah tahun sudah cukup, kerana manfaat daripada pengoptimuman yang kerap terhadap peningkatan prestasi akan semakin berkurangan dari semasa ke semasa.

Bagaimana untuk menentukan sama ada plugin atau tema menyebabkan laman web menjadi lebih lambat?

Melakukan pemeriksaan yang sistematik adalah kunci untuk mengenal pasti punca kelewatan prestasi. Pertama sekali, di bahagian pentadbiran WordPress, tukar kepada tema lalai (seperti Twenty Twenty-Four), kemudian uji kelajuan laman web. Jika kelajuan meningkat dengan ketara, kemungkinan besar masalah berada pada tema asal anda. Jika kelajuan masih perlahan, langkah seterusnya adalah: matikan semua plugin (pastikan anda mempunyai sandaran sebelum melakukan ini, atau gunakan mod pembaikan masalah plugin “Health Check”), kemudian aktifkan semula plugin satu persatu dan uji kelajuan setiap kali satu plugin diaktifkan. Dengan cara ini, anda dapat mengenal pasti dengan tepat plugin mana yang menyebabkan penurunan prestasi. Selain itu, menggunakan plugin pemantauan pertanyaan (seperti Query Monitor) membolehkan anda melihat secara masa nyata pertanyaan pangkalan data yang dihasilkan oleh setiap plugin dan tema semasa setiap halaman dimuat, serta masa pelaksanaannya, yang merupakan alat yang sangat berguna untuk mengenal pasti pertanyaan yang perlahan.