10 ธีม WordPress ที่เร็วที่สุดในปี 2023 (ฟรีและจ่ายเงิน)
เผยแพร่แล้ว: 2023-03-06คุณกำลังมองหาธีม WordPress ที่รวดเร็วเพื่อเริ่มโครงการต่อไปหรือไม่? เราได้ดำเนินการอย่างหนักเพื่อคุณและทดสอบความเร็วกับธีม WordPress ที่ใช้มากที่สุด ในคู่มือนี้ เราจะแชร์ประสิทธิภาพของธีมที่มีน้ำหนักเบาและปรับแต่งได้มากขึ้น เช่น Divi หรือ Avada นอกจากนี้ เรายังแสดงวิธีเพิ่มประสิทธิภาพธีมของคุณและทำให้เว็บไซต์ของคุณเร็วขึ้น ซึ่งจะช่วยให้คุณเลือกเครื่องมือที่เหมาะสมสำหรับโครงการพัฒนาครั้งต่อไปของคุณ
สำหรับการวิเคราะห์ของเรา เราได้เลือกธีมที่ได้รับความนิยมสูงสุดในตลาด (ฟรีและมีค่าใช้จ่าย) และนี่คือรายการสั้น ๆ ของเราด้านล่าง:
5 ธีมน้ำหนักเบา
- สวัสดี
- แอสตร้า
- โอเชี่ยนดับเบิลยูพี
- สร้างข่าว
- คาเดนซ์
5 ธีมที่มาพร้อมกับตัวสร้างเพจ
- Avada (ตัวสร้างฟิวชั่น)
- Divi (ตัวสร้าง Divi)
- BeTheme (บีบิวเดอร์)
- The 7 (ตัวสร้างหน้า Elementor)
- Salient (เครื่องมือสร้างเพจ WPBakery)
เรามาทบทวนและดูผลลัพธ์ประสิทธิภาพสำหรับแต่ละธีมกัน:
10 ธีม WordPress ที่เร็วที่สุด + ข้อมูลทดสอบ
1. สวัสดี
ธีมฟรีวานิลลาธรรมดาที่พัฒนาโดย Elementor และปรับแต่งให้เหมาะกับเครื่องมือสร้างเพจของพวกเขา ใช้ทรัพยากรหน่วยความจำเพียง 6kb ด้วยเหตุนี้ ตัวเลือกการปรับแต่งจึงถูกจำกัดหากคุณใช้ธีมเพียงอย่างเดียว

ผลลัพธ์ของธีม Hello:
- คะแนน PageSpeed บนมือถือ: 90/100
- สีเนื้อหาแรก: 3.1 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 1.8 วินาที
- การเปลี่ยนแปลงเค้าโครงสะสม: 2.9 วินาที
- ดัชนีความเร็ว: 1.4 วินาที
- เวลาในการโต้ตอบ: 1.4 วินาที
- เวลาบล็อกทั้งหมด: 0 ms
- เวลาในการโหลดทั้งหมด: 2.2 วินาที
- ขนาดหน้าทั้งหมด: 990 KB
- คำขอ HTTP: 13
2. แอสตร้า
Astra เป็นหนึ่งในธีม WordPress ฟรีที่ได้รับความนิยมมากที่สุด เนื่องจากมีโค้ดที่ใช้งานง่าย ฟีเจอร์ที่ใช้งานง่าย และเทมเพลตที่พร้อมใช้งานหลายพันรายการ

ผลลัพธ์ประสิทธิภาพสำหรับธีม Astra:
- คะแนน PageSpeed บนมือถือ: 91/100
- ระบายสีเนื้อหาแรก: 2.1 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 1.9 วินาที
- กะเค้าโครงสะสม: 2.8 วินาที
- ดัชนีความเร็ว: 1.3 วินาที
- เวลาในการโต้ตอบ: 1.4 วินาที
- เวลาบล็อกทั้งหมด: 0 ms
- เวลาในการโหลดทั้งหมด: 2.1 วินาที
- ขนาดหน้าทั้งหมด: 890 KB
- คำขอ HTTP: 12
3. โอเชี่ยนดับเบิลยูพี
น้ำหนักเบาและขยายได้สูง ช่วยให้คุณสร้างเว็บไซต์ได้เกือบทุกประเภท เป็นธีมที่ตอบสนองได้อย่างสมบูรณ์ซึ่งดูดีบนมือถือและมีเครื่องมือแปลภาษาเป็นของตัวเอง มีเทมเพลตมากมายที่สร้างด้วย Gutenberg (เครื่องมือแก้ไข WordPress) และเครื่องมือสร้างยอดนิยมอย่าง Elementor หรือ Beaver Builder

ผลลัพธ์ประสิทธิภาพสำหรับธีม OceanWP:
- คะแนน PageSpeed บนมือถือ: 88/100
- สีเนื้อหาแรก: 1.1 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 2.9 วินาที
- กะเลย์เอาต์สะสม: 1.8 วินาที
- ดัชนีความเร็ว: 2.3 วินาที
- เวลาในการโต้ตอบ: 1.4 วินาที
- เวลาบล็อกทั้งหมด: 0 ms
- เวลาในการโหลดทั้งหมด: 3.2 วินาที
- ขนาดหน้าทั้งหมด: 996 KB
- คำขอ HTTP: 13
4. สร้างข่าว
GeneratePress เป็นธีมน้ำหนักเบาที่สร้างขึ้นโดยเน้นที่การใช้งานและความเร็ว (การติดตั้ง GeneratePress ใหม่จะเพิ่มขนาดหน้าของคุณน้อยกว่า 10kb) ธีมใช้ประโยชน์จากเครื่องมือแก้ไขบล็อก (Gutenberg) อย่างเต็มที่ ซึ่งช่วยให้คุณควบคุมการสร้างเนื้อหาได้มากขึ้น

ผลลัพธ์ประสิทธิภาพสำหรับธีม GeneratePress:
- คะแนน PageSpeed บนมือถือ: 86/100
- ระบายสีเนื้อหาแรก: 3.3 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 1.7 วินาที
- กะเค้าโครงสะสม: 2.8 วินาที
- ดัชนีความเร็ว: 1.3 วินาที
- เวลาในการโต้ตอบ: 2.5 วินาที
- เวลาบล็อกทั้งหมด: 0 ms
- เวลาในการโหลดทั้งหมด: 3.1 วินาที
- ขนาดหน้าทั้งหมด: 890 KB
- คำขอ HTTP: 12
5. คาเดนซ์
Kadence Theme เป็นธีม WordPress ที่มีน้ำหนักเบาแต่เต็มไปด้วยฟีเจอร์สำหรับเว็บไซต์ที่โหลดเร็วและสวยงาม นักพัฒนาทำให้การสาธิตสามารถเข้าถึงได้และสร้างตัวสร้างส่วนหัวและส่วนท้ายแบบลากแล้วปล่อยเพื่อสร้างส่วนหัวประเภทใดก็ได้ในไม่กี่นาที ไลบรารีเทมเพลตอเนกประสงค์มีการออกแบบที่แตกต่างกันซึ่งสามารถรองรับโครงการได้หลายร้อยโครงการ

ผลลัพธ์ประสิทธิภาพสำหรับธีม Kadence:
- คะแนน PageSpeed บนมือถือ: 89/100
- สีเนื้อหาแรก: 3.1 วินาที
- สีเนื้อหาที่ใหญ่ที่สุด: 1.9 วินาที
- การเปลี่ยนแปลงเค้าโครงสะสม: 2.9 วินาที
- ดัชนีความเร็ว: 1.3 วินาที
- เวลาในการโต้ตอบ: 1.7 วินาที
- เวลาบล็อกทั้งหมด: 0.3 ms
- เวลาในการโหลดทั้งหมด: 2.8 วินาที
- ขนาดหน้าทั้งหมด : 898 KB
- คำขอ HTTP: 10
️ สำคัญ: ธีมถัดไปจะมาพร้อมกับตัวสร้างเพจ (หรือมาพร้อมกับ Elementor หรือ WP Bakery) นั่นเป็นเหตุผลที่พวกเขาอยู่ในส่วนที่แยกจากกัน และผลลัพธ์มาจากไซต์ทดสอบใหม่ที่มีองค์ประกอบคล้ายคลึงกันในเครื่องมือสร้างเพจ |
6. Avada (+ ตัวสร้างฟิวชั่น)
ธีมขายดีอันดับ 1 ใน Envato เป็นเวลาหลายปี มีเทมเพลตที่ปรับแต่งได้ง่ายหลายพันรายการในไลบรารี เป็นเครื่องมือสร้างเว็บไซต์ที่ให้คุณสร้างเว็บไซต์ตั้งแต่ส่วนหัวไปจนถึงส่วนท้าย ต้องขอบคุณ Fusion Builder ที่ทรงพลัง Avada ได้รับการดูแลภายใน 100% โดยทีมเดียวกันและไม่ต้องพึ่งพาเครื่องมือของบุคคลที่สาม

ผลลัพธ์ประสิทธิภาพสำหรับธีม Avada:
- คะแนน PageSpeed บนมือถือ: 87/100
- สีเนื้อหาแรก: 3.1 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 1.5 วินาที
- กะเลย์เอาต์สะสม: 1.7 วินาที
- ดัชนีความเร็ว: 1.5 วินาที
- เวลาในการโต้ตอบ: 2.4 วินาที
- เวลาบล็อกทั้งหมด: 0 ms
- เวลาในการโหลดทั้งหมด: 2.4 วินาที
- ขนาดหน้าทั้งหมด: 998 KB
- คำขอ HTTP: 12
7. Divi (+ ตัวสร้าง Divi)
Divi เป็นธีมที่ทรงพลังด้วยเครื่องมือสร้างหน้าภาพ Elegant Themes เป็นหนึ่งในบริษัทแรกๆ ที่นำ WYSIWYG มาสู่ WordPress คุณสามารถสร้างทุกอย่างด้วยภาพโดยใช้เฟรมเวิร์ก Divi โดยไม่ต้องแตะโค้ดแม้แต่บรรทัดเดียว (และไม่ต้องติดตั้งและกำหนดค่าปลั๊กอินใดๆ เพื่อนำคุณสมบัติเพิ่มเติมมาใช้)

ผลลัพธ์ประสิทธิภาพสำหรับธีม Divi:
- คะแนน PageSpeed บนมือถือ: 84/100
- สีเนื้อหาแรก: 4.1 วินาที
- สีเนื้อหาที่ใหญ่ที่สุด: 1.1 วินาที
- กะเลย์เอาต์สะสม: 1.8 วินาที
- ดัชนีความเร็ว: 1.4 วินาที
- เวลาในการโต้ตอบ: 1.1 วินาที
- เวลาบล็อกทั้งหมด: 0.1 ms
- เวลาในการโหลดทั้งหมด: 3.1 วินาที
- ขนาดหน้าทั้งหมด: 1.2 MB
- คำขอ HTTP: 14
8. BeTheme (+ บีบิวเดอร์)
BeTheme เป็นผู้สร้างเว็บไซต์อเนกประสงค์และธีม WordPress ที่ขายดีที่สุดพร้อมเว็บไซต์ที่สร้างไว้ล่วงหน้ากว่า 650+ แห่ง (พร้อมการออกแบบที่ทันสมัยและได้รับความนิยม) BeBuilder ของพวกเขายังเข้ากันได้กับ WooCommerce และพวกเขาเพิ่งเปิดตัวเครื่องมือสร้างแบบสอบถามเพื่อสร้างเว็บไซต์แบบไดนามิก

ผลลัพธ์ประสิทธิภาพสำหรับธีม BeTheme:
- คะแนน PageSpeed บนมือถือ: 80/100
- สีเนื้อหาแรก: 4.1 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 2.9 วินาที
- การเปลี่ยนแปลงเค้าโครงสะสม: 3.8 วินาที
- ดัชนีความเร็ว: 1.9 วินาที
- เวลาในการโต้ตอบ: 1.4 วินาที
- เวลาบล็อกทั้งหมด: 0.2 ms
- เวลาในการโหลดทั้งหมด: 4.1 วินาที
- ขนาดหน้าทั้งหมด: 1.4 MB
- คำขอ HTTP: 15
9. The7 (+ องค์ประกอบ)
เป็นธีม Elementor ที่มียอดขายอันดับ 1 ซึ่งมีการปรับแต่งมากมายจากแดชบอร์ดของ WordPress The7 มีเว็บไซต์จำลองที่สร้างไว้ล่วงหน้ากว่า 60+ เว็บไซต์พร้อมเทมเพลตพิเศษสำหรับ Elementor, WPBakery Page Builder & Slider Revolution

ผลการดำเนินงานสำหรับธีม The7:
- คะแนน PageSpeed บนมือถือ: 81/100
- ระบายสีเนื้อหาแรก: 2.4 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 1.8 วินาที
- การเปลี่ยนแปลงเค้าโครงสะสม: 2.9 วินาที
- ดัชนีความเร็ว: 1.1 วินาที
- เวลาในการโต้ตอบ: 1.2 วินาที
- เวลาบล็อกทั้งหมด: 0 ms
- เวลาในการโหลดทั้งหมด: 3.8 วินาที
- ขนาดหน้าทั้งหมด: 1.1 MB
- คำขอ HTTP: 16
10. Salient (+ เวอร์ชันปรับแต่งของ WPBakery Page Builder)
Salient ให้การเข้าถึงคลังเทมเพลตระดับมืออาชีพที่มีมากกว่า 400 แบบให้เลือก พวกเขาใช้ตัวสร้างเพจ WP Bakery Bakery เป็นฐานและเพิ่มคุณสมบัติพิเศษบางอย่างเข้าไป สุดท้ายนี้ Salient มีคะแนนเฉลี่ย 4.8 จาก 5 จากคะแนน 5700 ใน Themeforest

ผลลัพธ์ประสิทธิภาพสำหรับธีมเด่น:
- คะแนน PageSpeed บนมือถือ: 82/100
- ระบายสีเนื้อหาแรก: 2.5 วินาที
- ระบายสีเนื้อหาที่ใหญ่ที่สุด: 1.7 วินาที
- กะเลย์เอาต์สะสม: 1.8 วินาที
- ดัชนีความเร็ว: 1.9 วินาที
- เวลาในการโต้ตอบ: 1.2 วินาที
- เวลาบล็อกทั้งหมด: 0.35 ms
- เวลาในการโหลดทั้งหมด: 3.8 วินาที
- ขนาดหน้าทั้งหมด: 987 KB
- คำขอ HTTP: 13
ตารางผลการทดสอบ
ด้านล่างนี้คุณจะพบบทสรุปของผลการปฏิบัติงานสำหรับแต่ละธีม เราใช้ KPI “คะแนน PageSpeed บนอุปกรณ์เคลื่อนที่” เพื่อจัดอันดับ แต่เมตริกการโหลดหน้าเว็บทั้งหมดก็มีความสำคัญเช่นกัน ดังนั้นอย่าลืมดูแถวนั้น
ธีมน้ำหนักเบา
ตัวชี้วัด | #1 แอสตร้า | # 2 สวัสดี | #3 คาเดนซ์ | #4 โอเชี่ยนดับเบิลยูพี | # 5 สร้างสื่อ |
คะแนน PageSpeed บนมือถือ | 91/100 | 90/100 | 89/100 | 88/100 | 86/100 |
ระบายสีเนื้อหาแรก | 2.1 วินาที | 3.1 วินาที | 3.1 วินาที | 1.1 วินาที | 3.3 วินาที |
สีเนื้อหาที่ใหญ่ที่สุด | 1.9 วินาที | 1.8 วินาที | 1.9 วินาที | 2.9 วินาที | 1.7 วินาที |
กะเค้าโครงสะสม | 2.8 วินาที | 2.9 วินาที | 2.9 วินาที | 1.8 วินาที | 2.8 วินาที |
ดัชนีความเร็ว | 1.3 วินาที | 1.4 วินาที | 1.3 วินาที | 2.3 วินาที | 1.3 วินาที |
เวลาในการโต้ตอบ | 1.4 วินาที | 1.4 วินาที | 1.7 วินาที | 1.4 วินาที | 2.5 วินาที |
เวลาบล็อกทั้งหมด | 0 น | 0 น | 0.3 มิลลิวินาที | 0.2 มิลลิวินาที | 0 น |
เวลาในการโหลดทั้งหมด | 2.1 วินาที | 2.2 วินาที | 2.8 วินาที | 3.2 วินาที | 3.1 วินาที |
ขนาดหน้าทั้งหมด | 890 กิโลไบต์ | 990 กิโลไบต์ | 898 กิโลไบต์ | 996 กิโลไบต์ | 890 กิโลไบต์ |
คำขอ HTTP | 12 | 13 | 10 | 13 | 12 |
ธีมที่มาพร้อมกับตัวสร้างเพจ
ในทำนองเดียวกัน การจัดอันดับจะขึ้นอยู่กับคะแนน PageSpeed บนอุปกรณ์เคลื่อนที่

ตัวชี้วัด | #1 อวาดา | #2 ดิวิ | # 3 โดดเด่น | #4 The7 | #5 เป็นธีม |
คะแนน PageSpeed บนมือถือ | 87/100 | 84/100 | 82/100 | 81/100 | 80/100 |
ระบายสีเนื้อหาแรก | 3.1 วินาที | 4.1 วินาที | 2.5 วินาที | 2.4 วินาที | 4.1 วินาที |
สีเนื้อหาที่ใหญ่ที่สุด | 1.5 วินาที | 1.1 วินาที | 1.7 วินาที | 1.8 วินาที | 2.9 วินาที |
กะเค้าโครงสะสม | 1.7 วินาที | 1.8 วินาที | 1.8 วินาที | 2.9 วินาที | 3.8 วินาที |
ดัชนีความเร็ว | 1.5 วินาที | 1.4 วินาที | 1.9 วินาที | 1.1 วินาที | 1.9 วินาที |
เวลาในการโต้ตอบ | 2.4 วินาที | 1.1 วินาที | 1.2 วินาที | 1.2 วินาที | 1.4 วินาที |
เวลาบล็อกทั้งหมด | 0 น | 0.1 มิลลิวินาที | 0.35 น | 0 น | 0.2 มิลลิวินาที |
เวลาในการโหลดทั้งหมด | 2.4 วินาที | 3.1 วินาที | 3.8 วินาที | 3.8 วินาที | 4.1 วินาที |
ขนาดหน้าทั้งหมด | 998 กิโลไบต์ | 1.2 ลบ | 987 กิโลไบต์ | 1.1 ลบ | 1.4MB |
คำขอ HTTP | 12 | 14 | 13 | 16 | 15 |
ประเด็นที่สำคัญ:
- ธีมทั้งหมดเปลี่ยนจากระดับที่ยอมรับได้ไปจนถึงดีมากสำหรับคะแนนบน PageSpeed Insights มีทั้งสีส้มหรือสีเขียว ไม่มีสีแดงในแง่ของประสิทธิภาพ
- Astra ดูเหมือนจะเป็นธีมน้ำหนักเบาที่เร็วที่สุด โดยมี 91/100 บนมือถือและการโหลดหน้าเว็บ 2,1 วินาที
- Avada (ที่มีตัวสร้างของตัวเอง) ยังทำให้อยู่ในอันดับต้น ๆ ของรายการด้วย 87/100 บนมือถือและการโหลดหน้าเว็บ 2,4 วินาที
เราทดสอบธีมอย่างไร
การเลือกของเราพิจารณาจากความนิยมในปี 2023 จำนวนการดาวน์โหลดหรือยอดขายที่สูงบน Envato และบทวิจารณ์ด้านคุณภาพ จากนั้นเราจะดำเนินการตรวจสอบผ่านเครื่องมือประสิทธิภาพดังต่อไปนี้:
ขับเคลื่อนโดย Lighthouse, PageSpeed Insights และ GTmetrix ทั้งคู่วิเคราะห์ประสิทธิภาพและประสบการณ์ผู้ใช้เว็บไซต์ของคุณ KPI ที่สำคัญที่สุดคือ Core Web Vitals ซึ่งมาพร้อมกับรายงานโดยละเอียดเกี่ยวกับประสิทธิภาพของหน้าเว็บและสิ่งที่ต้องปรับปรุง นั่นเป็นเหตุผลที่เราได้รวมเมตริก 10 รายการต่อไปนี้ไว้ในการทดสอบของเรา ซึ่งวัดบนอุปกรณ์เคลื่อนที่ :
จากข้อมูลเชิงลึกของ PageSpeed:
- คะแนน PageSpeed บนมือถือ
- ระบายสีเนื้อหาแรก
- สีเนื้อหาที่ใหญ่ที่สุด
- กะเค้าโครงสะสม
- ดัชนีความเร็ว
- เวลาในการโต้ตอบ
- เวลาบล็อกทั้งหมด
จาก GTmetrix:
- เวลาในการโหลดทั้งหมด
- ขนาดหน้าทั้งหมด
- คำขอ HTTP
จากนั้น เราเลือก 10 ธีมที่เราแบ่งออกเป็นสองประเภท:
#1 ธีมฟรีและน้ำหนักเบาที่มาพร้อมกับแนวทางที่เรียบง่ายและเป็นเหมือนผืนผ้าใบพื้นฐานในการเริ่มต้นเว็บไซต์:
- สวัสดี
- แอสตร้า
- โอเชี่ยนดับเบิลยูพี
- สร้างข่าว
- คาเดนซ์
#2 หมวดหมู่อื่นมีธีม "หนักกว่า" ที่มาพร้อมกับตัวสร้างเพจของตัวเอง เราคิดว่าการเปรียบเทียบ Avada (และตัวสร้าง Fusion) กับธีมที่มีน้ำหนักเบาอย่าง Astra นั้นไม่ยุติธรรม ดังนั้นหัวข้อสำหรับประเภทที่สองมีดังต่อไปนี้:
- Avada (ตัวสร้างฟิวชั่น)
- Divi (ตัวสร้าง Divi)
- BeTheme (บีบิวเดอร์)
- 7 (ตัวสร้างหน้า Elementor / WP Bakery)
- Salient (เครื่องมือสร้างเพจ WPBakery)
เว็บไซต์ทดสอบ
สำหรับหมวดหมู่แรก เราสร้างไซต์ทดสอบที่เหมือนจริงโดยใช้ WordPress Editor และเราใช้บล็อกเพื่อสร้างแบนเนอร์ฮีโร่พร้อมปุ่ม ข้อความรับรอง 5 รายการพร้อมรูปภาพ คำกระตุ้นการตัดสินใจ 1 รายการ (ส่วนเต็มพร้อมรูปภาพ) ไอคอน 4 รายการ และ ข้อความ 2 ชื่อ และ 2 คำบรรยาย และ 8 บริการพร้อมรูปภาพ

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

โดยทำตามสถานการณ์การทดสอบเดียวกันและเนื้อหาเดียวกันสำหรับแต่ละธีม เราสามารถทำการวิเคราะห์เปรียบเทียบประสิทธิภาพที่ยุติธรรมได้ เราทำการติดตั้งใหม่สำหรับแต่ละธีมและใช้เซิร์ฟเวอร์เดียวกันสำหรับการทดสอบความเร็วของแต่ละธีม
️ สำคัญ: การทดสอบเหล่านั้นดำเนินการบนเซิร์ฟเวอร์ในฝรั่งเศส และเราสร้างแต่ละหน้าเอง ผลลัพธ์ที่เรานำเสนอมาจากประสบการณ์ของเราเอง และผลลัพธ์อาจแตกต่างกันไปตามขนาดของรูปภาพที่คุณอัปโหลด ปริมาณเนื้อหาที่คุณใช้ หรือแม้แต่ตำแหน่งของคุณทั่วโลก |
เพิ่มประสิทธิภาพพิเศษด้วย WP Rocket
WP Rocket เป็นหนึ่งในปลั๊กอินแคชที่ดีที่สุดสำหรับ WordPress ที่สามารถปรับแต่งธีมใด ๆ ได้ในไม่กี่คลิก นอกจากนี้ยังปรับปรุงประสิทธิภาพไซต์และ Core Web Vitals ของคุณอีกด้วย
เพื่อให้เข้าใจถึงผลกระทบอย่างมากของ WP Rocket ต่อความเร็ว เรามาดูการทำงานกับ BeTheme ซึ่งเป็นธีมที่ "ช้าที่สุด" ในการทดสอบของเรา
สำหรับบันทึก มีปัญหาบางอย่างที่ Lighthouse ตั้งค่าสถานะ ซึ่งแสดงอยู่ในแท็บ "โอกาส":

คำแนะนำรวมถึงการใช้แคช การเปิดใช้งานการบีบอัดข้อความ การลด CSS/JS ที่ไม่ได้ใช้ และการเลื่อนภาพนอกหน้าจอ
เราเปิดใช้งาน WP Rocket บนไซต์ทดสอบนั้น และเราสังเกตเห็นการปรับปรุงครั้งใหญ่:

KPI ประสิทธิภาพทั้งหมดของเราได้รับการปรับปรุงด้วย WP Rocket ซึ่งปรับปรุงคะแนน PageSpeed Insights ด้วย (ไซต์ของฉันย้ายไปที่สีเขียวด้วยคะแนน 98/100)
WP Rocket ยังเพิ่มคะแนน Core Web Vitals และลดเวลาในการโหลดทั้งหมด (จาก 4.1 วินาทีเป็น 2.1 วินาที) WP Rocket ยังลดขนาดหน้าและจำนวนคำขอ HTTP:
KPI ประสิทธิภาพ | คะแนน BeTheme (ไม่มี WP Rocket) | คะแนน BeTheme (จรวด WP) |
คะแนน PageSpeed บนมือถือ | 80/100 | 98/100 |
ระบายสีเนื้อหาแรก | 4.1 วินาที | 2.1 วินาที |
สีเนื้อหาที่ใหญ่ที่สุด * | 2.9 วินาที | 1.8 วินาที |
กะเค้าโครงสะสม* | 3.8 วินาที | 1.1 วินาที |
ดัชนีความเร็ว | 1.9 วินาที | 1 วินาที |
เวลาในการโต้ตอบ | 1.4 วินาที | 1 วินาที |
เวลาบล็อกทั้งหมด | 0.2 มิลลิวินาที | 0 น |
เวลาในการโหลดทั้งหมด | 4.1 วินาที | 2.1 วินาที |
ขนาดหน้าทั้งหมด | 1.4 ลบ | 780 กิโลไบต์ |
คำขอ HTTP | 15 | 8 |
* Core Web Vitals
เพื่อแก้ไขคำเตือน PageSpeed Insights ทั้งหมดและเพิ่ม KPI ประสิทธิภาพ เราได้เปิดใช้งานคุณสมบัติ WP Rocket ต่อไปนี้:
- ใช้การแคชและการบีบอัดข้อความเมื่อเปิดใช้งานปลั๊กอิน:

คุณยังสามารถปรับแต่งตัวเลือกของคุณเองได้จากแท็บแคชใน WordPress admin:

- แท็บการเพิ่มประสิทธิภาพไฟล์เพื่อลด CSS ที่ไม่ได้ใช้ (ท่ามกลางคุณลักษณะการเพิ่มประสิทธิภาพ CSS อื่นๆ):

- ส่วนย่อยเฉพาะเพื่อเพิ่มประสิทธิภาพ JS:

- คุณลักษณะการโหลดแบบขี้เกียจเพื่อเลื่อนภาพนอกจอ (และโหลดเฉพาะภาพที่อยู่ในครึ่งหน้าบน):

ธีมใดที่ดีที่สุดสำหรับคุณ
แทบจะเป็นไปไม่ได้เลยที่จะแนะนำธีมเดียวให้คุณ เนื่องจากขึ้นอยู่กับความต้องการเฉพาะและบรีฟลูกค้าของคุณ แต่นี่คือประเด็นสำคัญบางประการ:
- หากคุณมีลูกค้า ที่ต้องการครอบครองเว็บไซต์ อัปเดตเนื้อหา และเข้าถึงแดชบอร์ดของ WordPress การเลือกธีมด้วยเครื่องมือสร้างเพจอาจง่ายกว่า (เช่น BeTheme หรือ 7)
- หากคุณเป็นฟรีแลนซ์ ที่กำลังมองหาธีมที่มีการสาธิตที่ออกแบบมาอย่างดีสำหรับอุตสาหกรรมต่างๆ Divi และ BeTheme อาจเป็นตัวเลือกที่ดีที่สุดของคุณ
- หากคุณวางแผนที่จะสร้างไซต์ WooCommerce ขั้นสูง ที่มีผลิตภัณฑ์หลายพันรายการ ธีมที่มีน้ำหนักเบาเช่น Astra อาจจะฉลาดกว่า นอกจากนี้ยังมาพร้อมกับคุณสมบัติขั้นสูงของ WooCommerce
- หากคุณต้องการสร้างแบบฟอร์มของคุณเอง และเค้าโครงผลิตภัณฑ์ และเพิ่มข้อมูลไดนามิกลงในเว็บไซต์ของคุณ ธีมที่มาพร้อมกับ Elementor Pro เป็นตัวเลือกที่ยอดเยี่ยม Elementor เป็นหนึ่งในบริษัทแรกๆ ที่เปิดตัวตัวสร้าง WooCommerce ซึ่งช่วยให้คุณสร้างเทมเพลตผลิตภัณฑ์และหน้าร้านค้าของคุณเองได้ในเวลาไม่นาน
- หากคุณลังเลระหว่างธีมสองสามธีม ให้ติดตั้งหนึ่งในเดโมและดูบนอุปกรณ์เคลื่อนที่ การตอบสนองควรมีความสำคัญเมื่อสร้างเว็บไซต์
- หากคุณเป็นเอเจนซี่เว็บและการออกแบบ Divi ขอเสนอ Divi Cloud ซึ่งคุณสามารถจัดเก็บโครงการและแชร์กับทีมได้อย่างง่ายดาย การทำงานร่วมกันและการแก้ไขที่เป็นไปได้สามารถทำได้เร็วขึ้นจากทุกที่
สุดท้าย เลือกธีมที่รองรับอย่างรวดเร็ว อัปเดตล่าสุด และเอกสารประกอบที่ถูกต้อง ตัวอย่างเช่น OceanWP มีสถาบันการศึกษาที่นำเสนอการสัมมนาผ่านเว็บและแบบฝึกหัดเพื่อใช้ธีมอย่างเต็มที่
ห่อ
ตอนนี้ คุณควรจะสามารถตัดสินใจและเลือกธีม WordPress ที่เหมาะสมสำหรับโครงการต่อไปของคุณได้แล้ว และจำไว้ว่า ไม่ว่าคุณจะเลือกธีมใดสำหรับโปรเจกต์ถัดไป WP Rocket เป็นวิธีที่ง่ายที่สุดในการปรับปรุงความเร็วของไซต์ WordPress ของคุณและผ่านการตรวจสอบประสิทธิภาพบน PageSpeed Insights