10 เทคนิคและแนวทางปฏิบัติที่ดีที่สุดเพื่อเพิ่มประสิทธิภาพเว็บไซต์ WordPress

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

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

เลือกบริการโฮสติ้งที่เหมาะสม

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

เปิดใช้งานกลไกแคชอ็อบเจ็กต์

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

แนะนำให้อ่าน คู่มือขั้นสูงสุดในการปรับแต่ง WordPress: 20 เทคนิคที่จำเป็นสำหรับผู้เริ่มต้นจนถึงผู้เชี่ยวชาญ。

define( 'WP_REDIS_HOST', '127.0.0.1' );
define( 'WP_REDIS_PORT', 6379 );

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

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

UltaHost WordPress โฮสติ้ง

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

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

define( 'WP_POST_REVISIONS', 3 ); // 将修订版本数量限制为3个

การกำหนดกลยุทธ์การแคชที่มีประสิทธิภาพ

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

ใช้ปลั๊กอินแคชหน้าเว็บ

ปลั๊กอินแคชหน้าเว็บ (เช่น WP Rocket, W3 Total Cache หรือ WP Super Cache) สามารถสร้างไฟล์ HTML แบบคงที่สำหรับเว็บไซต์ของคุณ เมื่อผู้ใช้เข้าชม เซิร์ฟเวอร์จะส่งไฟล์คงที่เหล่านี้โดยตรง แทนที่จะต้องประมวลผลโค้ด PHP และสืบค้นฐานข้อมูลทุกครั้ง หลังจากติดตั้งและกำหนดค่าปลั๊กอินประเภทนี้อย่างถูกต้องแล้ว คุณจะรู้สึกได้ถึงการลดลงของเวลาในการโหลดไบต์แรก (TTFB) อย่างชัดเจน

แคชเบราว์เซอร์และส่วนหัวหมดอายุ

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

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

การใช้งานแคชออปโค้ด

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

แนะนำให้อ่าน เหตุใดจึงต้องปรับแต่งเว็บไซต์ WordPress。

ปรับรูปภาพและทรัพยากรแบบคงที่

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

การบีบอัดและการปรับขนาดรูปภาพ

ก่อนอัปโหลดรูปภาพ ควรใช้เครื่องมือ (เช่น TinyPNG, ShortPixel) ในการบีบอัด หรือใช้ปลั๊กอินอัตโนมัติใน WordPress (เช่น Imagify, EWWW Image Optimizer) เพื่อบีบอัดแบบเรียลไทม์ พร้อมกันนี้ ควรอัปโหลดรูปภาพตามขนาดการแสดงผลจริง หลีกเลี่ยงการใช้รูปภาพขนาดใหญ่บนเว็บแล้วปรับขนาดผ่าน CSS ฟังก์ชันadd_image_size()ของ WordPress สามารถช่วยคุณสร้างขนาดรูปขนาดย่อได้หลายแบบ

การโหลดแบบล่าช้าสำหรับเนื้อหาที่ไม่สำคัญ

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

hosting.com 共享主机

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

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

รวมและย่อขนาดไฟล์ CSS/JS

การลดจำนวนคำขอ HTTP เป็นกฎทองในการปรับปรุงประสิทธิภาพ โดยการรวมไฟล์ CSS และ JavaScript หลายไฟล์เข้าด้วยกัน และลบช่องว่างกับความคิดเห็น (การย่อขนาด) สามารถลดจำนวนคำขอและขนาดไฟล์ได้อย่างมีประสิทธิภาพ ปลั๊กอินแคชมักมีฟังก์ชันนี้ สำหรับการปรับปรุงด้วยตนเอง สามารถใช้เครื่องมือสร้างเช่น Webpack แต่ต้องระวังลำดับการรวมเพื่อหลีกเลี่ยงการทำลายความสัมพันธ์การพึ่งพาของสคริปต์

การใช้ CDN และบริการภายนอก

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

ปรับใช้ CDN ทั่วโลก

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

แนะนำให้อ่าน 10 เคล็ดลับและแนวทางปฏิบัติสำหรับการเพิ่มประสิทธิภาพเว็บไซต์ WordPress。

โฮสต์วิดีโอและไฟล์ขนาดใหญ่

หลีกเลี่ยงการอัปโหลดไฟล์วิดีโอขนาดใหญ่ไปยังคลังสื่อของ WordPress โดยตรง เพราะจะทำให้แบนด์วิธและพื้นที่จัดเก็บบนเซิร์ฟเวอร์หมดอย่างรวดเร็ว แทนที่จะทำเช่นนั้น ควรใช้แพลตฟอร์มวิดีโอมืออาชีพอย่าง YouTube, Vimeo ในการโฮสต์ แล้วนำเข้าเว็บไซต์ผ่านโค้ดฝังตัว สำหรับไฟล์ PDF หรือไฟล์ดาวน์โหลดขนาดใหญ่อื่นๆ ก็สามารถพิจารณาใช้บริการเช่น Amazon S3 หรือ Google Cloud Storage ได้เช่นกัน

ใช้บริการฟอนต์ภายนอก

ฟอนต์ที่กำหนดเอง (โดยเฉพาะ Google Fonts) จะเพิ่มคำขอ HTTP เพิ่มเติมและอาจทำให้เกิดการบล็อกการเรนเดอร์ วิธีการปรับปรุงคือการใช้สแตกฟอนต์ระบบเป็นตัวสำรอง หรือพิจารณาโฮสต์ไฟล์ฟอนต์ในเครื่อง หากจำเป็นต้องใช้บริการภายนอก ตรวจสอบให้แน่ใจว่าเชื่อมต่อล่วงหน้าแหล่งที่มาของฟอนต์ผ่านแท็ก และใช้แอตทริบิวต์font-display: swap;เพื่อหลีกเลี่ยงปัญหาข้อความที่มองไม่เห็น (FOIT)

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

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

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

สรุป

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

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

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

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

จะทดสอบความเร็วเว็บไซต์ WordPress ของฉันได้อย่างไร

แนะนำให้ใช้เครื่องมือหลายอย่างเพื่อทดสอบแบบบูรณาการ Google PageSpeed Insights ให้ตัวชี้วัดหลักประสบการณ์ผู้ใช้และคำแนะนำ GTmetrix ให้กราฟการโหลดแบบน้ำตกโดยละเอียดและคะแนนประสิทธิภาพ Pingdom Tools สามารถทดสอบความเร็วการโหลดจากหลายสถานที่ทั่วโลก การทดสอบเป็นประจำช่วยให้ค้นพบปัญหาการเสื่อมประสิทธิภาพ

หลังจากปรับแต่งแล้วความเร็วเว็บไซต์ยังช้าอยู่ อาจเป็นเพราะสาเหตุอะไร?

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

รูปภาพทั้งหมดจำเป็นต้องบีบอัดหรือไม่?

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