คู่มือปฏิบัติจริงสำหรับการเพิ่มประสิทธิภาพ WordPress อย่างครอบคลุม: วิธีที่ดีที่สุดตั้งแต่แกนหลักไปจนถึงปลั๊กอิน

ประสิทธิภาพของเว็บไซต์ WordPress มีผลโดยตรงต่อประสบการณ์ของผู้ใช้ อัตราการแปลง และอันดับในเครื่องมือค้นหา เว็บไซต์ที่โหลดช้าจะทำให้ผู้เยี่ยมชมหายไปอย่างรวดเร็วและทำลายความพยายาม SEO ของคุณ คู่มือนี้จะให้แผนปฏิบัติการที่สมบูรณ์และพร้อมใช้งานทันทีสำหรับการปรับปรุงประสิทธิภาพ ตั้งแต่ระบบหลักไปจนถึงการเลือกปลั๊กอิน

การปรับปรุงระบบหลักและเซิร์ฟเวอร์

การปรับปรุงควรเริ่มจากพื้นฐาน เซิร์ฟเวอร์ที่มั่นคงและการกำหนดค่าหลักเป็นรากฐานของการปรับปรุงขั้นสูงทั้งหมด

เลือกแผนโฮสติ้งประสิทธิภาพสูง

虚拟主机、VPS、云服务器和专用服务器的性能差异巨大。对于流量中等及以上的网站，建议至少选择配置了SSD硬盘、PHP 7.4或更高版本、并支持HTTP/2和Let‘s Encrypt SSL证书的VPS或云服务器方案。许多托管服务商提供专为WordPress优化的托管服务，它们通常预装了对象缓存、CDN集成和更安全的服务器配置。

แนะนำให้อ่าน การปรับปรุงประสิทธิภาพเว็บไซต์ WordPress: ขั้นตอนที่จำเป็นและเทคนิคขั้นสูงสำหรับการเพิ่มความเร็วในการโหลดอย่างเป็นระบบ。

ปรับปรุงการตั้งค่า PHP และฐานข้อมูล

ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์ของคุณใช้ PHP เวอร์ชันใหม่ (เช่น PHP 8.0+) ซึ่งมีประสิทธิภาพดีกว่าเวอร์ชันเก่าอย่างเห็นได้ชัด พร้อมทั้งปรับค่าจำกัดหน่วยความจำและเวลาการทำงานสูงสุดของ PHP คุณสามารถสร้างหรือแก้ไขphp.iniไฟล์ในไดเรกทอรีรากของเว็บไซต์ หรือปรับเปลี่ยนผ่านแผงควบคุมโฮสติ้ง

UltaHost WordPress โฮสติ้ง

การรับประกันคืนเงินภายใน 30 วัน, แบนด์วิธและฐานข้อมูลไม่จำกัด, การป้องกัน DDoS ฟรี, ซื้อ 3 ปีลดราคา 50%

เข้าถึงหน้าเว็บ

memory_limit = 256M
max_execution_time = 300
upload_max_filesize = 64M
post_max_size = 128M

สำหรับฐานข้อมูล ใช้เป็นประจำphpMyAdminหรือเครื่องมือที่คล้ายกันเพื่อเพิ่มประสิทธิภาพตารางฐานข้อมูล (OPTIMIZE TABLE) และล้างข้อมูลที่ไม่จำเป็น เช่น รุ่นที่แก้ไข, ร่าง, ความคิดเห็นขยะ ฯลฯ สามารถใช้การเพิ่มประสิทธิภาพตารางwp_postmeta和wp_optionsเพื่อลดค่าใช้จ่ายในการสืบค้นได้

กำหนดค่าโครงสร้างการแคชที่มีประสิทธิภาพ

การเปิดใช้งานแคชที่ระดับเซิร์ฟเวอร์เป็นวิธีที่มีประสิทธิภาพสูงสุด หากคุณใช้ Nginx คุณสามารถกำหนดค่าแคช FastCGI ได้ เพิ่มกฎที่คล้ายกับต่อไปนี้ในไฟล์การกำหนดค่า Nginx:

fastcgi_cache_path /path/to/cache levels=1:2 keys_zone=WORDPRESS:100m inactive=60m;
fastcgi_cache_key "$scheme$request_method$host$request_uri";

จากนั้นเปิดใช้งานแคชสำหรับคำขอ PHP ในบล็อกเซิร์ฟเวอร์ (server block) สำหรับผู้ใช้ Apache สามารถพิจารณาเปิดใช้งานmod_expires和mod_headersโมดูลเพื่อตั้งค่าแคชเบราว์เซอร์

การปรับปรุงธีมและระดับโค้ด

ธีมที่พองตัวและโค้ดที่ไม่มีประสิทธิภาพคือฆาตรกรล่องหนของประสิทธิภาพ แม้ว่าเซิร์ฟเวอร์จะทรงพลังเพียงใด โค้ดฟรอนต์เอนด์คุณภาพต่ำก็สามารถทำให้การแสดงผลหน้าช้าลงได้

แนะนำให้อ่าน คู่มือขั้นสูงสุดในการปรับแต่ง WordPress: โซลูชันครบวงจรตั้งแต่การเพิ่มความเร็วไปจนถึงการเสริมความปลอดภัย。

การเลือกและปรับแต่งธีม

อย่าลืมเลือกธีมที่มีโค้ดมาตรฐาน โหลดทรัพยากรอย่างเหมาะสม และได้รับการปรับแต่งเพื่อความเร็ว หลีกเลี่ยงธีมอเนกประสงค์ที่มีตัวสร้างหน้าในตัวมากเกินไปและฟังก์ชันที่สวยงามแต่หนัก ใช้เครื่องมือเช่น Google PageSpeed Insights หรือ GTmetrix เพื่อวิเคราะห์จุดบกพร่องด้านประสิทธิภาพของธีม

สำหรับธีมที่กำลังใช้งานอยู่ สามารถลบสไตล์และสคริปต์ที่ไม่ได้ใช้ด้วยตนเองหรือผ่านปลั๊กอิน ตัวอย่างเช่น หากธีมลงทะเบียนสไตล์สำหรับปลั๊กอินสไลด์หลายตัว แต่คุณใช้เพียงหนึ่งในนั้น คุณควรยกเลิกการลงทะเบียนส่วนที่เหลือ

เพิ่มประสิทธิภาพการโหลดสคริปต์และสไตล์ชีต

การวาง CSS ในส่วนหัวและ JavaScript ที่ด้านล่างของหน้า (ก่อนแท็ก) เป็นหลักการพื้นฐาน สำหรับ CSS ที่ไม่สำคัญ สามารถพิจารณาโหลดแบบอะซิงโครนัสได้ ใช้ WordPress ของwp_enqueue_scriptเมื่อใช้ฟังก์ชัน สามารถตั้งค่าin_footerพารามิเตอร์เป็นtrue。

hosting.com 共享主机

高性能，配备 AMD EPYC CPU、NVMe SSD 存储和 LiteSpeed，全天候24小时、全天候的专家内部支持，高级安全措施，包括 SSL、暴力破解、恶意软件和 DDoS 防护，节省高达 73%

เข้าถึงหน้าเว็บ

function my_theme_scripts() {
    // 将jQuery和主题主JS文件放在页脚加载
    wp_enqueue_script('jquery');
    wp_enqueue_script('my-theme-script', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');

ในขณะเดียวกัน การรวมและบีบอัดไฟล์ CSS/JS สามารถลดคำขอ HTTP ได้อย่างมีประสิทธิภาพ ซึ่งสามารถทำได้ในขั้นตอนการพัฒนาโดยใช้ปลั๊กอินเช่น Autoptimize หรือเครื่องมือสร้าง (เช่น Webpack, Gulp)

ดำเนินการโหลดแบบล่าช้าและการปรับภาพให้เหมาะสม

เปิดใช้งานการโหลดแบบล่าช้าสำหรับรูปภาพทั้งหมด, iframe และวิดีโอ WordPress 5.5+ ได้เพิ่มการสนับสนุนการโหลดแบบล่าช้าแบบเนทีฟสำหรับรูปภาพหลัก เพียงเพิ่มแอตทริบิวต์loading="lazy"ให้กับรูปภาพ สำหรับโซลูชันที่ครอบคลุมมากขึ้น สามารถพิจารณาใช้ปลั๊กอิน

อย่าลืมบีบอัดรูปภาพก่อนอัปโหลดโดยใช้เครื่องมือเช่น Tinify, ShortPixel หรือซอฟต์แวร์ท้องถิ่น พร้อมกันนี้ ใช้รูปแบบรูปภาพสมัยใหม่เช่น WebP ซึ่งให้อัตราการบีบอัดที่ดีกว่า JPEG และ PNG สามารถแปลงรูปแบบอัตโนมัติผ่านปลั๊กอิน (เช่น WebP Express) หรือบริการ CDN

แนะนำให้อ่าน คู่มือสุดยอดในการเร่งความเร็วของเว็บไซต์ Wordpress: จากศูนย์ไปสู่การเชี่ยวชาญ。

การเลือกและการกำหนดค่าปลั๊กอินที่มีประสิทธิภาพ

ปลั๊กอินคือแหล่งที่มาของพลังอันยิ่งใหญ่ของ WordPress แต่ก็เป็นสาเหตุหลักที่ทำให้ประสิทธิภาพลดลง ต้องเลือกสรรและจัดการอย่างรอบคอบ

ปลั๊กอินประสิทธิภาพที่จำเป็นและคัดสรรแล้ว

ต่อไปนี้คือปลั๊กอินประสิทธิภาพหลักที่ผ่านการทดสอบมาอย่างยาวนาน แต่ละตัวมุ่งเน้นไปที่พื้นที่สำคัญหนึ่ง:
* 缓存插件：如WP Rocket（付费）、W3 Total Cache或WP Super Cache。它们能生成静态HTML文件，避免每次访问都执行复杂的PHP和数据库查询。
* 数据库优化插件：如WP-Optimize，它可以定期清理和优化数据库表。
* 图片优化插件：如Imagify、ShortPixel，它们可以自动压缩上传的图片并生成WebP版本。
* 代码优化插件：如Autoptimize，用于合并、压缩CSS/JS文件，并优化加载方式。

โฮสติ้งแบบแชร์ของ InterServer

共享主机每月 $2.50 USD , 首月 $0.1 USD 优惠码 tryinterserver, 461个云应用脚本，一键安装。

เข้าถึงหน้าเว็บ

หมายเหตุ: หลีกเลี่ยงการติดตั้งปลั๊กอินที่มีฟังก์ชันซ้ำซ้อน ตัวอย่างเช่น อย่าเปิดใช้งานปลั๊กอินแคชทั้งหน้าพร้อมกันสองตัว

ผลกระทบของปลั๊กอินในการตรวจสอบและวิเคราะห์

ใช้ปลั๊กอินประเภทตรวจสอบแบบสอบถามเป็นประจำเพื่อประเมินต้นทุนประสิทธิภาพของแต่ละปลั๊กอินQuery Monitorเป็นเครื่องมือพัฒนาที่ทรงพลัง ซึ่งสามารถแสดงเวลาในการสร้างหน้า จำนวนการสอบถามฐานข้อมูล ฮุคที่ถูกเรียกโดยแต่ละปลั๊กอินและธีม รวมถึงสคริปต์และสไตล์ที่อยู่ในคิว ผ่านเครื่องมือนี้ คุณสามารถระบุได้อย่างแม่นยำว่าปลั๊กอินใดเป็นสาเหตุของคอขวดด้านประสิทธิภาพบนหน้าเว็บเฉพาะหน้า

สำหรับทรัพยากรส่วนหน้า ใช้เครื่องมือนักพัฒนาของเบราว์เซอร์ (แผง Network และ Performance) เพื่อดูว่าแต่ละปลั๊กอินโหลดไฟล์ใดบ้าง รวมถึงขนาดและเวลาในการโหลดของไฟล์เหล่านั้น

การปฏิบัติที่ดีที่สุดสำหรับการตั้งค่าปลั๊กอิน

แม้แต่ปลั๊กอินที่ดีที่สุด การตั้งค่าที่ผิดพลาดก็อาจให้ผลลัพธ์ที่ตรงกันข้ามได้ ตัวอย่างเช่นปลั๊กอินแคช การตั้งค่าที่เหมาะสมทั่วไปได้แก่:
* 启用页面缓存和浏览器缓存。
* 为登录用户和购物车页面禁用缓存（针对电商网站）。
* 谨慎使用“缩小”功能，并始终在启用后测试网站功能是否正常。
* 设置合理的缓存生命周期，对于内容不常变的页面可以设置较长时间。
* 集成对象缓存（如Redis或Memcached），如果服务器环境支持的话。

การแคชขั้นสูงและการรวม CDN

เมื่อการปรับปรุงพื้นฐานเสร็จสิ้น การใช้แคชอ็อบเจกต์และเครือข่ายการกระจายเนื้อหา (CDN) สามารถผลักดันประสิทธิภาพของเว็บไซต์ให้สูงขึ้นไปอีก โดยเฉพาะสำหรับผู้ชมทั่วโลก

นำการแคชวัตถุไปใช้

แคชอ็อบเจกต์จัดเก็บผลลัพธ์การสืบค้นฐานข้อมูลในหน่วยความจำ การสืบค้นเดียวกันในภายหลังสามารถอ่านจากหน่วยความจำได้โดยตรง ซึ่งเร็วมาก Redis และ Memcached เป็นโซลูชั่นยอดนิยมสองอย่าง

ขั้นแรก ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์ของคุณติดตั้งส่วนขยาย Redis หรือ Memcached และไคลเอนต์ PHP ที่เกี่ยวข้อง (เช่น PhpRedis) จากนั้น สามารถเปิดใช้งานได้โดยการแก้ไข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);
// 可选：指定数据库索引，避免冲突
define('WP_REDIS_DATABASE', 0);

หลังจากนั้น ใช้ปลั๊กอินเช่น “Redis Object Cache” เพื่อเชื่อมต่อและจัดการสถานะแคช

รวมเครือข่ายการจัดส่งเนื้อหา

CDN จะเก็บแคชเนื้อหาสถิตของคุณ (รูปภาพ, CSS, JS, ฟอนต์) บนเซิร์ฟเวอร์ขอบทั่วโลก เมื่อผู้ใช้เข้าถึง เนื้อหาจะถูกดึงจากเซิร์ฟเวอร์ที่ใกล้ที่สุดทางภูมิศาสตร์ ลดความล่าช้าลงอย่างมาก

การรวม CDN โดยทั่วไปแบ่งออกเป็นสองขั้นตอน:
1. 注册一个CDN服务商（如Cloudflare、KeyCDN、BunnyCDN）。
2. 在WordPress中配置。许多缓存插件（如WP Rocket）提供了CDN集成设置栏，只需填入你的CDN URL即可。或者，你也可以使用专门的CDN插件，或在functions.phpเขียน URL ทรัพยากรใหม่ผ่านตัวกรอง

function my_cdn_url($url) {
    if (is_admin()) return $url; // 后台不处理
    $cdn_domain = 'cdn.yourdomain.com';
    $home_domain = parse_url(home_url(), PHP_URL_HOST);
    return str_replace($home_domain, $cdn_domain, $url);
}
add_filter('wp_get_attachment_url', 'my_cdn_url');
add_filter('stylesheet_directory_uri', 'my_cdn_url');
add_filter('template_directory_uri', 'my_cdn_url');

ปรับปรุงการโหลดฟอนต์และไอคอน

ฟอนต์เว็บเป็นทรัพยากรที่มักขัดขวางการแสดงผล อย่าลืมใช้font-display: swap; คุณสมบัติ CSS นี้จะทำให้ข้อความแสดงผลด้วยฟอนต์ระบบก่อน จากนั้นจึงเปลี่ยนเป็นฟอนต์เว็บไซต์เมื่อโหลดเสร็จ พร้อมทั้งโฮสต์ไฟล์ฟอนต์บน CDN และโหลดเฉพาะน้ำหนักฟอนต์และชุดตัวอักษรย่อยที่จำเป็น

สำหรับไอคอน ให้พิจารณาใช้ไอคอน SVG แบบอินไลน์แทนฟอนต์ไอคอน เนื่องจาก SVG เป็นกราฟิกแบบเวกเตอร์ที่มีขนาดเล็กและไม่ก่อให้เกิดปัญหาการโหลดฟอนต์

สรุป

การปรับปรุงประสิทธิภาพของ WordPress เป็นกระบวนการเชิงระบบที่ต้องดำเนินการร่วมกันในหลายระดับ ตั้งแต่พื้นฐานเซิร์ฟเวอร์ คุณภาพโค้ด ระบบปลั๊กอิน ไปจนถึงเครือข่ายแคชขั้นสูง แนวคิดหลักคือการลดคำขอ HTTP บีบอัดทรัพยากรที่ส่ง เลื่อนการโหลดส่วนที่ไม่สำคัญ และแคชทุกสิ่งที่แคชได้ ด้วยการทำตามขั้นตอนในคู่มือนี้และใช้เครื่องมือวิเคราะห์ติดตามผลเป็นประจำ คุณจะสามารถสร้างเว็บไซต์ WordPress ที่รวดเร็ว ลื่นไหล และมีประสบการณ์ผู้ใช้ที่ยอดเยี่ยม ซึ่งจะช่วยให้ได้เปรียบในการแข่งขัน SEO และการรักษาผู้ใช้

คำถามที่พบบ่อย (FAQ)

ฉันควรใช้ปลั๊กอินแคชกี่ตัวดี?

โดยปกติ ปลั๊กอินแคชแบบครบวงจร (เช่น WP Rocket) ก็เพียงพอแล้ว ควรครอบคลุมการแคชหน้า การแคชเบราว์เซอร์ การปรับฐานข้อมูล (หรือการรวม) รวมถึงการตั้งค่า CDN และการโหลดแบบล่าช้า การติดตั้งปลั๊กอินแคชหลายตัวอาจทำให้กฎขัดแย้งกัน ส่งผลให้ประสิทธิภาพลดลงหรือเว็บไซต์ทำงานผิดพลาด เลือกปลั๊กอินที่มีคะแนนสูง อัปเดตบ่อย และตั้งค่าอย่างละเอียด

เปิดใช้งานแคชแล้ว ทำไมฉันถึงเห็นหน้าเว็บเก่า?

นี่เป็นลักษณะการทำงานปกติของแคช เมื่อคุณอัปเดตบทความหรือหน้าเว็บแล้ว จำเป็นต้องล้าง (หรือรีเฟรช) แคชของหน้าที่เกี่ยวข้อง เนื้อหาใหม่จึงจะปรากฏต่อผู้เข้าชมได้ แทบทุกปลั๊กอินแคชจะมีปุ่ม “ล้างแคช” ที่รวดเร็วในแถบจัดการหลังบ้าน สำหรับเว็บไซต์ที่อัปเดตบ่อย สามารถตั้งเวลาหมดอายุอัตโนมัติของแคช หรือใช้ฟังก์ชัน “ล้างแคชของหน้าเฉพาะอัตโนมัติ” ของปลั๊กอิน

จะตัดสินได้อย่างไรว่าปลั๊กอินทำให้เว็บไซต์ช้าลง

วิธีที่มีประสิทธิภาพที่สุดคือการใช้Query Monitorปลั๊กอิน ปิดใช้งานปลั๊กอินทั้งหมด แล้วเปิดใช้งานทีละตัว พร้อมใช้เครื่องมือตรวจสอบการเปลี่ยนแปลงของเวลาโหลดหน้าและจำนวนการสืบค้นฐานข้อมูล คุณยังสามารถวัดคะแนนประสิทธิภาพพื้นฐานหลังจากปิดใช้งานปลั๊กอินทั้งหมด แล้วทดสอบทุกครั้งที่เปิดใช้งานปลั๊กอินแต่ละตัว เพื่อระบุปลั๊กอินที่มีปัญหา แผง “Network” ในเครื่องมือนักพัฒนาของเบราว์เซอร์ก็สามารถแสดงทรัพยากรที่โหลดโดยแต่ละปลั๊กอินได้

หลังจากปรับปรุงแล้ว ความเร็วเว็บไซต์ยังไม่ดีเท่าที่ควร อาจเกิดจากสาเหตุอะไร?

หากดำเนินการปรับปรุงทั้งหมดข้างต้นแล้วแต่ความเร็วยังช้า ปัญหาอาจอยู่ที่: 1) เซิร์ฟเวอร์เองมีประสิทธิภาพต่ำเกินไปหรือศูนย์ข้อมูลอยู่ห่างจากผู้ใช้มาก พิจารณาอัปเกรดการกำหนดค่าหรือเปลี่ยนผู้ให้บริการโฮสติ้ง; 2) เทมเพลตมีปัญหาด้านโค้ดลึกซึ้งที่ไม่สามารถแก้ไขได้ด้วยการปรับปรุงทั่วไป ลองเปลี่ยนไปใช้เทมเพลตเริ่มต้น (เช่น Twenty Twenty-Four) เพื่อทดสอบเปรียบเทียบ; 3) ฟังก์ชันหลักบางอย่าง (เช่น การสืบค้นที่ซับซ้อนหรือการเรียกใช้ API ของบุคคลที่สาม) ช้าโดยตัวมันเอง ซึ่งต้องการการวิเคราะห์และเขียนโค้ดใหม่ในระดับโค้ด ในกรณีนี้ การจ้างนักพัฒนามืออาชีพเพื่อตรวจสอบประสิทธิภาพอาจเป็นทางเลือกที่มีประสิทธิภาพกว่า