วิธีเพิ่มความเร็วให้กับธีม Divi WordPress
เผยแพร่แล้ว: 2022-02-28ความเร็วไซต์ของคุณมีผลกระทบอย่างมากต่อประสบการณ์ของผู้ใช้และการจัดอันดับคำหลักของ SEO มันสามารถสร้างความแตกต่างให้กับความสำเร็จของเว็บไซต์ของคุณ และการวิจัยแสดงให้เห็นว่าหากเว็บไซต์ของคุณใช้เวลาในการโหลดมากกว่า 3 วินาที ผู้ใช้จะกดปุ่มย้อนกลับและไปที่เว็บไซต์คู่แข่งของคุณ
ด้วยระยะเวลาอันสั้นในการดึงดูดความสนใจของผู้ใช้ เว็บไซต์ของคุณจึงต้องโหลดอย่างรวดเร็ว มิฉะนั้น คุณจะสูญเสียผู้มีโอกาสเป็นลูกค้าใหม่และลูกค้าที่กลับมา และเมื่อความเร็วอินเทอร์เน็ตเพิ่มขึ้น ความเร็วในการโหลดเว็บไซต์จะมีความสำคัญมากกว่าปัจจัยอื่นๆ
Google ใช้สัญญาณประสบการณ์หน้าเว็บเพื่อคำนวณและรับรู้ประสบการณ์ที่ผู้ใช้ได้รับเมื่อใช้เว็บไซต์ของคุณ Core Web Vitals มุ่งเน้นที่การมอบประสบการณ์ที่ดีแก่ผู้ใช้ในด้านของการโหลด การโต้ตอบ และความเสถียร Web Vitals หลักที่ส่งผลต่อความเร็วที่สำคัญที่สุดคือ การเปลี่ยนเลย์เอาต์สะสม การหน่วงเวลาอินพุตครั้งแรก และระบายสีเนื้อหาที่ใหญ่ที่สุด
ดังนั้นคุณจะทำให้เว็บไซต์ Divi ของคุณโหลดเร็วขึ้นได้อย่างไร
6 ขั้นตอนง่าย ๆ ในการปรับปรุงความเร็วไซต์ Divi
โฮสติ้งที่ดี
เช่นเดียวกับเว็บไซต์อื่นๆ การโฮสต์ที่รวดเร็วอาจเป็นปัจจัยสร้างหรือทำลายเวลาในการโหลดไซต์ของคุณ โฮสติ้งมีบทบาทอย่างมากในการโหลดเว็บไซต์ได้เร็ว และจำเป็นอย่างยิ่งที่จะต้องแน่ใจว่าคุณมีประเภทที่เหมาะสม
โฮสติ้งที่ใช้ร่วมกันนั้นไม่เหมาะเนื่องจากเว็บไซต์หลายแห่งจะเรียกทรัพยากรของพวกเขาบนเซิร์ฟเวอร์อย่างหลีกเลี่ยงไม่ได้ และมีโอกาสที่เว็บไซต์ของคุณจะตกอยู่ในคิวสำหรับการโหลด
เพื่อหลีกเลี่ยงปัญหานี้ คุณควรเลือกผู้ให้บริการโฮสต์เว็บไซต์ของคุณอย่างระมัดระวังและจัดการโฮสติ้ง WordPress เช่น Kinsta เพื่อให้แน่ใจว่าเวลาในการโหลดที่เชื่อถือได้และรวดเร็ว
ใช้ปลั๊กอินแคช
แคชของเว็บไซต์คือชั้นของข้อมูลที่เก็บไว้ซึ่งช่วยลดความจำเป็นในการโหลดข้อมูลเดียวกันนั้นอีกครั้งในอนาคต หากมีผู้เยี่ยมชมเว็บไซต์ของคุณและนำทางไปยังหน้ามากกว่าหนึ่งหน้าในระหว่างเซสชัน แคชจะลดจำนวนเนื้อหาที่ต้องโหลดในแต่ละหน้าที่ผู้ใช้ดำเนินการลงอย่างมาก
การเพิ่มปลั๊กอินแคชลงในเว็บไซต์ Divi ของคุณจะช่วยปรับปรุงความเร็วไซต์ได้อย่างมากโดยลดเวลาในการโหลดหน้าเว็บ ซึ่งจะช่วยเพิ่มประสบการณ์ของผู้ใช้ อัตราการแปลง และการจัดอันดับคำหลัก SEO
ลดขนาด บีบอัด และเลื่อน CSS & JS
ยิ่งไฟล์ใหญ่มากเท่าไหร่ ก็ยิ่งใช้เวลาในการโหลดนานเท่านั้น จึงทำให้ประสิทธิภาพเว็บไซต์ Divi ของคุณช้าลง การลดขนาดไฟล์ CSS และ JS คุณจะลดขนาดของไฟล์ ทำให้โหลดเร็วขึ้น
แม้ว่า Divi จะมีกำลังขยาย CSS และ JS ในตัว แต่ก็ยังมีขอบเขตสำหรับการปรับปรุงอยู่บ้าง หากเว็บไซต์ของคุณใช้ Javascript ของบุคคลที่สาม เช่น Google Recaptcha
ด้วยการลดขนาดไฟล์เหล่านี้และบังคับให้โหลดในส่วนท้ายที่แตกต่างกัน คุณสามารถบันทึกขนาดไฟล์จำนวนมากที่ต้องโหลดทันที ซึ่งจะเป็นการเพิ่มความเร็วที่หน้า Divi ของคุณเริ่มโหลด และปรับปรุงคะแนนความเร็วไซต์ของคุณบน Google Page Speed ข้อมูลเชิงลึก
ลดจำนวนปลั๊กอิน
หากเว็บไซต์ของคุณใช้ปลั๊กอินจำนวนมาก เว็บไซต์ของคุณก็มีทรัพยากรที่ต้องโหลดมากขึ้นเพื่อให้เว็บไซต์ของคุณทำงานได้อย่างถูกต้อง ดังนั้น จำเป็นอย่างยิ่งที่คุณจะต้องมีเพียงปลั๊กอินที่จำเป็นต้องติดตั้งบนเว็บไซต์ของคุณเท่านั้น และปลั๊กอินที่ล้าสมัยหรือเก่าควรปิดการใช้งานและลบทิ้ง เพื่อลดจำนวนทรัพยากร

หากคุณมีปลั๊กอินที่โหลดที่ส่วนหน้าของเว็บไซต์ของคุณ ให้พยายามหลีกเลี่ยงสิ่งเหล่านี้ให้ดีที่สุด เนื่องจากปลั๊กอินที่โหลดทรัพยากรที่ส่วนหน้าของเว็บไซต์จะทำให้หน้าโหลดหนักขึ้นและใช้ทรัพยากรมาก ซึ่งจะเป็นอันตราย เวลาในการโหลดเว็บไซต์ Divi ของคุณ
ใช้เครือข่ายการจัดส่งเนื้อหา
เครือข่ายการจัดส่งเนื้อหา (CDN) ทำให้เนื้อหาของคุณพร้อมใช้งานในสถานที่ต่างๆ ทั่วโลก โดยพื้นฐานแล้วหมายความว่าผู้ใช้ในแอฟริกาใต้ไม่ต้องรับทรัพยากรของเซิร์ฟเวอร์จากเซิร์ฟเวอร์จริงซึ่งอาจอยู่ในลอนดอน แต่เซิร์ฟเวอร์ CDN ซึ่งตั้งอยู่ใกล้กับภูมิภาคแอฟริกาใต้จะได้รับเนื้อหานี้ส่งถึงผู้ใช้เร็วกว่า
เพื่อให้แน่ใจว่า CDN ของคุณได้รับการปรับให้เหมาะสมที่สุด คุณสามารถอนุญาตการแคชเนื้อหาแบบคงที่โดยอัตโนมัติ ตรวจสอบไฟล์บันทึก ล้างแคชด้วยตนเองเป็นครั้งคราว หรือตั้งค่าการทำงานอัตโนมัติ และกำหนดวันหมดอายุสำหรับเนื้อหาที่คำนึงถึงเวลา
เพิ่มประสิทธิภาพรูปภาพและวิดีโอ
เนื้อหาภาพ เช่น รูปภาพและวิดีโออาจเป็นไฟล์ที่ใหญ่ที่สุดที่เว็บไซต์ของคุณต้องโหลด โชคดีที่มีขั้นตอนบางอย่างที่คุณสามารถทำได้เพื่อลดขนาดทรัพยากรนี้และปรับวิธีการโหลดให้เหมาะสม
ประการแรก สำหรับทั้งรูปภาพและวิดีโอ คุณควรบีบอัดไฟล์และตั้งค่าให้เป็นขนาดที่เหมาะสม ซึ่งช่วยให้เนื้อหาภาพยังคงดูดีและมีคุณภาพสูงเมื่อนำเสนอต่อผู้ใช้ แต่ลดขนาดไฟล์ที่ต้องโหลดลงอย่างมาก
ประการที่สอง คุณสามารถมั่นใจได้ว่ารูปภาพและวิดีโอบนเว็บไซต์ Divi ของคุณมีแอตทริบิวต์ความกว้างและความสูงที่ชัดเจน ซึ่งจะช่วยลดการเปลี่ยนเลย์เอาต์เมื่อโหลดหน้าเว็บ
สุดท้าย คุณสามารถเพิ่มการโหลดแบบ Lazy Loading ให้กับทั้งรูปภาพและวิดีโอได้ ซึ่งหมายความว่าแทนที่จะโหลดทุกภาพหรือวิดีโอบนหน้าเว็บทันที ไฟล์เหล่านี้จะถูกโหลดตามความจำเป็นแทน เมื่อผู้ใช้เลื่อนหน้าลง รูปภาพจะถูกโหลดก่อนที่จะเข้าสู่ครึ่งหน้า ซึ่งลดทรัพยากรเริ่มต้นที่โหลดเข้าสู่หน้าในครั้งแรกลงอย่างมาก แต่ไม่มีผลกระทบต่อภาพบนหน้า
ในการเพิ่มประสิทธิภาพรูปภาพและวิดีโอของคุณบน Divi คุณสามารถใช้ปลั๊กอิน เช่น Smush หรือ Imagify ซึ่งมีฟังก์ชันการทำงานทั้งหมดในตัว ทำให้ง่ายต่อการปรับแต่งไฟล์ภาพบนเว็บไซต์ของคุณและปรับปรุงความเร็วไซต์
อัปเดตเว็บไซต์ของคุณอยู่เสมอ
สิ่งสำคัญคือต้องคอยอัปเดตธีม Divi ควบคู่ไปกับ WordPress และปลั๊กอินใดๆ ในเว็บไซต์ของคุณ เว็บไซต์ที่ไม่ได้อัปเดตจะมีการตั้งค่าแบบเก่าซึ่งไม่เพียงแต่อาจทำให้เว็บไซต์ของคุณช้าลงเท่านั้น แต่ยังนำไปสู่ช่องโหว่ด้านความปลอดภัยในเว็บไซต์ของคุณอีกด้วย
เนื่องจากอินเทอร์เน็ตเบราว์เซอร์มีความทันสมัยมากขึ้นเรื่อยๆ ด้วยคุณลักษณะและการตั้งค่าใหม่ๆ จึงเป็นเสมือนการทำให้แน่ใจว่าเว็บไซต์ของคุณได้รับการอัปเดตด้วยแนวโน้มล่าสุดเพื่อให้แน่ใจว่าโหลดได้อย่างรวดเร็ว
สรุปแล้ว
เมื่อเทียบกับผู้สร้างเพจและธีมอื่นๆ สำหรับ WordPress แล้ว Divi เป็นหนึ่งในเครื่องมือสร้างเพจที่เร็วที่สุด แต่ด้วยการปรับแต่งการตั้งค่าบางอย่างและปฏิบัติตามคำแนะนำในบทความนี้ คุณควรจะทำคะแนนความเร็วสีเขียวได้ในเวลาไม่นาน!