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

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

การปรับปรุงเซิร์ฟเวอร์และสภาพแวดล้อมโฮสติ้ง

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

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

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

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

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

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

UltaHost WordPress โฮสติ้ง

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

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

define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);

ตั้งค่าแคชระดับหน้าเว็บไซต์ของเซิร์ฟเวอร์

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

การปรับปรุงการโหลดทรัพยากรส่วนหน้า

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

การบีบอัดและรวมไฟล์ CSS และ JavaScript

ใช้ปลั๊กอินหรือเครื่องมือสร้างเพื่อบีบอัดและรวมไฟล์ CSS และ JS ลดจำนวนคำขอ HTTP พร้อมทั้งระบุสคริปต์ที่ไม่สำคัญให้โหลดแบบอะซิงโครนัสหรือเลื่อนการโหลด ปลั๊กอินเพิ่มประสิทธิภาพหลายตัว เช่น Autoptimize 或 WP Rocket สามารถทำงานเหล่านี้ได้โดยอัตโนมัติ สำหรับกรณีที่ต้องการควบคุมด้วยตนเอง สามารถใช้ wp_enqueue_script ฟังก์ชันและตั้งค่าพารามิเตอร์ที่เหมาะสมได้

ปรับปรุงภาพและรูปแบบรุ่นถัดไป

ตรวจสอบให้แน่ใจว่ารูปภาพทั้งหมดที่อัปโหลดได้รับการบีบอัดแล้ว ใช้ปลั๊กอินเช่น ShortPixel 或 Imagify สำหรับการบีบอัดอัตโนมัติ สิ่งสำคัญกว่านั้นคือการใช้รูปแบบภาพรุ่นถัดไปอย่าง WebP เบราว์เซอร์สมัยใหม่ส่วนใหญ่รองรับ WebP ซึ่งสามารถลดขนาดไฟล์ได้อย่างมาก สามารถให้บริการแบบมีเงื่อนไขโดยการเพิ่มกฎในไฟล์ .htaccess :

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

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
  RewriteRule (.+).(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>
<IfModule mod_headers.c>
  Header append Vary Accept env=REDIRECT_accept
</IfModule>

การนำ CSS สำคัญมาใช้แบบอินไลน์และโหลดแบบขี้เกียจ

对于首屏内容所必需的关键CSS，应内嵌在HTML的部分，以避免渲染阻塞。对于非关键CSS和屏幕外的图片，应采用懒加载技术，仅当用户滚动到附近时才加载它们。WordPress 5.5及以上版本已为核心图像和iframe内置了懒加载支持。

การปรับแต่งประสิทธิภาพของฐานข้อมูลและแบ็กเอนด์

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

การล้างข้อมูลที่ซ้ำซ้อนในฐานข้อมูลเป็นประจำ

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

hosting.com 共享主机

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

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

ปรับโครงสร้างตารางฐานข้อมูลให้เหมาะสม

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

ควบคุมงานหลังบ้านและ API Heartbeat

WordPress Heartbeat API (heartbeat) ใช้สำหรับการจัดการเซสชัน การบันทึกอัตโนมัติ และคำแนะนำในตัวแก้ไข แต่อาจทำให้เกิดคำขอ Ajax มากเกินไป เพิ่มภาระบนเซิร์ฟเวอร์ สำหรับเว็บไซต์เนื้อหาที่ไม่ต้องการการทำงานร่วมกันแบบเรียลไทม์ สามารถพิจารณาจำกัดหรือปิดใช้งานในหน้าที่ไม่ใช่การแก้ไขได้ สามารถเพิ่มโค้ดต่อไปนี้ในธีมของ functions.php ไฟล์:

add_action('init', 'wpdocs_disable_heartbeat_unless_editor', 1);
function wpdocs_disable_heartbeat_unless_editor() {
    global $pagenow;
    if ($pagenow != 'post.php' && $pagenow != 'post-new.php')
        wp_deregister_script('heartbeat');
}

ตัวชี้วัดหลักของเว็บและกลยุทธ์การเพิ่มประสิทธิภาพ SEO

การเพิ่มประสิทธิภาพส่งผลโดยตรงต่อคะแนน Core Web Vitals ของเครื่องมือค้นหาเช่น Google และส่งผลต่ออันดับ SEO

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

เพิ่มประสิทธิภาพตัวชี้วัด Largest Contentful Paint

Largest Contentful Paint (LCP) วัดเวลาที่ใช้ในการแสดงผลภาพหรือบล็อกข้อความที่ใหญ่ที่สุดในพื้นที่มองเห็น เพื่อเพิ่มประสิทธิภาพ LCP จำเป็นต้องมั่นใจว่าเวลาตอบสนองของเซิร์ฟเวรเร็ว และเพิ่มประสิทธิภาพทรัพยากรที่กล่าวถึงข้างต้น (เช่น การโหลดภาพที่ใหญ่ที่สุด) การใช้คำสั่ง preload เพื่อจัดลำดับความสำคัญในการโหลดองค์ประกอบ LCP เป็นสิ่งสำคัญ สามารถทำได้โดยเพิ่มแท็กลิงก์ในส่วนหัวของ HTML เพื่อโหลดทรัพยากรสำคัญล่วงหน้า:

<link rel="preload" href="path/to/your/lcp-image.jpg" as="image">

สำหรับ WordPress สามารถทำได้โดยการเชื่อมโยงกับ wp_head หรือใช้ปลั๊กอินเพื่อเพิ่มแท็กประเภทนี้

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

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

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

ปรับปรุงตัวชี้วัดความล่าช้าของการป้อนข้อมูลครั้งแรก

การวัดความล่าช้าของการป้อนข้อมูลครั้งแรก (FID) วัดเวลาตั้งแต่มือถือโต้ตอบกับหน้าเว็บครั้งแรกจนถึงเบราว์เซอร์สามารถตอบสนองต่อการโต้ตอบนั้นได้จริง การปรับปรุง FID อยู่ที่การลดเวลาการบล็อกเธรดหลัก โดยหลักคือการแยกงานที่ยาวออก, โหลด JavaScript ที่ไม่สำคัญแบบล่าช้า, และใช้ Web Worker ตรวจสอบให้แน่ใจว่าสคริปต์ของบุคคลที่สามที่ไม่สำคัญทั้งหมด (เช่น การวิเคราะห์, โฆษณา) โหลดแบบอะซิงโครนัสหรือล่าช้า

ลดคะแนนการเปลี่ยนแปลงเลย์เอาต์สะสม

การเลื่อนตำแหน่งเค้าโครงแบบสะสม (CLS) วัดการเลื่อนตำแหน่งเค้าโครงที่ไม่คาดคิดที่เกิดขึ้นตลอดวงจรชีวิตของหน้า การปรับปรุง CLS ต้องกำหนดแอตทริบิวต์ขนาด (ความกว้างและความสูง) สำหรับรูปภาพและวิดีโอ หลีกเลี่ยงการแทรกเนื้อหาแบบไดนามิกเหนือเนื้อหาที่มีอยู่ และใช้ CSS transform สำหรับการเคลื่อนไหวแทนคุณสมบัติที่ทำให้เกิดการเปลี่ยนแปลงเค้าโครง กำหนดขนาดสำหรับองค์ประกอบสื่อเสมอ เช่น: `

` โดยปกติ WordPress จะเพิ่มแอตทริบิวต์เหล่านี้โดยอัตโนมัติสำหรับรูปภาพที่อัปโหลด

สรุป

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

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

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

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

รูปแบบภาพใด (WebP, AVIF, JPEG) เหมาะสมที่สุดสำหรับ WordPress

ในปัจจุบัน รูปแบบ WebP ได้รับการยอมรับว่าให้ความสมดุลที่ดีที่สุดระหว่างการบีบอัดขนาดไฟล์และการรักษาคุณภาพ และมีรองรับเบราว์เซอร์ที่กว้างขวางที่สุด (ครอบคลุมผู้ใช้ทั่วโลกมากกว่า 95%) จึงเป็นรูปแบบรุ่นต่อไปที่ควรเลือกใช้สำหรับการปรับแต่ง WordPress ในปัจจุบัน AVIF มีอัตราการบีบอัดสูงกว่า แต่มีต้นทุนการคำนวณในการเข้ารหัส/ถอดรหัสสูงกว่า และการรองรับเบราว์เซอร์ยังคงเพิ่มขึ้น แนะนำให้ใช้ปลั๊กอินที่รองรับการแปลงอัตโนมัติ พร้อมทั้งจัดเตรียมรูปแบบเดิม (JPEG/PNG) เป็นทางเลือกสำรองสำหรับเบราว์เซอร์รุ่นเก่าที่ไม่รองรับ WebP ซึ่งสามารถทำได้ผ่าน .htaccess การดำเนินการตามกฎหรือปลั๊กอิน

ทำไมคะแนน PageSpeed Insights จึงไม่เปลี่ยนแปลงมากนักหลังการปรับปรุง?

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

การปรับปรุงฐานข้อมูลจะส่งผลต่อการทำงานปกติของเว็บไซต์หรือไม่?

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