ขั้นตอนที่ 1: วัดผลก่อนเพิ่มประสิทธิภาพ
นำเว็บไซต์ของคุณผ่าน PageSpeed Insights (pagespeed.web.dev) และจดสี่ตัวเลข: LCP (Largest Contentful Paint, เวลาจนกว่าเนื้อหาหลักจะปรากฏ), INP (Interaction to Next Paint, การตอบสนอง), CLS (Cumulative Layout Shift, ความเสถียรเชิงภาพ) และน้ำหนักรวมของหน้า เกณฑ์ Core Web Vitals ของ Google: LCP ต่ำกว่า 2.5 วินาที, INP ต่ำกว่า 200 ms, CLS ต่ำกว่า 0.1 พวกมันส่งผลต่ออันดับของคุณโดยตรงตั้งแต่ปี 2021 ต่ำกว่าเกณฑ์เหล่านั้นถือว่า «ดี»; ระหว่างเกณฑ์และ 4 วินาที/500 ms/0.25 ถือว่า «ต้องปรับปรุง»; แย่กว่านั้นถือว่า «ไม่ดี» จุดประสงค์ทั้งหมดของการเพิ่มประสิทธิภาพความเร็ว WordPress คือการขยับสามตัวเลขนี้ไปยังโซนสีเขียว อย่าไว้ใจคะแนน GTmetrix หรือการให้คะแนนรวมอื่นๆ: พวกมันไม่สอดคล้องกับสัญญาณที่แท้จริงของ Google
ขั้นตอนที่ 2: ตรวจสอบว่าโฮสติ้งของคุณไม่ใช่คอขวด
ตรวจสอบ TTFB (Time To First Byte) จากภูมิภาคของกลุ่มเป้าหมายของคุณด้วย WebPageTest หาก TTFB เกิน 1 วินาที โฮสติ้งของคุณคือคอขวด: ไม่มีการเพิ่มประสิทธิภาพ front-end ใดที่จะแก้ไขได้ ตัวการทั่วไป: โฮสติ้ง shared ราคาถูกที่มีเซิร์ฟเวอร์ทำงานหนักเกินไป โฮสติ้งในทวีปที่ต่างจากกลุ่มเป้าหมายของคุณ การไม่มี opcache ของ PHP (PHP 7+ เวอร์ชันใดก็ตามควรเปิดใช้งานโดยค่าเริ่มต้น) วิธีแก้ที่ถูกที่สุดคือการเปลี่ยนไปยังโฮสติ้งที่เร็วกว่าในระดับแผนเดียวกัน สำหรับน้อยกว่า 50,000 วิว/เดือน Hostinger Business พร้อม LiteSpeed Cache ให้ TTFB ต่ำกว่า 400 ms สำหรับปริมาณการเข้าชมที่มากกว่า Kinsta หรือ WP Engine ในระดับพรีเมียมของ Google Cloud ให้ TTFB ต่ำกว่า 300 ms อย่างสม่ำเสมอ การเปลี่ยนโฮสติ้งใช้ความพยายามมากกว่าการติดตั้งปลั๊กอิน แต่การปรับปรุงมักจะมาก
ขั้นตอนที่ 3: การแคชหน้าเป็นการเพิ่มประสิทธิภาพเดี่ยวที่ใหญ่ที่สุด
โดยค่าเริ่มต้น WordPress สร้างทุกหน้าจาก PHP + MySQL ในทุกคำขอ การแคชหน้าจัดเก็บ HTML ที่สร้างขึ้นและให้บริการแก่ผู้เยี่ยมชมรายถัดไปโดยตรง: โดยปกติเร็วกว่า 10-20 เท่า บนโฮสติ้งที่ใช้ LiteSpeed (Hostinger, Bluehost ส่วนใหญ่, A2 Turbo, NameHero) ให้ติดตั้ง LiteSpeed Cache (ฟรี): มันรวมเข้ากับการแคชระดับเซิร์ฟเวอร์ บนโฮสติ้ง Apache/Nginx ให้ติดตั้ง WP Rocket (59 $/ปี): เป็นปลั๊กอินการแคชคุณภาพสูงสุดและคุ้มค่ากับราคา ทางเลือกฟรี (W3 Total Cache, WP Super Cache) ใช้งานได้แต่ต้องการการตั้งค่ามากกว่า หลังจากเปิดใช้งานการแคชหน้า ให้ทดสอบอีกครั้งใน PageSpeed Insights: คุณควรเห็น TTFB ลดลงอย่างมาก
ขั้นตอนที่ 4: การเพิ่มประสิทธิภาพรูปภาพมาเป็นอันดับสอง
รูปภาพมักเป็น 60-80% ของน้ำหนักหน้า WordPress มีสองชัยชนะที่ควรคว้า: (1) การบีบอัด: รูปภาพแต่ละรูปควรถูกบีบอัดก่อนอัปโหลด ใช้เครื่องมือบีบอัดรูปภาพของเราหรือติดตั้ง ShortPixel/Smush เพื่อบีบอัดอัตโนมัติเมื่ออัปโหลด เป้าหมาย: รูปภาพ hero ต่ำกว่า 200 KB, รูปภาพเนื้อหาต่ำกว่า 100 KB (2) รูปแบบสมัยใหม่: ให้บริการ WebP (หรือ AVIF) แทน JPG/PNG WebP เล็กกว่า 25-35% ที่คุณภาพเดียวกัน ShortPixel และ Smush Pro แปลงอัตโนมัติ; หรืออีกทางหนึ่ง การเพิ่มประสิทธิภาพรูปภาพของ Cloudflare เขียนรูปภาพใหม่แบบทันที (3) การโหลดแบบ lazy: รูปภาพที่อยู่ใต้แนวพับควรโหลดเมื่อเลื่อนไปถึงเท่านั้น WordPress 5.5+ เพิ่ม loading='lazy' โดยอัตโนมัติ; ตรวจสอบว่ามันทำงานโดยการดูซอร์สโค้ด (4) แอตทริบิวต์ความกว้าง: ตั้งค่า width/height ที่ชัดเจนบนรูปภาพเสมอเพื่อหลีกเลี่ยง CLS
ขั้นตอนที่ 5: การย่อ CSS/JS และการตรวจสอบ bundle
ปลั๊กอินการแคชส่วนใหญ่ (WP Rocket, LiteSpeed Cache) รวมการย่อ CSS/JS: เปิดใช้งานมัน ชัยชนะที่ใหญ่ที่สุดคือการเลื่อนหรือลบสคริปต์ที่ไม่ได้ใช้ เรียกใช้ Chrome DevTools → แท็บ Coverage บนหน้าแรกของคุณ; มันแสดงไบต์ของ CSS และ JS ที่ใช้จริง ผลลัพธ์ทั่วไป: 50-80% ของ CSS ไม่ได้ใช้, 30-60% ของ JS ไม่ได้ใช้ วิธีแก้: (a) ใช้ธีมที่เบากว่า (GeneratePress หรือ Kadence ส่ง CSS น้อยกว่า 30 KB), (b) ปิดใช้งานปลั๊กอินที่ไม่ได้ใช้ (มักเป็นต้นกำเนิดของสคริปต์ที่ไม่ได้ใช้), (c) ใช้ปลั๊กอินอย่าง Asset CleanUp เพื่อปิดใช้งานสคริปต์บนหน้าที่ไม่ต้องการ (เช่น Contact Form 7 โหลดทุกที่โดยค่าเริ่มต้นแม้ว่าคุณจะใช้เฉพาะใน /contact)
ขั้นตอนที่ 6: การตรวจสอบปลั๊กอิน: ค้นหาตัวที่ช้า
ปลั๊กอิน WordPress ที่ใช้งานอยู่ทุกตัวทำงานในทุกการโหลดหน้า อาจเพิ่ม query, JavaScript และ CSS เว็บไซต์ที่ช้าส่วนใหญ่มีปลั๊กอินที่ใช้งานอยู่มากกว่า 30-50 ตัว ครึ่งหนึ่งไม่ได้ใช้แล้ว ใช้ Query Monitor (ฟรี) เพื่อดูว่าปลั๊กอินใดทำ query ฐานข้อมูลมากที่สุด ใช้ระดับฟรีของ New Relic หรือ APM ของ Kinsta เพื่อดูว่าฟังก์ชันปลั๊กอินใดใช้เวลานานที่สุด ผู้กระทำผิดหลักในอดีต: Jetpack (ทำหลายอย่าง ทั้งหมดในทุกคำขอ), ปลั๊กอินสำรองข้อมูลที่บวมทำงานระหว่างปริมาณการเข้าชมสูงสุด, ปลั๊กอินแชร์โซเชียลที่โหลด CSS/JS ของมันแม้บนหน้าที่ไม่มีปุ่มแชร์, ปลั๊กอินความปลอดภัยที่ทำการสแกนไฟล์แบบเรียลไทม์ ปิดใช้งานปลั๊กอินหนึ่งตัว ทดสอบประสิทธิภาพอีกครั้ง และตัดสินใจว่าฟังก์ชันคุ้มค่ากับต้นทุนหรือไม่
ขั้นตอนที่ 7: การเพิ่มประสิทธิภาพฐานข้อมูล
WordPress สะสมขยะในฐานข้อมูลเมื่อเวลาผ่านไป: การแก้ไขโพสต์ transients ที่หมดอายุ ความคิดเห็นสแปม เมตาดาทาที่ไม่มีเจ้าของ ติดตั้ง WP-Optimize (ฟรี) และเรียกใช้การล้างฐานข้อมูลครั้งหนึ่ง การบำรุงรักษารายเดือนที่สมเหตุสมผล: ลบการแก้ไขที่เก่ากว่า 60 วัน (เก็บรายการล่าสุดไว้เพื่อความปลอดภัย) transients ที่หมดอายุ คิวสแปม สำหรับเว็บไซต์ที่มีปริมาณการเข้าชมสูง ชัยชนะด้านฐานข้อมูลที่ใหญ่ที่สุดคือการแคชออบเจกต์: Redis หรือ Memcached จัดเก็บผลลัพธ์ query MySQL ที่มีค่าใช้จ่ายสูงไว้ในหน่วยความจำ หลีกเลี่ยงงานที่ทำซ้ำ โฮสติ้ง WordPress แบบ managed ส่วนใหญ่รวม Redis ไว้ในระดับที่สูงกว่า; บนโฮสติ้ง shared พื้นฐาน สิ่งนี้ไม่มีให้ใช้
ขั้นตอนที่ 8: CDN สำหรับกลุ่มเป้าหมายทั่วโลก
CDN (เครือข่ายการกระจายเนื้อหา) แคชทรัพยากรสแตติกของคุณ (รูปภาพ, CSS, JS) ในตำแหน่ง edge ใกล้กับผู้เยี่ยมชมของคุณ สำหรับกลุ่มเป้าหมายเฉพาะในสหรัฐฯ ที่โฮสต์ในสหรัฐฯ CDN ให้การปรับปรุงเล็กน้อย สำหรับกลุ่มเป้าหมายทั่วโลก CDN เป็นสิ่งจำเป็น: ลด latency ของทรัพยากรจาก 200-500 ms เหลือ 20-50 ms ระดับฟรีของ Cloudflare ครอบคลุมความต้องการส่วนใหญ่; BunnyCDN ที่ 0.01-0.05 $/GB เป็นการอัปเกรดแบบเสียเงินที่มีประสิทธิภาพยอดเยี่ยม สำหรับรูปภาพโดยเฉพาะ Cloudflare Images หรือ Bunny Image Optimizer สามารถปรับขนาดและแปลงรูปแบบแบบทันทีได้
ขั้นตอนที่ 9: วัดผลอีกครั้งและทำซ้ำ
หลังจากการเปลี่ยนแปลงสำคัญแต่ละครั้ง ให้เรียกใช้ PageSpeed Insights อีกครั้ง เป้าหมายคือความก้าวหน้าทีละน้อย: เว็บไซต์ส่วนใหญ่ไม่ได้ไปจาก «ไม่ดี» เป็น «ดี» ด้วยการเปลี่ยนแปลงเพียงครั้งเดียว หลังจากการเพิ่มประสิทธิภาพเต็มรูปแบบ ผลลัพธ์ทั่วไป: ร้าน WooCommerce บนโฮสติ้ง shared ไปจาก LCP 4-6 วินาที เป็น LCP 1.5-2.5 วินาที บล็อกเนื้อหาบนโฮสติ้งแบบ managed ไปจาก LCP 2-3 วินาที เป็น LCP 0.8-1.5 วินาที หากคุณยังคงอยู่เหนือ LCP 3 วินาทีหลังจากทุกอย่างข้างต้น คอขวดน่าจะเป็นธีมของคุณ: เปลี่ยนไปยังธีมที่เบากว่า (GeneratePress, Kadence หรือ Astra) ก่อนที่จะเพิ่มประสิทธิภาพต่อไป