ไฮไลท์ปลั๊กอิน Divi: Divi Rocket

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

Divi Rocket เป็นปลั๊กอินของบุคคลที่สามที่ออกแบบมาเพื่อ "Divi Aware" คุ้นเคยกับวิธีการทำงานของ Divi และส่วนและโมดูลของ Divi มันรู้ว่าต้องแคชอะไรและต้องตรวจสอบอะไรในหน้า Divi เมื่อสร้างแคชใหม่ ในบทความนี้ เราจะมาดู Divi Rocket ดูว่ามันทำอะไรได้บ้าง และดูว่ามันใช้งานง่ายแค่ไหน

การติดตั้งและเปิดใช้งาน

ก่อนที่คุณจะสามารถใช้ Divi Rocket คุณต้องป้อนรหัสใบอนุญาตของคุณ ไปที่ Divi > Divi Rocket ในเมนูแดชบอร์ด เมื่อคุณเปิดใช้งานปลั๊กอินแล้ว แท็บเมนูจะปลดล็อกตำแหน่งที่คุณสามารถเลือกและทำงานต่างๆ ได้

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

งาน

แท็บงานประกอบด้วย 12 งานที่เพิ่มประสิทธิภาพหรือลบไฟล์ งานรวมถึง:

1. ปรับตารางให้เหมาะสม
2. ลบโพสต์แก้ไขโพสต์
3. ลบข้อความร่างอัตโนมัติ
4. ลบกระทู้ทิ้ง
5. ลบสแปมหรือความคิดเห็นในถังขยะ
6. ลบความคิดเห็นที่ไม่ได้รับอนุมัติ
7. ลบ pingbacks และ trackbacks
8. ลบข้อมูลเมตาของโพสต์ที่ถูกละเลย
9. ลบข้อมูลเมตาของความคิดเห็นที่ถูกละเลย
10. ลบข้อมูลความสัมพันธ์ที่ถูกละเลย
11. ลบข้อมูลเมตาของผู้ใช้ที่ถูกละเลย
12. ลบข้อมูลเมตาของคำศัพท์ที่ถูกละเลย

แต่ละงานแสดงจำนวนองค์ประกอบที่จะถูกลบ เลือกงานหรืองานที่คุณต้องการทำให้เสร็จ แล้วคลิก ประมวลผลงานที่เลือก Optimize Tables น่าสนใจเป็นพิเศษ เป็นการเพิ่มประสิทธิภาพฐานข้อมูลที่ออกแบบมาสำหรับ Divi โดยเฉพาะ เมื่อคุณเรียกใช้งานแล้ว จะแสดงว่าแต่ละงานประสบความสำเร็จหรือไม่ หรือไม่มีการเพิ่มประสิทธิภาพ

การแคชเบราว์เซอร์

การเปิดใช้งานการแคชเบราว์เซอร์จะบอกเบราว์เซอร์ให้แคชทรัพยากรแบบคงที่รวมถึงไฟล์ jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic และ swf สำหรับเซิร์ฟเวอร์ Apache คุณสามารถควบคุมจำนวนวันที่แคชหมดอายุและเพิ่ม URL ที่จะละเว้นได้

การแคชเซิร์ฟเวอร์

การแคชเซิร์ฟเวอร์ทำให้สามารถแคชบนฝั่งเซิร์ฟเวอร์ได้ คุณยังสามารถปิดใช้งานการแคชฝั่งเซิร์ฟเวอร์สำหรับบทบาทของผู้ใช้ใดๆ ก็ได้

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

Divi Rocket ได้รับการออกแบบมาโดยเฉพาะสำหรับโมดูล Divi ทราบดีว่าโมดูลบนหน้าสามารถเปลี่ยนแปลงได้ในขณะที่ส่วนที่เหลือของหน้ายังคงเหมือนเดิม ทราบดีว่าโมดูลบล็อกและโมดูลร้านค้าสามารถเปลี่ยนแปลงได้บ่อยครั้งในขณะที่การนำเสนอและโมดูลบุคคลเปลี่ยนแปลงน้อยลง ซึ่งหมายความว่าสามารถสร้างใหม่เพียงบางส่วนของหน้าแทนที่จะเป็นทั้งหน้าทุกครั้งที่มีการเปลี่ยนแปลง

ขี้เกียจโหลด

Lazy Loading โหลดส่วน Divi เมื่อผู้ใช้เลื่อนดู ซึ่งหมายความว่าต้องโหลดเฉพาะบางส่วนของเว็บไซต์ก่อนที่ผู้ใช้จะเริ่มเรียกดูไซต์ได้ นอกจากนี้ยังหมายความว่าส่วนต่างๆ ของไซต์ที่ผู้ใช้ไม่เคยเข้าชมไม่ต้องโหลด

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

การโหลดแบบ Lazy Loading จะแสดงพื้นหลังสีขาวพร้อมตัวโหลดล่วงหน้าจนกว่าส่วนถัดไปจะโหลด เวลาในการโหลดสำหรับส่วนถัดไปบนเซิร์ฟเวอร์ทดสอบของฉันเร็วมาก

การบีบอัด

การบีบอัดจะเพิ่มตัวเลือกการบีบอัด GZip คุณลักษณะนี้มีผลกระทบมากที่สุดต่อความเร็วในการทดสอบของฉัน

ข้อมูลจำเพาะของระบบ

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

เบ็ดเตล็ด

Miscellaneous เพิ่มการตั้งค่าใหม่สี่แบบใน WordPress:

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

อนุญาต Pingbacks และ Trackbacks - ตั้งค่าให้เปิดหรือปิด มันควบคุมทั้งสองด้วยการตั้งค่าเดียว

เครดิตส่วนท้าย – เพิ่ม Divi Rocket ให้กับเครดิตส่วนท้ายด้วยลิงก์และไอคอน Divi Rocket คุณมีหลายตัวเลือกที่จะแสดง แสดงในแถบด้านล่างด้านล่างส่วนท้าย (แสดงเฉพาะเมื่อคุณใช้ส่วนท้ายเริ่มต้น) แสดงให้อยู่กึ่งกลางในแถบใหม่ใต้แถบด้านล่าง หรือปิดใช้งาน มันถูกเปิดใช้งานโดยค่าเริ่มต้น หากคุณเพิ่ม ID พันธมิตรของคุณ มันจะถูกรวมไว้ในลิงค์

ID พันธมิตร Divi Space – หากคุณมีบัญชีพันธมิตร Divi Space การเพิ่ม ID ที่นี่จะเพิ่มไปยังลิงก์ในเครดิตส่วนท้าย

ก่อนและหลัง

นี่คือการดูคะแนนก่อนและหลัง GTMetrix ของฉันสำหรับไซต์ทดสอบที่ไม่ได้รับการปรับให้เหมาะสมของฉัน นี่เป็นการทดสอบคุณลักษณะบางส่วนของ Divi Rocket เท่านั้น ดังนั้นจึงไม่ใช่การทดสอบที่สมบูรณ์จริงๆ มันแสดงให้เห็นว่ามันปรับปรุงความเร็วในการโหลดของฉันได้อย่างไร

เว็บไซต์ทดสอบของฉัน

นี่คือคะแนนการทดสอบของฉันก่อนที่จะเรียกใช้การเพิ่มประสิทธิภาพหรือการบีบอัดใดๆ คะแนน PageSpeed ​​ของฉันคือ 45%, YSlow คือ 63%, เวลาที่โหลดเต็มที่คือ 3.5 วินาที, ขนาดหน้าคือ 2.12MB และสร้างคำขอ 39 รายการ ฉันใช้หน้า Landing Page จากชุดเค้าโครงนิตยสาร Divi

PageSpeed ​​แสดงความต้องการที่สำคัญที่สุดของฉันคือเปิดใช้งานการบีบอัดและใช้ประโยชน์จากการแคชของเบราว์เซอร์

YSlow แสดงส่วนที่สำคัญที่สุด ได้แก่ การเพิ่มส่วนหัวหมดอายุ บีบอัดส่วนประกอบ ใช้ CDN และสร้างคำขอ HTTP น้อยลง

ด้วยการเปิดใช้งานแคชของเบราว์เซอร์เท่านั้น

ทั้งคะแนน PageSpeed ​​และ YSlow ดีขึ้นเล็กน้อย เวลาโหลดเต็มที่ลดลง ขนาดหน้าและคำขอยังคงเหมือนเดิม

Leverage Browser Caching ย้ายจาก 49 เป็น 96

คะแนน YSlow สำหรับส่วนหัวหมดอายุเพิ่มจาก 0 เป็น 78

การเพิ่มแคชเซิร์ฟเวอร์

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

คะแนน PageSpeed ​​ลดลงเนื่องจากเลื่อนการแยกวิเคราะห์ JavaScript

คะแนน YSlow ดีขึ้นเล็กน้อยสำหรับคำขอ HTML ที่น้อยลง

กำลังเพิ่ม GZip

การเปิดใช้งานการบีบอัด GZip นั้นได้รับการปรับปรุงที่ยิ่งใหญ่ที่สุด PageSpeed ​​​​ไปที่ 92% ในขณะที่ YSlow ไปที่ 84% เวลาในการโหลดเต็มที่ลดลงเหลือ 1.7 วินาที และขนาดหน้ารวมลดลงเหลือ 862KB คำขอยังคงเหมือนเดิม

สำหรับ PageSpeed ​​การเปิดใช้การบีบอัดจาก 0 เป็น 100

สำหรับ YSlow ส่วนประกอบการบีบอัดเปลี่ยนจาก 0 เป็น 100

ผลลัพธ์

นี่คือวิธีที่ Divi Rocket สามารถปรับปรุงคะแนน GTMetrix ของฉันได้:

• PageSpeed ​​จาก 45 ถึง 92
• YSlow จาก 63 เป็น 84
• เวลาโหลดเต็มที่จาก 3.5 วินาทีถึง 1.7 วินาที
• ขนาดหน้ารวมจาก 2.12MB ถึง 862KB
• คำขอจาก 39 ถึง 38

คะแนนเหล่านี้ไม่มีการเปลี่ยนแปลงอื่นใดในไซต์

ราคาและเอกสารประกอบ

คุณสามารถซื้อ Divi Rocket ได้จากเว็บไซต์ของผู้พัฒนา มีตัวเลือกการซื้อมากมายสำหรับ Divi Rocket:

• ไซต์เดียว – $49 ต่อปี
• 3 ไซต์ – $89 ต่อปี
• ไม่จำกัดไซต์ – $179 ต่อปี

รวมอยู่ในการเป็นสมาชิกรายปีและตลอดชีพด้วย

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

จบความคิด

Divi Rocket เป็นปลั๊กอินที่น่าสนใจ ใช้งานง่ายและฉันชอบการออกแบบเมนูที่สะอาดตา ดูเหมือนผลิตภัณฑ์ Divi มากกว่าผลิตภัณฑ์ WordPress ทั่วไป ฉันชอบที่มันออกแบบมาโดยเฉพาะสำหรับ Divi และใช้ประโยชน์จากส่วนและโมดูลในลักษณะที่ปลั๊กอินแคชอื่นไม่สามารถทำได้ มีการตั้งค่าไม่มากที่ต้องจัดการ แต่ก็ยังมีการตั้งค่าที่เว็บไซต์ส่วนใหญ่จะต้องการ โดยจะอธิบายว่าคุณลักษณะแต่ละอย่างทำอะไรได้บ้าง ทำให้เหมาะสำหรับทั้งนักพัฒนาที่มีประสบการณ์และผู้เริ่มต้นใช้งาน

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

ฉันต้องการเห็นการทำงานกับ Extra หน้าของนักพัฒนาแสดงให้เห็นว่ามีคุณลักษณะเพิ่มเติมอยู่ในระหว่างดำเนินการ ในไม่ช้ามันจะย่อขนาดและรวม CSS และ JavaScript นอกจากนี้ยังจะรวม CDN ซึ่งจะแคชไฟล์หลักของ Divi เพื่อปรับปรุงประสิทธิภาพให้ดียิ่งขึ้นกว่า CDN มาตรฐาน

Divi Rocket ได้ปรับปรุงความเร็วของไซต์ทดสอบที่ไม่ได้รับการปรับแต่งอย่างสมบูรณ์ของฉันให้อยู่ในระดับเดียวกับปลั๊กอินแคชอื่นๆ เมื่อเพิ่มการลดขนาดและ CDN แล้ว ควรเป็นตัวเลือกที่ดีกว่ามากสำหรับเว็บไซต์ Divi

เราต้องการได้ยินจากคุณ คุณลอง Divi Rocket แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น

ภาพเด่นผ่าน Victoruler / shutterstock.com