10 เหตุผลที่ทำให้เว็บไซต์ทำงานช้า

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

ทำไมความเร็วเว็บไซต์ของคุณถึงสำคัญ?

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

แม้แต่เสี้ยววินาทีก็สร้างความแตกต่างอย่างมาก ดังนั้นการเพิ่มประสิทธิภาพไซต์ของคุณจึงเป็นสิ่งสำคัญมาก

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

10 เหตุผลที่ทำให้เว็บไซต์ของคุณทำงานช้าลง

1. มีค่าใช้จ่ายมากเกินไปในฐานข้อมูลของคุณ

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

การเพิ่มประสิทธิภาพข้อมูลของคุณโดยการลบโอเวอร์เฮดจะช่วยป้องกันสิ่งนี้ได้ โฮสต์เว็บส่วนใหญ่อนุญาตให้คุณเข้าถึงแพลตฟอร์มการจัดการฐานข้อมูล phpMyAdmin ผ่านบัญชีโฮสติ้งของคุณ หากคุณไม่สามารถเพิ่มประสิทธิภาพตารางของคุณใน phpMyAdmin คุณสามารถใช้อินเทอร์เฟซบรรทัดคำสั่งของ WordPress (WP-CLI)

2. CSS เว็บไซต์ของคุณไม่ได้รับการปรับให้เหมาะสม

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

1. หากคุณมีไฟล์ CSS ภายนอกหลายไฟล์ ให้รวมเป็นไฟล์เดียวหรือสองสามไฟล์
2. ลบ CSS ภายนอกและใช้ CSS แบบอินไลน์แทน
3. ใช้ “ประเภทสื่อ” เพื่อระบุว่าเมื่อใดควรโหลดไฟล์ CSS บางไฟล์

เช่นเดียวกับ JavaScript แบบอินไลน์ CSS แบบอินไลน์มีประโยชน์สำหรับโค้ดส่วนเล็กๆ เท่านั้น หากคุณมีไฟล์ CSS ขนาดใหญ่หลายไฟล์ คุณไม่ควรพยายามเพิ่มทุกไฟล์ในไฟล์ HTML การระบุประเภทสื่อและการรวมไฟล์ CSS ภายนอกควรสร้างผลกระทบที่สำคัญยิ่งขึ้น

3. การบล็อกการแสดงผล Javascript ทำให้การโหลดหน้าเว็บล่าช้า

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

เมื่อเบราว์เซอร์พยายามแสดงหน้าเว็บ เบราว์เซอร์จะต้องหยุดและโหลดไฟล์ JavaScript ที่พบทั้งหมดก่อน ส่งผลให้เกิดสิ่งที่เรียกว่า “Render-blocking JavaScript” หรือ JavaScript ที่ป้องกันไม่ให้หน้าโหลดเร็ว

มีสามวิธีในการจัดการกับ JavaScript ที่บล็อกการแสดงผล:

1. ลบไฟล์ JavaScript ภายนอก และใช้ JavaScript แบบอินไลน์แทน
2. ใช้การโหลดแบบอะซิงโครนัสเพื่อให้ JavaScript สามารถโหลดแยกจากส่วนที่เหลือของหน้า
3. เลื่อนการโหลด JavaScript ออกไปจนกว่าผู้ใช้จะเห็นหน้าที่เหลือ

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

4. คุณไม่ได้ใช้เครือข่ายการจัดส่งเนื้อหา (CDN)

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

มีตัวเลือก CDN มากมายสำหรับไซต์ WordPress ของคุณ Cloudflare เป็นหนึ่งในโซลูชั่นที่ได้รับความนิยมมากที่สุด เช่นเดียวกับ Jetpack CDN สำหรับรูปภาพและวิดีโอ สำหรับลูกค้าในแผน DreamPress Plus และ Pro ของเรา คุณจะได้รับการใช้งาน CDN แบบไม่จำกัดที่ขับเคลื่อนโดย Jetpack

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

5. สื่อขนาดใหญ่กำลังเพิ่มเวลาในการโหลด

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

TinyPNG เป็นเครื่องมือออนไลน์ฟรีที่บีบอัดรูปภาพ นอกจากนี้ยังมีปลั๊กอินหลายตัวที่คุณสามารถใช้เพื่อบีบอัดไฟล์สื่อภายใน WordPress ได้ ซึ่งรวมถึง Smush Image Compression and Optimization

6. รหัสเว็บไซต์ของคุณใหญ่เกินไป

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

มีปลั๊กอินยอดนิยมสองตัวสำหรับดำเนินการงานนี้ Autoptimize จะย่อขนาดโค้ด นอกเหนือไปจาก inlining CSS และการเพิ่มประสิทธิภาพไฟล์ JavaScript นอกจากนี้ยังทำงานร่วมกับ WP Super Cache ได้เป็นอย่างดี

7. ไฟล์ที่หายไปทำให้เกิดข้อผิดพลาด

ในบางกรณี ไฟล์การติดตั้ง WordPress ของคุณอาจหายไป หากเกิดเหตุการณ์นี้ ผู้ใช้จะประสบปัญหาเวลาในการโหลดนานขึ้นเนื่องจากมีการร้องขอเพิ่มเติมเพื่อค้นหาไฟล์ กระบวนการนี้จะส่งผลให้เกิดข้อผิดพลาด 404 หากไม่พบไฟล์

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

8. ปัญหาอินเทอร์เน็ตกำลังหยุดการทำงานที่ราบรื่นของผู้ใช้บางราย

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

9. ไม่ได้เปิดใช้งาน Opcache

OPcache เป็นเอ็นจิ้นการแคชในตัวสำหรับภาษาการเขียนโปรแกรม PHP หากคุณใช้ PHP บนไซต์ของคุณ การเปิดใช้งาน OPcache จะทำให้การโหลดและการโหลดหน้าเว็บของคุณเร็วขึ้น

10. สคริปต์ที่เขียนไม่ดีนั้นขัดแย้งกับองค์ประกอบอื่นๆ ของเว็บไซต์

JavaScript ที่เขียนไม่ดีในบางครั้งอาจทำให้เกิดปัญหาความเข้ากันได้กับส่วนอื่นๆ ของไซต์ ส่งผลให้ใช้เวลาในการโหลดนานขึ้น การทดสอบความเร็วโดยใช้เครื่องมือต่างๆ เช่น Pingdom, Web Page Test และ GTmetrix มักจะชี้ให้เห็นถึงสคริปต์ที่ใช้เวลานานในการโหลด

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