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

ทำไมการปรับปรุงประสิทธิภาพจึงมีความสำคัญ

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

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

การปรับแต่งการตั้งค่าพื้นฐาน: วางรากฐานสำหรับประสิทธิภาพสูง

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

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

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

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

UltaHost WordPress โฮสติ้ง

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

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

หลังจากติดตั้งธีมแล้ว งานแรกคือการตรวจสอบและลดทอนฟังก์ชันการทำงานของธีม ธีมหลายธีมโหลดสไตล์ชีตและสคริปต์เพิ่มเติมผ่านfunctions.phpไฟล์ คุณสามารถทำได้ผ่านโค้ดหรือใช้ปลั๊กอิน (เช่นAsset CleanUp) เพื่อปิดใช้งานทรัพยากรที่ไม่จำเป็นบนหน้าเฉพาะบางหน้า พร้อมกันนี้ ต้องแน่ใจว่าเทมเพลตสนับสนุนมาตรฐานประสิทธิภาพสมัยใหม่อย่าง Core Web Vitals

ปรับปรุงเนื้อหามัลติมีเดีย

รูปภาพมักจะเป็นทรัพยากรที่มีขนาดใหญ่ที่สุดบนหน้าเว็บ รูปภาพที่ไม่ได้ปรับปรุงจะทำให้ความเร็วในการโหลดช้าลงอย่างมาก
1. 压缩图片：在上传前，使用工具（如TinyPNG、ShortPixel）对图片进行压缩。在WordPress中，可以使用插件如Imagify或ShortPixel Image Optimizerดำเนินการปรับปรุงอัตโนมัติ
2. 使用现代格式：尽可能使用WebP格式替代传统的JPEG和PNG。WebP在保持相同质量的前提下，体积可以减小25-35%。许多缓存插件或CDN服务支持自动将图片转换为WebP。
3. 实现懒加载：懒加载技术可以延迟加载屏幕外的图片，直到用户滚动到它们附近。这能有效减少初始页面加载时间。WordPress 5.5+已内置了原生懒加载支持，也可以通过插件如a3 Lazy Loadเพื่อการปรับปรุงเพิ่มเติม
4. 指定图片尺寸：始终在HTML中为imgแท็กระบุแอตทริบิวต์ความกว้าง (width) และความสูง (height) ซึ่งสามารถป้องกันการเลื่อนของเลย์เอาต์ (CLS) และปรับปรุงประสบการณ์ผู้ใช้

ทำความสะอาดฐานข้อมูลและจำกัดจำนวนรุ่นแก้ไข

ฟังก์ชันการแก้ไขเวอร์ชันและการบันทึกอัตโนมัติของ WordPress จะค่อยๆ ทำให้ฐานข้อมูลขยายใหญ่ขึ้นและส่งผลต่อประสิทธิภาพการสืบค้น

// 在 wp-config.php 中限制文章修订版本数量
define('WP_POST_REVISIONS', 5); // 保留最多5个修订版
// 或彻底禁用修订版
// define('WP_POST_REVISIONS', false);

// 禁用自动保存的间隔时间（秒）
define('AUTOSAVE_INTERVAL', 160); // 默认是60秒

นอกจากนี้ ควรใช้ปลั๊กอินเป็นประจำ เช่นWP-Optimize或Advanced Database Cleanerเพื่อล้างข้อมูลขยะ ข้อมูลชั่วคราวที่หมดอายุ (transients) และตารางที่ไม่ได้ใช้งาน

แนะนำให้อ่าน เรียนรู้การปรับปรุงประสิทธิภาพ WordPress: ตั้งแต่การตั้งค่าพื้นฐานไปจนถึงกลยุทธ์การแคชขั้นสูง。

คู่มือกลยุทธ์การแคชแบบละเอียด

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

หลักการทำงานและการใช้งานของแคชหน้าเว็บ

แคชหน้าเว็บเป็นแคชที่ทำงานในระดับที่สูงที่สุด โดยจะบันทึกผลลัพธ์ HTML ของทั้งหน้าไว้ แพล็กอินแคชที่ยอดเยี่ยมเช่นWP Rocket、W3 Total Cache或LiteSpeed Cache(หากคุณใช้เซิร์ฟเวอร์ LiteSpeed) สามารถใช้งานฟังก์ชันนี้ได้อย่างง่ายดาย

以WP Rocketยกตัวอย่างเช่น หลังจากเปิดใช้งานแคชหน้าเว็บแล้ว มันจะสร้างไฟล์แบบคงที่.htmlไฟล์ คุณต้องตรวจสอบให้แน่ใจว่าปลั๊กอินได้รับการตั้งค่าอายุแคชอย่างถูกต้อง และตั้งกฎข้อยกเว้นสำหรับผู้ใช้ที่เข้าสู่ระบบ, หน้าตะกร้าสินค้า เป็นต้น เพื่อป้องกันไม่ให้แสดงเนื้อหาที่ผิดพลาด

hosting.com 共享主机

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

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

ใช้การแคชวัตถุเพื่อปรับปรุงการตอบสนองของฐานข้อมูล

การแคชวัตถุจะจัดเก็บผลลัพธ์การสืบค้นฐานข้อมูลไว้ในหน่วยความจำ (เช่น Redis หรือ Memcached) เมื่อมีการสืบค้นเดียวกันครั้งต่อไป จะอ่านจากหน่วยความจำโดยตรง ซึ่งเร็วมาก
1. 安装内存缓存扩展：需要在服务器上安装Redis或Memcached服务及对应的PHP扩展（如php-redis）。
2. 配置WordPress插件：使用插件如Redis Object Cache或Memcached Reduxเพื่อเชื่อมต่อและตั้งค่า
3. 在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);

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

กลยุทธ์การแคชฝั่งเบราว์เซอร์

โดยการตั้งค่า HTTP header สามารถสั่งให้เบราว์เซอร์ของผู้ใช้แคชทรัพยากรคงที่ เช่น CSS, JS, รูปภาพ เป็นระยะเวลาหนึ่ง ในช่วงเวลานี้เมื่อเข้าถึงไซต์อีกครั้งก็ไม่จำเป็นต้องดาวน์โหลดใหม่
โดยทั่วไปทำผ่านไฟล์การกำหนดค่าของเซิร์ฟเวอร์ (เช่นของ Apache.htaccessหรือของ Nginxnginx.conf) หรือใช้ปลั๊กอินแคชเพื่อให้บรรลุเป้าหมาย ตัวอย่างเช่น ใน.htaccessเพิ่มใน:

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

# 启用浏览器缓存过期时间
<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>

เทคนิคการเร่งความเร็วขั้นสูง

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

การผสานรวมเครือข่ายการกระจายเนื้อหา

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

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

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

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

การจัดการโค้ดและทรัพยากรขั้นสูง

1. 最小化与合并：移除CSS、JavaScript文件中的空白字符、注释，并将多个文件合并为少数几个文件，以减少HTTP请求数。插件如Autoptimize或Fast Velocity Minifyสามารถทำงานนี้ให้เสร็จโดยอัตโนมัติ
2. 延迟加载JavaScript：对于非关键的JS（如评论框、社交媒体分享按钮），可以将其标记为延迟加载。使用async或deferแอตทริบิวต์

    <script src="example.js" defer></script>

ปลั๊กอินเพิ่มประสิทธิภาพหลายตัวมีฟังก์ชันนี้ คุณยังสามารถแก้ไขไฟล์เทมเพลตธีมด้วยตนเองได้
3. 关键CSS内联：提取“首屏内容”所必需的关键CSS，并将其内联到HTML的ในส่วนที่เหลือของ CSS จะถูกโหลดแบบอะซิงโครนัส ซึ่งสามารถลดการบล็อกการเรนเดอร์ได้อย่างมีนัยสำคัญ และเพิ่มความเร็วในการโหลดหน้าจอแรก ปลั๊กอินเช่นWP Rocket、LiteSpeed Cacheหรือเครื่องมือออนไลน์ (เช่น Critical) สามารถช่วยสร้าง CSS ที่สำคัญได้

เลือกและกำหนดค่าโฮสต์ประสิทธิภาพสูง

ความพยายามในการปรับปรุงประสิทธิภาพของคุณอาจถูกหักล้างโดยโฮสติ้งแชร์คุณภาพต่ำ พิจารณาอัปเกรดเป็น:
- 虚拟专用服务器或云服务器：提供独立的资源和更高的配置自由度。
- 托管式WordPress主机：如Kinsta, WP Engine，它们专门针对WordPress进行了深度优化，通常内置了缓存、CDN和安全功能。
- LiteSpeed服务器：如果使用OpenLiteSpeed或LiteSpeed Enterprise，配合LiteSpeed Cacheตรวจสอบให้แน่ใจว่าเวอร์ชัน PHP ของคุณอยู่ที่ 7.4 หรือ 8.0 ขึ้นไป และเปิดใช้งาน OPCache ไว้

ในphp.iniปรับการตั้งค่า OPCache เพื่อประสิทธิภาพที่ดีขึ้น:

opcache.memory_consumption=128
opcache.interned_strings_buffer=8
opcache.max_accelerated_files=10000
opcache.revalidate_freq=2

สรุป

การเพิ่มประสิทธิภาพ WordPress เป็นกระบวนการเชิงระบบที่เริ่มจากภาพรวมไปสู่รายละเอียด จากพื้นฐานไปสู่ขั้นสูง เส้นทางสู่ความสำเร็จเริ่มต้นจากการตั้งค่าพื้นฐานที่ถูกต้อง รวมถึงการเลือกธีมอย่างพิถีพิถัน การปรับแต่งไฟล์สื่อให้เหมาะสม และการรักษาฐานข้อมูลให้สะอาด ใจกลางสำคัญอยู่ที่การปรับใช้กลยุทธ์แคชหลายระดับ: แคชหน้าเว็บ แคชวัตถุ และแคชเบราว์เซอร์ ซึ่งสามารถทำงานร่วมกันเพื่อเพิ่มความเร็วในการตอบสนองของเว็บไซต์ไดนามิกให้ใกล้เคียงกับเว็บไซต์แบบสแตติก สุดท้าย ด้วยการรวม CDN การจัดการทรัพยากรขั้นสูง และการเลือกสภาพแวดล้อมโฮสติ้งประสิทธิภาพสูง สามารถก้าวข้ามขีดจำกัดได้อีกขั้น เพื่อให้แน่ใจว่าเว็บไซต์จะทำงานได้อย่างราบรื่นแม้อยู่ในสภาวะโหลดสูง การทดสอบและตรวจสอบอย่างสม่ำเสมอด้วยเครื่องมือเช่น Google PageSpeed Insights, GTmetrix หรือ WebPageTest เป็นกุญแจสำคัญในการรักษาประสิทธิภาพที่ดีที่สุดอย่างต่อเนื่อง จำไว้ว่าการเพิ่มประสิทธิภาพเป็นกระบวนการที่ต้องทำอย่างต่อเนื่อง ไม่ใช่ภารกิจที่ทำครั้งเดียวแล้วจบ

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

ฉันควรเลือกปลั๊กอินแคชตัวไหนดี?

ขึ้นอยู่กับสภาพแวดล้อมเซิร์ฟเวอร์และระดับทักษะทางเทคนิคของคุณ สำหรับผู้ใช้ส่วนใหญ่WP Rocketเป็นตัวเลือกแรกเนื่องจากใช้งานง่ายและมีฟังก์ชันที่ทรงพลังพร้อมใช้งานทันที แต่เป็นปลั๊กอินแบบเสียเงิน สำหรับผู้ใช้ที่มีงบประมาณจำกัดW3 Total Cache或LiteSpeed Cache(ใช้ได้เฉพาะเซิร์ฟเวอร์ LiteSpeed) เป็นตัวเลือกฟรีที่มีฟังก์ชันครบครันLiteSpeed Cacheหากสภาพแวดล้อมตรงกัน ประสิทธิภาพการทำงานจะดีเยี่ยม

การเปิดใช้งานแคชอ็อบเจ็กต์ (เช่น Redis) มีความเสี่ยงหรือไม่?

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

เว็บไซต์ที่ได้รับการปรับปรุงแล้วยังไม่เห็นความเร็วที่เพิ่มขึ้นอย่างชัดเจน อาจเกิดจากสาเหตุใดได้บ้าง

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

จะทดสอบประสิทธิภาพของเว็บไซต์อย่างมีประสิทธิภาพได้อย่างไร?

อย่าพึ่งพาเครื่องมือเพียงอย่างเดียว ให้ใช้ร่วมกันหลายๆ อย่าง เช่น Google PageSpeed Insights (ให้ตัวชี้วัด Core Web Vitals และคำแนะนำในการปรับปรุง), GTmetrix (ให้การวิเคราะห์ไทม์ไลน์และแผนภูมิน้ำตกโดยละเอียด), WebPageTest (รองรับการทดสอบหลายรอบจากสถานที่ต่างๆ ทั่วโลก) ก่อนทดสอบ ควรใช้โหมดไม่ระบุตัวตนของเบราว์เซอร์และล้างแคช DNS ในเครื่อง เพื่อหลีกเลี่ยงการรบกวนผลลัพธ์จากแคชส่วนบุคคล