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

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

การปรับปรุงประสิทธิภาพหลัก: กลไกการแคช

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

การดำเนินกลยุทธ์การแคชอ็อบเจ็กต์

การแคชอ็อบเจ็กต์สามารถจัดเก็บผลลัพธ์การค้นหาฐานข้อมูลในหน่วยความจำ เพื่อหลีกเลี่ยงการค้นหาซ้ำ สำหรับเว็บไซต์ที่ใช้ Redis หรือ Memcached นี่เป็นจุดสำคัญในการเพิ่มประสิทธิภาพอย่างมาก เราสามารถเปิดใช้งานผ่านwp-config.phpไฟล์ ตรวจสอบให้แน่ใจว่าโฮสต์ของคุณสนับสนุนส่วนขยาย Redis หรือ Memcached

แนะนำให้อ่าน คู่มือฉบับสมบูรณ์สำหรับการปรับแต่ง WordPress: จากความเร็วเว็บไซต์สู่การจัดอันดับ SEO。

เพิ่มโค้ดต่อไปนี้ลงในไฟล์wp-config.phpของคุณ วางไว้ก่อนบรรทัดที่เขียนว่า “/* เอาล่ะ! โปรดอย่าแก้ไขต่อไปอีก โปรดบันทึกไฟล์นี้ ใช้บล็อกอย่างมีความสุข */”

UltaHost WordPress โฮสติ้ง

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

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

// 启用 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);

พร้อมกันนี้ คุณต้องติดตั้งและเปิดใช้งานปลั๊กอินที่เกี่ยวข้องในแอดมินของ WordPress เช่น “Redis Object Cache”

ตั้งค่าการแคชของเบราว์เซอร์

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

นี่คือตัวอย่างการกำหนดค่าสำหรับเซิร์ฟเวอร์ Apache.htaccessตัวอย่างการตั้งค่าไฟล์ สามารถเพิ่มลงในไดเรกทอรีรากของ WordPress ของคุณได้.htaccessไฟล์

# 启用浏览器缓存
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType image/webp “access plus 1 year”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/javascript “access plus 1 month”
ExpiresByType font/ttf “access plus 1 year”
ExpiresByType font/otf “access plus 1 year”
ExpiresByType font/woff “access plus 1 year”
ExpiresByType font/woff2 “access plus 1 year”
ExpiresDefault “access plus 3 days”
</IfModule>

ใช้ปลั๊กอินแคชหน้า

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

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

การปรับแต่งทรัพยากรและโค้ด

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

การบีบอัดและปรับแต่งรูปภาพ

รูปภาพที่ไม่ได้บีบอัดเป็นสาเหตุหลักที่ทำให้เว็บไซต์มีขนาดใหญ่ ต้องใช้เครื่องมือ (เช่น TinyPNG, ShortPixel) หรือปลั๊กอิน WordPress (เช่น Smush, Imagify) เพื่อบีบอัดรูปภาพก่อนอัปโหลด นอกจากนี้ควรใช้รูปแบบสมัยใหม่อย่าง WebP ให้มากที่สุด ซึ่งสามารถลดขนาดไฟล์ได้อย่างมากในขณะที่ยังคงความคมชัด ปลั๊กอินแคชและบริการ CDN หลายแห่งมีฟังก์ชันการแปลงเป็นรูปแบบ WebP โดยอัตโนมัติ

ลดขนาดไฟล์ CSS และ JavaScript

การย่อขนาด (Minify) หมายถึงการลบอักขระที่ไม่จำเป็นทั้งหมด (เช่นช่องว่าง, อักขระขึ้นบรรทัดใหม่, ความคิดเห็น) ออกจากไฟล์ CSS และ JavaScript เพื่อลดขนาดไฟล์ การรวม (Combine) คือการรวมไฟล์ขนาดเล็กหลายไฟล์เป็นไฟล์ใหญ่เพียงไม่กี่ไฟล์ เพื่อลดจำนวนคำขอ HTTP การดำเนินการเหล่านี้มักสามารถทำได้ง่ายๆ ผ่านปลั๊กอินแคชที่กล่าวถึงก่อนหน้า (เช่น WP Rocket) หรือปลั๊กอินปรับแต่งเฉพาะทาง (เช่น Autoptimize)

hosting.com 共享主机

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

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

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

โหลดทรัพยากรที่ไม่สำคัญล่าช้า

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

WordPress ตั้งแต่เวอร์ชัน 5.5 เป็นต้นมา มีฟังก์ชันการโหลดรูปภาพแบบล่าช้าในตัวอยู่แล้ว คุณยังสามารถเสริมความสามารถนี้ได้ผ่านปลั๊กอิน (เช่น LiteSpeed Cache, WP Rocket) หรือการเพิ่มloading=“lazy”attribute ด้วยตนเอง

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

ลบ JavaScript ที่บล็อกการเรนเดอร์

เบราว์เซอร์จะหยุดการเรนเดอร์หน้าเว็บโดยค่าเริ่มต้นเมื่อพบโค้ด JavaScript จนกว่าสคริปต์จะทำงานเสร็จ สำหรับ JavaScript ที่ไม่สำคัญสำหรับหน้าจอแรก สามารถตั้งค่าให้โหลดแบบอะซิงโครนัส (async) หรือเลื่อน (defer)

ใช้asyncเมื่อใช้แอตทริบิวต์ async การดาวน์โหลดสคริปต์จะไม่บล็อกการเรนเดอร์ และจะทำงานทันทีหลังจากดาวน์โหลดเสร็จ เมื่อใช้deferแอตทริบิวต์ defer สคริปต์จะทำงานหลังจากที่เอกสารถูกแยกวิเคราะห์เสร็จสิ้น และก่อนที่เหตุการณ์ DOMContentLoaded จะถูกเรียก

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

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

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

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

การปรับแต่งเซิร์ฟเวอร์และฐานข้อมูล

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

เลือกโฮสต์ประสิทธิภาพสูงและเวอร์ชัน PHP

ละทิ้งโฮสติ้งแชร์ราคาถูก พิจารณาอัปเกรดเป็น VPS, เซิร์ฟเวอร์เฉพาะ หรือโฮสติ้ง WordPress แบบจัดการ (เช่น Kinsta, WP Engine) ที่รับรองประสิทธิภาพ บริการเหล่านี้มักมีซีพียูที่เร็วขึ้น, การจัดเก็บแบบ SSD และสแต็กเซิร์ฟเวอร์ที่ปรับแต่งให้เหมาะสม

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

ทำความสะอาดและปรับปรุงฐานข้อมูล

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

คุณสามารถใช้ปลั๊กอิน เช่น WP-Optimize หรือ Advanced Database Cleaner เพื่อทำความสะอาดฐานข้อมูลอย่างปลอดภัย แนะนำให้สำรองข้อมูลทั้งหมดก่อนดำเนินการ

การนำเครือข่ายการกระจายเนื้อหาไปใช้

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

บริการ CDN ที่ได้รับความนิยม ได้แก่ Cloudflare, KeyCDN, BunnyCDN ฯลฯ หลายบริการมีแพ็คเกจเริ่มต้นฟรีและรวมเข้ากับ WordPress ได้ดี

การจัดการธีมและปลั๊กอินขั้นสูง

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

ตรวจสอบและปิดการใช้งานปลั๊กอินที่ไม่ได้ใช้เป็นประจำ

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

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

หลีกเลี่ยงการใช้ธีมอเนกประสงค์ที่มีฟังก์ชันมากเกินไปและ “ทำได้ทุกอย่าง” ธีมประเภทนี้มักโหลดสคริปต์และไฟล์สไตล์จำนวนมากที่คุณไม่ใช้ ให้ความสำคัญกับธีมน้ำหนักเบาที่เน้นความเร็วและโค้ดที่กระชับ เช่น GeneratePress, Astra หรือธีมเริ่มต้นอย่างเป็นทางการ (เช่นชุด Twenty Twenty) ก่อนใช้ธีมใดๆ คุณสามารถตรวจสอบคะแนนประสิทธิภาพของเว็บไซต์สาธิตในเครื่องมือทดสอบความเร็ว WordPress ที่คล้ายกันได้

การจัดการโค้ดส่วนย่อยสำหรับฟังก์ชันหลัก

สำหรับฟังก์ชันง่ายๆ ให้พิจารณาใช้การเพิ่มโค้ดแทนการติดตั้งปลั๊กอินเต็มรูปแบบ ตัวอย่างเช่น การเพิ่มโค้ดสองสามบรรทัดในfunctions.phpไฟล์เพื่อปิดการแก้ไขบทความหรือลบคอมเมนต์สแปมโดยอัตโนมัติ จะมีประสิทธิภาพมากกว่าการติดตั้งปลั๊กอินที่มีฟังก์ชันเดียว

นี่คือตัวอย่างโค้ดในการปิดการแก้ไขบทความในfunctions.phpไฟล์ธีม:

// 禁用文章修订功能
define('WP_POST_REVISIONS', false);

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

สรุป

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

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

หลังจากเปิดใช้งานแคชแล้ว เว็บไซต์แสดงผลผิดปกติหรือการอัปเดตไม่ทำงาน ควรทำอย่างไร?

นี่มักเกิดจากการรีเฟรชแคชไม่ถูกต้อง อันดับแรก ลองล้างแคชทั้งหมดของเว็บไซต์ของคุณ รวมถึงแคชหน้าที่สร้างโดยปลั๊กอิน แคชอ็อบเจ็กต์ และแคช CDN อันดับสอง ตรวจสอบแคชเบราว์เซอร์ ลองเข้าถึงในโหมดส่วนตัว (โหมดลับ) หรือรีเฟรชแบบบังคับ (Ctrl+F5) หากปัญหายังคงอยู่ ลองปิดใช้งานปลั๊กอินแคชชั่วคราว เพื่อยืนยันว่าเป็นปัญหาจากแคชหรือไม่

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

คะแนนจากเครื่องมือทดสอบความเร็วได้รับผลกระทบจากหลายปัจจัย โดยเฉพาะอย่างยิ่งตัวชี้วัดเช่น “First Contentful Paint” และ “Largest Contentful Paint” หากคะแนนยังไม่น่าพอใจหลังการปรับปรุง โปรดให้ความสำคัญกับคำแนะนำเช่น “Remove blocking resources” และ “Reduce unused JavaScript” ซึ่งอาจหมายความว่าธีมหรือปลั๊กอินบางตัวโหลด JavaScript/CSS ที่ไม่จำเป็นสำหรับหน้าจอแรกมากเกินไป พิจารณาใช้เทคนิคขั้นสูงเช่น code splitting, critical CSS inline หรือเปลี่ยนธีม/ปลั๊กอินที่เบากว่า

สำหรับบล็อกส่วนตัวขนาดเล็ก ควรดำเนินการปรับปรุงอะไรสามอย่างเป็นอันดับแรก?

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

การใช้ CDN จะส่งผลต่อความเร็วในการเข้าสู่ระบบและการดำเนินการในส่วนหลังของเว็บไซต์หรือไม่?

ในสภาวะปกติ, CDN ที่ถูกกำหนดค่าอย่างถูกต้องไม่ควรส่งผลกระทบต่อความเร็วในการดำเนินการในส่วนหลังของเว็บไซต์ (/wp-admin/) เนื่องจากโดยทั่วไป CDN จะเร่งความเร็วเฉพาะทรัพยากรแบบคงที่ (เช่น รูปภาพ, CSS, JS) และหน้าเว็บแบบไดนามิกที่สามารถแคชได้เท่านั้น ส่วนหน้าจอการจัดการหลังบ้านถูกสร้างขึ้นแบบไดนามิกและไม่ควรถูกแคช, คำขอจะถูกส่งกลับไปยังเซิร์ฟเวอร์ต้นทางของคุณโดยตรง คุณสามารถกำหนดค่าใน CDN เพื่อให้แน่ใจว่าได้เพิ่มเส้นทางเช่น “/wp-admin/” และ “/wp-login.php” ลงในกฎการยกเว้นการแคช