WORDPRESS PERFORMANCE

Slow Website อย่ารีบลง Plugin เพิ่ม

เรียนรู้วิธีวิเคราะห์ WordPress ที่โหลดช้า ตั้งแต่รูปภาพ, Plugin, Elementor, Cache, JavaScript, Database ไปจนถึง Hosting และ Server โดยแยกหาคอขวดก่อนเริ่ม Optimize

Image Optimization LiteSpeed Cache Plugin / Hosting
WordPress Performance Check
NEEDS REVIEW
67
Performance
Images 72%
Cache 88%
Plugins 58%
!
Potential bottleneck detected วิเคราะห์รูปภาพ Plugin และ Server ก่อนเพิ่ม Optimization
START WITH THE SYMPTOM

เว็บไซต์ช้าตรงไหน?

เลือกอาการที่ใกล้เคียงที่สุด เพื่อดูแนวทางตรวจเบื้องต้นก่อนเริ่ม Optimize

FRONTEND

หน้าเว็บเปิดช้า

เริ่มจากดูว่าเป็นทุกหน้า หรือเฉพาะบางหน้า เพราะ Homepage ที่มี Hero, Gallery และ Script จำนวนมาก อาจช้ากว่าหน้า Content ธรรมดา

01
เปรียบเทียบหลายหน้า ตรวจว่าเป็นทั้งเว็บหรือเฉพาะบางหน้า
02
ตรวจรูปภาพ Banner และ Background ขนาดใหญ่มักเป็นจุดแรกที่ควรดู
03
ตรวจ Cache ตรวจว่า Cache ทำงานและไม่ได้ตั้งค่าชนกัน
04
ตรวจ Plugin / Server หากหลายหน้าช้าพร้อมกันให้ตรวจระบบต่อ
ELEMENTOR

Elementor Editor ทำงานช้า

หากหน้าเว็บจริงเร็ว แต่ Editor ช้า ให้แยกปัญหาฝั่ง Editor, Plugin Conflict และ Resource ของ Hosting

01
ทดสอบหน้า Elementor อื่น ดูว่าเป็นเฉพาะหน้าหนักหรือทุกหน้า
02
ตรวจ Add-on Add-on Elementor จำนวนมากอาจเพิ่มภาระ Editor
03
ตรวจ Browser ทดลอง Incognito และปิด Extension ที่ไม่จำเป็น
04
ตรวจ Hosting Resource หาก Editor หน่วงทั้งระบบควรตรวจ Resource ฝั่ง Server
MOBILE

มือถือโหลดช้ากว่า Desktop มาก

มือถือมีข้อจำกัดทั้ง Network และประสิทธิภาพของอุปกรณ์ จึงเห็นผลจากรูปใหญ่, Script และ Animation ชัดกว่า Desktop

01
ลดรูปขนาดใหญ่ อย่าโหลดภาพ Desktop ขนาดใหญ่มากเกินจำเป็นบนมือถือ
02
ลด Animation Motion Effect จำนวนมากทำให้เครื่องช้ารู้สึกหน่วง
03
ตรวจ Script ภายนอก Chat, Tracking และ Embed อาจเพิ่มเวลาการโหลด
04
ทดสอบด้วยมือถือจริง อย่าดูเฉพาะ Responsive Preview
PLUGIN

เว็บช้าหลังติดตั้งหรือ Update Plugin

Plugin บางตัวเพิ่ม Query, Script, API Request หรือกระบวนการเบื้องหลัง จึงควรตรวจตัวที่เปลี่ยนล่าสุดก่อน

01
ดู Plugin ล่าสุด จำว่าเริ่มช้าหลังติดตั้งหรือ Update อะไร
02
Backup ก่อนปิด Plugin สำคัญบนเว็บไซต์จริง
03
ทดสอบทีละตัว อย่าปิด Plugin ทั้งหมดพร้อมกันโดยไม่จำเป็น
04
วัดผลก่อนและหลัง ยืนยันว่า Plugin นั้นเป็นสาเหตุจริง
IMAGE

Banner หรือ Gallery โหลดช้า

รูปภาพเป็นหนึ่งในทรัพยากรที่มีขนาดใหญ่ได้ง่าย ควรตรวจ Dimension, File Size, Format และ Lazy Loading ให้เหมาะสม

01
Resize ก่อน Upload ไม่ควรใช้รูปใหญ่เกินขนาดที่แสดงจริง
02
Compress Image ลด File Size โดยรักษาคุณภาพให้เหมาะสม
03
ใช้ Format ที่เหมาะสม เช่น WebP เมื่อระบบและ Workflow รองรับ
04
Lazy Load รูปด้านล่าง ไม่ต้องโหลดทุกภาพพร้อมกันตั้งแต่เปิดหน้า
WP-ADMIN

หลังบ้าน WordPress ช้า

เมื่อ wp-admin ช้า ปัญหาอาจไม่ได้เกี่ยวกับ Cache หน้าเว็บ แต่เกี่ยวกับ Plugin, Cron, Database หรือ Hosting Resource

01
ดูว่าทุกเมนูช้าหรือไม่ บาง Plugin อาจช้าเฉพาะหน้าของตัวเอง
02
ตรวจ Plugin Plugin ที่รัน Background Task อาจทำให้ Dashboard ช้า
03
ตรวจ Database เว็บไซต์ที่สะสมข้อมูลจำนวนมากอาจต้องตรวจเพิ่ม
04
ตรวจ Server Resource CPU, Memory และ Resource Limit อาจเป็นคอขวด
FIND THE BOTTLENECK

เว็บช้าไม่ได้มีสาเหตุเดียว

ก่อนเพิ่ม Cache หรือ Plugin Optimization ให้แยกก่อนว่าคอขวดอยู่ที่ Content, WordPress, Frontend หรือ Server

IMG

Content

รูปภาพขนาดใหญ่, Video, Slider และ Background Media

JS

Frontend

JavaScript, CSS, Animation, Third-party Script

WP

WordPress

Plugin, Theme, Database และ Background Task

SRV

Hosting

CPU, Memory, PHP, Database และ Server Resource

PERFORMANCE WORKFLOW

แก้เว็บช้า ให้ไล่ตามลำดับนี้

เริ่มจากสิ่งที่พบง่ายและกระทบน้อย ก่อนเปลี่ยนค่าระบบหรือ Hosting

01
BASELINE

ทดสอบก่อนแก้

เปิดหน้าเว็บจริง จดว่าหน้าไหนช้า และทดลองทั้ง Desktop กับ Mobile เพื่อใช้เปรียบเทียบหลังแก้

02
IMAGE

ตรวจรูปภาพและ Media

ลดขนาดรูป, บีบอัดไฟล์ และใช้ Lazy Load สำหรับรูปที่ไม่ได้อยู่บนหน้าจอแรก

03
CACHE

ตรวจ Cache

ถ้าใช้ LiteSpeed Cache ให้ตั้งอย่างมีระบบ และหลีกเลี่ยง Plugin Cache หลายตัวทำงานซ้อนกันโดยไม่จำเป็น

04
PLUGIN

ตรวจ Plugin

Plugin เยอะไม่ได้แปลว่าช้าเสมอไป แต่ Plugin ที่ทำงานหนัก หรือโหลด Script จำนวนมาก อาจเป็นสาเหตุได้

05
SERVER

ตรวจ Hosting และ PHP

หากทั้ง Frontend และ wp-admin ช้าพร้อมกัน ให้ตรวจ Server Resource, PHP และ Database ต่อ

06
VERIFY

ทดสอบหลังแก้อีกครั้ง

เปรียบเทียบหน้าเดิม, Device เดิม และ Network ใกล้เคียงเดิม เพื่อดูว่าการแก้ช่วยจริงหรือไม่

IMAGE OPTIMIZATION

เริ่มจากรูปภาพก่อนติดตั้ง Plugin เพิ่ม

เว็บไซต์ที่ใช้ Banner, Gallery หรือภาพที่พักจำนวนมาก สามารถช้าจากไฟล์ภาพได้ง่าย โดยเฉพาะเมื่อ Upload รูปต้นฉบับขนาดใหญ่มาก

Resize ให้ใกล้ขนาดใช้งานจริง
Compress ก่อนหรือหลัง Upload
ใช้ Format ที่เหมาะสม
ใส่ loading="lazy" สำหรับรูปด้านล่าง
Hero หลักไม่ควร Lazy Load แบบสุ่ม
Image Optimization Example DEMO
hero-original.jpg รูปต้นฉบับขนาดใหญ่มาก
4.8 MB
hero-optimized.jpg Resize และ Compress แล้ว
620 KB
hero-optimized.webp Format สำหรับใช้งานหน้าเว็บ
310 KB
Gallery Images รูปด้านล่างของหน้า
Lazy
OPTIMIZATION AREAS

จุดสำคัญที่ควรตรวจต่อ

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

CCH

Cache

Cache ช่วยลดการประมวลผลซ้ำ แต่การตั้งค่าซ้อนหลายชั้น อาจทำให้แก้หน้าแล้วไม่อัปเดต หรือเกิดปัญหากับ Script ได้

ใช้ Cache อย่างมีระบบ →
PLG

Plugins

ตรวจ Plugin ที่โหลด Script, ทำ Query จำนวนมาก หรือมี Background Process โดยเฉพาะ Plugin ที่เพิ่มล่าสุด

วัดผลก่อนลบ Plugin →
SRV

Hosting / Server

หากเว็บและ wp-admin ช้าทั้งระบบ อาจต้องตรวจ CPU, Memory, PHP, Database และ Resource Limit

แก้ Frontend แล้วค่อยดู Server →
!

อย่าเปิด Minify / Combine / Delay ทุกอย่างพร้อมกัน

การ Optimize CSS และ JavaScript บางอย่างอาจช่วยเรื่องความเร็ว แต่ก็สามารถทำให้ Menu, Slider, Form, Elementor หรือ Script ภายนอกทำงานผิดปกติได้ ควรเปิดทีละกลุ่ม ทดสอบหน้าเว็บจริง และมี Backup ก่อนเปลี่ยนค่าหลายรายการ

PERFORMANCE CHECKLIST

เช็กก่อนบอกว่าเว็บเร็วขึ้นแล้ว

ติ๊กสิ่งที่ตรวจแล้ว ระบบจะคำนวณ Progress และจำสถานะไว้ใน Browser

PERFORMANCE PROGRESS
0%

อย่าวัดผลจากความรู้สึกอย่างเดียว ควรตรวจทั้งหน้าเว็บจริง, Mobile และ Workflow สำคัญหลัง Optimize

ทดสอบเว็บก่อน Optimize แล้ว มีค่าหรืออาการก่อนแก้สำหรับเปรียบเทียบ
ตรวจรูปภาพแล้ว ไม่มีรูปขนาดใหญ่เกินจำเป็นในหน้าสำคัญ
ตรวจ Lazy Load แล้ว รูปด้านล่างโหลดตามความเหมาะสม
ตรวจ Cache แล้ว ไม่มี Plugin Cache หลายระบบชนกันโดยไม่จำเป็น
ตรวจ Plugin แล้ว Plugin ที่ไม่จำเป็นหรือสงสัยถูกตรวจสอบแล้ว
Desktop เร็วขึ้น หน้าเว็บสำคัญเปิดได้ดีขึ้น
Mobile ถูกทดสอบแล้ว ทดสอบจากมือถือจริงหรือสภาพแวดล้อมใกล้เคียง
ฟังก์ชันสำคัญยังทำงาน Menu, Form, Slider, Button และ Script ถูกตรวจแล้ว
FAQ

คำถามเวลาเว็บไซต์ WordPress ช้า

ไม่ควรเริ่มจากการติดตั้ง Plugin เพิ่มทันทีครับ เพราะสาเหตุอาจมาจากรูปภาพ, Plugin, Script, Database หรือ Hosting ควรหาคอขวดก่อนแล้วจึงเลือกเครื่องมือที่เหมาะสม
ไม่ได้ขึ้นอยู่กับจำนวนเพียงอย่างเดียวครับ Plugin บางตัวเบามาก ขณะที่ Plugin บางตัวโหลด Script, Query หรือ Background Process จำนวนมาก จึงควรดูว่าตัวใดใช้ Resource จริง
ไม่จำเป็นต้อง Lazy Load ทุกภาพครับ โดยทั่วไป Lazy Load เหมาะกับรูปที่อยู่ด้านล่างของหน้า ส่วนภาพสำคัญที่ผู้ใช้ควรเห็นทันทีเมื่อเปิดหน้า ควรพิจารณาให้เหมาะกับตำแหน่งและการโหลดของหน้านั้น
ไม่ควรเปิดทุกอย่างพร้อมกันครับ ควรปรับทีละกลุ่ม แล้วทดสอบ Menu, Elementor, Form, Slider และ JavaScript เพราะบาง Optimization อาจกระทบการทำงานของหน้าเว็บ
อาจไม่ใช่ Cache หน้าเว็บครับ หลังบ้านช้าอาจเกี่ยวข้องกับ Plugin, Background Task, Database หรือ Hosting Resource จึงควรตรวจแยกจากความเร็ว Frontend
Hosting ที่เหมาะสมมีผลต่อประสิทธิภาพ แต่หากหน้าเว็บมีรูปขนาดใหญ่, Script จำนวนมาก หรือ Plugin ทำงานหนัก การย้าย Hosting เพียงอย่างเดียว อาจไม่ได้แก้ต้นเหตุทั้งหมด
TROUBLESHOOTING HUB

เว็บเร็วขึ้นแล้ว แต่ยังมีปัญหาอื่น?

กลับไปยังศูนย์แก้ปัญหา WordPress เพื่อเลือก Elementor, Email ไม่ส่ง, Plugin Error, SSL / HTTPS, Cache หรือ WordPress เข้าไม่ได้

กลับหน้าศูนย์แก้ปัญหา →
Scroll to Top