ทำไมไซต์ WordPress ของฉันถึงช้ามาก? (และวิธีเร่งความเร็ว)

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

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

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

1. ทดสอบความเร็วไซต์ WordPress ของคุณ

เนื่องจากมีปัจจัยมากมายที่ส่งผลต่อเวลาในการโหลด ให้เริ่มโดยทำการทดสอบเพื่อค้นหาผู้ร่วมให้ข้อมูลรายใหญ่ที่สุด เครื่องมือยอดนิยมอย่างหนึ่งคือ GTmetrix ซึ่งทำการทดสอบสองแบบพร้อมกัน — PageSpeed ​​ของ Google และ Yslow ของ Yahoo แต่ละรายการจะให้เกรดตัวอักษรและเกรดเปอร์เซ็นต์แก่คุณ สรุป GTmetrix มักจะมีลักษณะดังนี้:

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

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

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

ค่า "คำขอ" คือจำนวนคำขอ HTTP ที่ส่งจากลูกค้า (คุณ) ไปยังเซิร์ฟเวอร์ (เว็บไซต์ของคุณ) ในความเป็นจริง คำขอแต่ละรายการเป็นไฟล์ที่ต้องดาวน์โหลด — HTML, CSS, JavaScript หรือรูปภาพ คำขอแต่ละครั้งต้องใช้เวลาในการดำเนินการ โดยทั่วไปแล้ว คุณต้องการให้ตัวเลขนี้ต่ำที่สุด จำนวนคำขอเฉลี่ยต่อหน้าตาม GTmetrix คือ 91

หากคุณต้องการลดจำนวนคำขอไซต์ คุณสามารถรวมไฟล์ CSS และ JS ที่เก็บ WordPress.org มีตัวเลือกปลั๊กอินมากมายที่สามารถจัดการให้คุณได้

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

2. ปรับแต่งภาพของคุณเพื่อความเร็วในการโหลดที่เร็วขึ้น

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

• บีบอัดภาพของคุณ รูปภาพสามารถ "บีบอัดโดยไม่สูญเสียข้อมูล" (ดังนั้นจึงไม่มีคุณภาพของภาพลดลง) หรือ "บีบอัดแบบสูญเสียข้อมูล" (ซึ่งจะลดคุณภาพของภาพ) คุณอาจแปลกใจว่าคุณสามารถบีบอัดรูปภาพได้มากเพียงใดโดยไม่สังเกตเห็นการสูญเสียความคมชัดอย่างมีนัยสำคัญ
• อย่าอัปโหลดไฟล์ภาพที่ใหญ่กว่าที่คุณต้องการ หากเลย์เอาต์ของคุณใช้รูปภาพที่มีความกว้าง 300px อย่าอัปโหลดรูปภาพที่มีขนาด 1200px
• ใช้รูปแบบที่ถูกต้อง ไอคอนธรรมดาควรเป็น SVG ทุกอย่างที่ต้องการความโปร่งใสควรเป็น PNG และรูปภาพอื่นๆ ควรเป็น JPEG
• เพิ่มการโหลดแบบ Lazy Loading ในเว็บไซต์ของคุณ หากคุณแสดงภาพทั้งหมดของคุณเมื่อไซต์ของคุณโหลด เว็บไซต์ของคุณจะแสดงรูปภาพที่ผู้ใช้จำนวนมากจะมองไม่เห็นอย่างหลีกเลี่ยงไม่ได้ ตัวอย่างเช่น รูปภาพที่ด้านล่างของหน้าที่ต้องเลื่อนเพื่อค้นหา การโหลดแบบ Lazy Loading หมายความว่าหากภาพไม่ปรากฏบนหน้าจอของผู้ใช้ ภาพนั้นจะไม่โหลด ซึ่งอาจมีผลกระทบอย่างมากต่อความเร็วของไซต์ของคุณ การโหลดแบบ Lazy Loading อาจยุ่งยากเล็กน้อยในการตั้งค่า แต่โชคดีที่ฟังก์ชันนี้รวมอยู่ใน Jetpack

หากคุณต้องการเจาะลึก WooCommerce มีบทความที่ดีเกี่ยวกับการเพิ่มประสิทธิภาพรูปภาพ

3. โฮสต์วิดีโอและเสียงของคุณภายนอก

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

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

4. เลือกโฮสติ้งที่เหมาะสมสำหรับ WordPress

สิ่งสำคัญคือต้องเลือกผู้ให้บริการโฮสติ้งที่เหมาะสมกับความต้องการเฉพาะของคุณ ปัจจัยบางประการที่ต้องพิจารณา:

• ผู้ชมของคุณอยู่ที่ไหน เว็บไซต์ของคุณจะโหลดเร็วขึ้นสำหรับผู้ใช้ที่อยู่ใกล้กับเซิร์ฟเวอร์ของคุณ เลือกโฮสต์ที่มีเซิร์ฟเวอร์ใกล้กลุ่มเป้าหมายของคุณ
• แชร์ คลาวด์ หรือทุ่มเท? โฮสติ้งที่ใช้ร่วมกันแบ่งเซิร์ฟเวอร์ออกจากเว็บไซต์หลายร้อยหรือหลายพันแห่ง และมักจะเป็นตัวเลือกที่ประหยัดที่สุด เป็นเรื่องปกติสำหรับไซต์ที่มีการเข้าชมต่ำ คลาวด์โฮสติ้งได้รับความนิยมอย่างมากในช่วงไม่กี่ปีที่ผ่านมาและให้ทรัพยากรที่รับประกันเฉพาะสำหรับแผนที่คุณเลือกและความสามารถในการขยายหรือลดขนาดได้อย่างง่ายดาย นี่เป็นสิ่งที่ดีถ้าคุณมีการเข้าชมอย่างกะทันหัน เซิร์ฟเวอร์เฉพาะเป็นของคุณทั้งหมด พร้อมด้วยทรัพยากรเซิร์ฟเวอร์ทั้งหมด — HDD, CPU, RAM, แบนด์วิดท์ และอื่นๆ ซึ่งมักจะเป็นตัวเลือกที่ดีที่สุดสำหรับไซต์ขนาดใหญ่ แต่มีราคาแพงกว่าและสามารถรับมือกับทราฟฟิกที่พุ่งสูงขึ้นได้น้อยกว่าการโฮสต์บนคลาวด์
• คุณต้องการทรัพยากรอะไร คุณอาจไม่ทราบสิ่งนี้ในตอนแรก และจะเปลี่ยนไปเมื่อเว็บไซต์ของคุณเติบโตขึ้น ทรัพยากรบางอย่างคำนวณได้ง่าย แต่ทรัพยากรอื่นๆ เช่น CPU และ RAM นั้นซับซ้อนกว่าเพราะขึ้นอยู่กับปัจจัยหลายอย่าง หากคุณเติบโตเกินขอบเขตของเซิร์ฟเวอร์ที่ใช้ร่วมกัน แต่ไม่แน่ใจว่าคุณต้องการอะไรกันแน่ โฮสติ้งบนคลาวด์อาจเป็นตัวเลือกที่เหมาะสมที่สุดเนื่องจากความสามารถในการปรับขนาด
• โฮสต์ของคุณเสนอ PHP เวอร์ชันใด PHP เป็นภาษาโปรแกรมที่ WordPress สร้างขึ้น PHP เวอร์ชันล่าสุดไม่เพียงแต่มีคุณลักษณะภาษาล่าสุดและการอัปเดตความปลอดภัยเท่านั้น แต่ยังทำงานได้เร็วขึ้นและมีประสิทธิภาพมากขึ้นอีกด้วย โดยปกติแล้ว คุณจะทราบเวอร์ชันของ PHP ที่คุณใช้อยู่ได้โดยดูที่แผงควบคุมโฮสต์เว็บหรือติดตั้งปลั๊กอิน เช่น เวอร์ชัน Display PHP หากโฮสต์ของคุณยังคงใช้ 5.6 อยู่ คุณต้องผลักดันให้อัปเกรดหรือค้นหาโซลูชันใหม่ เรียนรู้เพิ่มเติมเกี่ยวกับข้อกำหนด PHP ของ WordPress
• คุณประสบปัญหาการหยุดทำงานหรือไม่? หากไซต์ของคุณล่มบ่อยๆ คุณอาจมีโฮสต์ที่ไม่เสถียรและต้องการเปลี่ยนผู้ให้บริการ Jetpack Backup ช่วยให้คุณสามารถโยกย้ายเว็บไซต์ของคุณและให้การตรวจสอบการหยุดทำงานฟรี

5. ใช้ CDN . ที่เป็นมิตรกับ WordPress

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

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

มี CDN มากมาย โดยแต่ละรายการมีราคาแตกต่างกัน บางตัวเช่น BunnyCDN มีปลั๊กอิน WordPress แต่บางตัวต้องการการตั้งค่าด้วยตนเองหรือโซลูชันของบุคคลที่สาม Jetpack มี CDN ฟรีที่เรียกว่า Site Accelerator ซึ่งสามารถตั้งค่าได้ในไม่กี่คลิก

6. ใช้การแคชเพื่อเพิ่มความเร็วให้กับไซต์ WordPress ของคุณ

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

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

7. เลือกปลั๊กอินและธีมของ WordPress อย่างระมัดระวัง

ปลั๊กอินมี PHP, CSS, JavaScript, รูปภาพ ฯลฯ ของตัวเอง ดังนั้นแต่ละปลั๊กอินที่คุณติดตั้งอาจทำให้ไซต์ของคุณช้าลงได้ เลือกปลั๊กอินอย่างชาญฉลาดและใส่ใจกับบทวิจารณ์

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

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

เร่งความเร็วไซต์ WordPress ของคุณ

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

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

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

เรียนรู้เพิ่มเติมเกี่ยวกับเครื่องมือความเร็ว Jetpack