10 ธีม WordPress ที่เร็วที่สุดในปี 2023 (ฟรีและจ่ายเงิน)

เผยแพร่แล้ว: 2023-03-06

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

สำหรับการวิเคราะห์ของเรา เราได้เลือกธีมที่ได้รับความนิยมสูงสุดในตลาด (ฟรีและมีค่าใช้จ่าย) และนี่คือรายการสั้น ๆ ของเราด้านล่าง:

5 ธีมน้ำหนักเบา

  1. สวัสดี
  2. แอสตร้า
  3. โอเชี่ยนดับเบิลยูพี
  4. สร้างข่าว
  5. คาเดนซ์

5 ธีมที่มาพร้อมกับตัวสร้างเพจ

  1. Avada (ตัวสร้างฟิวชั่น)
  2. Divi (ตัวสร้าง Divi)
  3. BeTheme (บีบิวเดอร์)
  4. The 7 (ตัวสร้างหน้า Elementor)
  5. Salient (เครื่องมือสร้างเพจ WPBakery)

เรามาทบทวนและดูผลลัพธ์ประสิทธิภาพสำหรับแต่ละธีมกัน:

10 ธีม WordPress ที่เร็วที่สุด + ข้อมูลทดสอบ

1. สวัสดี

ธีมฟรีวานิลลาธรรมดาที่พัฒนาโดย Elementor และปรับแต่งให้เหมาะกับเครื่องมือสร้างเพจของพวกเขา ใช้ทรัพยากรหน่วยความจำเพียง 6kb ด้วยเหตุนี้ ตัวเลือกการปรับแต่งจึงถูกจำกัดหากคุณใช้ธีมเพียงอย่างเดียว

ธีมสวัสดี - ที่มา: Elementor
สวัสดีธีม – ที่มา: Elementor

ผลลัพธ์ของธีม 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 - ที่มา: WordPress.org
ธีม Astra – ที่มา: WordPress.org

ผลลัพธ์ประสิทธิภาพสำหรับธีม 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 - ที่มา: WordPress.org
OceanWP – ที่มา: WordPress.org

ผลลัพธ์ประสิทธิภาพสำหรับธีม 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 - ที่มา: WordPress.org
ธีม GeneratePress – ที่มา: WordPress.org

ผลลัพธ์ประสิทธิภาพสำหรับธีม 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 – ที่มา: WordPress.org

ผลลัพธ์ประสิทธิภาพสำหรับธีม 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 - ที่มา: Themeforest
ธีม Avada – ที่มา: Themeforest

ผลลัพธ์ประสิทธิภาพสำหรับธีม 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 – ที่มา: Elegantthemes.com

ผลลัพธ์ประสิทธิภาพสำหรับธีม 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 - ที่มา: themuffingroup.com
ธีม BeTheme – ที่มา: themuffingroup.com

ผลลัพธ์ประสิทธิภาพสำหรับธีม 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

เดอะ 7 - ที่มา: the7.io
The 7 – ที่มา: the7.io

ผลการดำเนินงานสำหรับธีม 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

ธีมเด่น- ที่มา: themenectar.com
ธีมเด่น- ที่มา: themenectar.com

ผลลัพธ์ประสิทธิภาพสำหรับธีมเด่น:

  • คะแนน 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 บริการพร้อมรูปภาพ

ตัวอย่างไซต์ทดสอบที่สร้างด้วย Astra และ Block Editor - ที่มา: WP Rocket
ตัวอย่างไซต์ทดสอบที่สร้างด้วย Astra และ Block Editor – ที่มา: WP Rocket

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

ตัวอย่างการทดสอบ Avada
ตัวอย่างการทดสอบ Avada

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

️ สำคัญ: การทดสอบเหล่านั้นดำเนินการบนเซิร์ฟเวอร์ในฝรั่งเศส และเราสร้างแต่ละหน้าเอง ผลลัพธ์ที่เรานำเสนอมาจากประสบการณ์ของเราเอง และผลลัพธ์อาจแตกต่างกันไปตามขนาดของรูปภาพที่คุณอัปโหลด ปริมาณเนื้อหาที่คุณใช้ หรือแม้แต่ตำแหน่งของคุณทั่วโลก

เพิ่มประสิทธิภาพพิเศษด้วย WP Rocket

WP Rocket เป็นหนึ่งในปลั๊กอินแคชที่ดีที่สุดสำหรับ WordPress ที่สามารถปรับแต่งธีมใด ๆ ได้ในไม่กี่คลิก นอกจากนี้ยังปรับปรุงประสิทธิภาพไซต์และ Core Web Vitals ของคุณอีกด้วย

เพื่อให้เข้าใจถึงผลกระทบอย่างมากของ WP Rocket ต่อความเร็ว เรามาดูการทำงานกับ BeTheme ซึ่งเป็นธีมที่ "ช้าที่สุด" ในการทดสอบของเรา

สำหรับบันทึก มีปัญหาบางอย่างที่ Lighthouse ตั้งค่าสถานะ ซึ่งแสดงอยู่ในแท็บ "โอกาส":

คำแนะนำจาก Lighthouse เพื่อเพิ่มประสิทธิภาพไฟล์ของฉันบนไซต์ของฉันซึ่งสร้างด้วย BeTheme - ที่มา: PageSpeed ​​Insights
คำแนะนำจาก Lighthouse เพื่อเพิ่มประสิทธิภาพไฟล์ของฉันบนเว็บไซต์ของฉันที่สร้างด้วย BeTheme – ที่มา: PageSpeed ​​Insights

คำแนะนำรวมถึงการใช้แคช การเปิดใช้งานการบีบอัดข้อความ การลด CSS/JS ที่ไม่ได้ใช้ และการเลื่อนภาพนอกหน้าจอ

เราเปิดใช้งาน WP Rocket บนไซต์ทดสอบนั้น และเราสังเกตเห็นการปรับปรุงครั้งใหญ่:

ไซต์ทดสอบ BeTheme - การตรวจสอบผ่าน WP Rocket - ที่มา: PageSpeed ​​Insights
ไซต์ทดสอบ BeTheme – การตรวจสอบผ่าน WP Rocket – ที่มา: PageSpeed ​​Insights

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 ต่อไปนี้:

  • ใช้การแคชและการบีบอัดข้อความเมื่อเปิดใช้งานปลั๊กอิน:
WP Rocket ใช้การแคชและการบีบอัดข้อความโดยอัตโนมัติ - ที่มา: WP Rocket
WP Rocket ใช้การแคชและการบีบอัดข้อความโดยอัตโนมัติ – ที่มา: WP Rocket

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

คุณสมบัติการแคชและการเพิ่มประสิทธิภาพขั้นสูง - ที่มา: WP Rocket
คุณสมบัติการแคชและการเพิ่มประสิทธิภาพขั้นสูง – ที่มา: WP Rocket
  • แท็บการเพิ่มประสิทธิภาพไฟล์เพื่อลด CSS ที่ไม่ได้ใช้ (ท่ามกลางคุณลักษณะการเพิ่มประสิทธิภาพ CSS อื่นๆ):
การเพิ่มประสิทธิภาพ CSS - ที่มา: WP Rocket
การเพิ่มประสิทธิภาพ CSS – ที่มา: WP Rocket
  • ส่วนย่อยเฉพาะเพื่อเพิ่มประสิทธิภาพ JS:
การเพิ่มประสิทธิภาพ JS - ที่มา: WP Rocket
การเพิ่มประสิทธิภาพ JS – ที่มา: WP Rocket
  • คุณลักษณะการโหลดแบบขี้เกียจเพื่อเลื่อนภาพนอกจอ (และโหลดเฉพาะภาพที่อยู่ในครึ่งหน้าบน):
คุณสมบัติ LazyLoad - ที่มา: WP Rocket
คุณสมบัติ LazyLoad – ที่มา: WP Rocket

ธีมใดที่ดีที่สุดสำหรับคุณ

แทบจะเป็นไปไม่ได้เลยที่จะแนะนำธีมเดียวให้คุณ เนื่องจากขึ้นอยู่กับความต้องการเฉพาะและบรีฟลูกค้าของคุณ แต่นี่คือประเด็นสำคัญบางประการ:

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

สุดท้าย เลือกธีมที่รองรับอย่างรวดเร็ว อัปเดตล่าสุด และเอกสารประกอบที่ถูกต้อง ตัวอย่างเช่น OceanWP มีสถาบันการศึกษาที่นำเสนอการสัมมนาผ่านเว็บและแบบฝึกหัดเพื่อใช้ธีมอย่างเต็มที่

ห่อ

ตอนนี้ คุณควรจะสามารถตัดสินใจและเลือกธีม WordPress ที่เหมาะสมสำหรับโครงการต่อไปของคุณได้แล้ว และจำไว้ว่า ไม่ว่าคุณจะเลือกธีมใดสำหรับโปรเจกต์ถัดไป WP Rocket เป็นวิธีที่ง่ายที่สุดในการปรับปรุงความเร็วของไซต์ WordPress ของคุณและผ่านการตรวจสอบประสิทธิภาพบน PageSpeed ​​Insights