10 เคล็ดลับในการปรับปรุงความเร็วเว็บไซต์ WordPress

ความเร็วเว็บไซต์ WordPress

ความเร็วเว็บไซต์ – เป็นหนึ่งในปัจจัยสำคัญที่นักพัฒนาและ SEO ส่วนใหญ่ต้องการปรับปรุง ในสัปดาห์นี้ Google ประกาศว่าความเร็วในการโหลดหน้าเว็บจะเป็นปัจจัยสำคัญในการจัดอันดับ Mobile First Index ใหม่

ตามบทความนี้ ความเร็วในการโหลดหน้าเว็บเป็นสาเหตุโดยตรงของการละทิ้งหน้า โดย 25% ละทิ้งหลังจากเพียง 4 วินาที สามารถสังเกตได้ผ่าน Google Analytics ความเร็วในการโหลดหน้ายังมีผลเสียเมื่อพิจารณาถึงผู้ใช้มือถือ ตามข้อมูลของ DoubleClick โดย Google 53% ของผู้ใช้มือถือละทิ้งหน้าหลังจาก 4 วินาที

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

1. เรียกใช้การทดสอบ

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

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

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

2. ลดขนาดและรวม (HTML,CSS & JavaScript)

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

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

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

วิธีง่ายๆ ในการทำเช่นนี้คือการติดตั้งปลั๊กอิน เช่น WP Fastest Cache ภายในการตั้งค่าของปลั๊กอินประเภทนี้ คุณต้องการเลือกทั้งตัวเลือกย่อและรวม

3. ลดเวลาให้เหลือไบต์แรก

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

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

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

หาก TTFB ของคุณต่ำกว่า 200 มิลลิวินาที ทั้งหมดก็ดีในโลกนี้ หากไม่เป็นเช่นนั้น อาจมีปัญหาที่แตกต่างกันสองสามข้อในการดำเนินการเพื่อลดเวลาดังกล่าว

การสร้างเนื้อหาแบบไดนามิกและการกำหนดค่าเซิร์ฟเวอร์เป็นสองปัจจัยที่ควบคุมได้เมื่อพยายามลด TTFB ของคุณ ด้วย WordPress หน้าของคุณมีแนวโน้มมากที่สุด ซึ่งหมายความว่าพวกเขาจำเป็นต้องโต้ตอบกับฐานข้อมูลเพื่อ "สร้าง" จากไฟล์ต่างๆ ด้วย PHP ก่อนที่จะส่ง Ping กลับ

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

4. ลดเวลาตอบสนองของเซิร์ฟเวอร์

ปัจจัยที่สำคัญที่สุดประการหนึ่งในการโหลดหน้าเว็บของคุณคือระยะเวลาในการค้นหา DNS ของคุณ

ระบบชื่อโดเมน (DNS) คือเซิร์ฟเวอร์ที่มีฐานข้อมูลของที่อยู่ IP และชื่อโฮสต์ที่เกี่ยวข้อง เมื่อผู้ใช้พิมพ์ URL ลงในเบราว์เซอร์ เซิร์ฟเวอร์ DNS คือสิ่งที่แปล URL นั้นเป็นที่อยู่ IP ที่ระบุตำแหน่งออนไลน์

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

หากคุณไม่แน่ใจว่าใครเป็นผู้ให้บริการ DNS ปัจจุบันของคุณ คุณสามารถค้นหาด้วย DNS Lookup Tool จาก MX Toolbox

5. เลือกตัวเลือกโฮสติ้งที่เหมาะสม

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

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

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

6. เปิดใช้งานการแคชเบราว์เซอร์

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

วิธีง่ายๆ ในการเปิดใช้งานการแคชของเบราว์เซอร์ คือการใช้ปลั๊กอิน เช่น WP Fastest Cache ทำตามขั้นตอนเหล่านี้เพื่อเปิดใช้งานการแคชของเบราว์เซอร์:

• ดาวน์โหลดและติดตั้งปลั๊กอิน WordPress 'WP Fastest Cache'
• ไปที่การตั้งค่าปลั๊กอิน WP Fastest Cache
• คลิกที่ช่องทำเครื่องหมายการแคชของเบราว์เซอร์แล้วคลิกปุ่มส่ง
• การนวดจะแสดง "บันทึกตัวเลือกแล้ว" หลังจากนั้น

เปิดใช้งานการแคช

ใน WP Fastest Cache ตัวเลือกระบบแคช เมื่อเปิดใช้งานแล้วจะสร้างไฟล์ html แบบคงที่จากไฟล์ฐานข้อมูล php และ mysql ที่เว็บไซต์ WordPress แบบไดนามิกของคุณประกอบด้วย

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

เมื่อเปิดใช้งานระบบแคช เซิร์ฟเวอร์ไม่จำเป็นต้องเรียกใช้ไฟล์ php และ mysql อีกต่อไป และอาศัยไฟล์ html แบบคงที่

เมื่อดำเนินการเสร็จสิ้น คุณควรสังเกตเห็นการปรับปรุงความเร็วที่สังเกตได้ของความเร็วเว็บไซต์เกือบจะในทันที

7. ขนาดภาพ

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

ขนาดรูปภาพที่แนะนำคือต่ำกว่า 100KB หรือ 0.1MB ดังนั้นรูปภาพจะโหลดอย่างรวดเร็ว ซึ่งหมายความว่ารูปภาพใดๆ ที่มีขนาดใหญ่กว่านี้จะต้องถูกบีบอัดให้เหลือหรือต่ำกว่า 100KB

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

หากคุณไม่มีความรู้ในการใช้ Photoshop ฉันขอแนะนำให้ใช้บริการบีบอัด CompressJPEG หรือ CompressPNG ออนไลน์

8. เปิดใช้งานการบีบอัด

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

WordPress Fastest Cache ยังอนุญาตให้บีบอัด GZIP ได้ เช่นเดียวกับการเปิดใช้งานการแคชของเบราว์เซอร์ เมื่อเปิดใช้งานตัวเลือกนี้ คุณจะเห็นการปรับปรุงความเร็วเว็บไซต์อย่างเห็นได้ชัด

หากคุณไม่แน่ใจว่าไซต์ของคุณเปิดใช้งาน Gzip หรือไม่ คุณสามารถใช้ตรวจสอบการบีบอัด GZIP เพียงป้อน URL ของเว็บไซต์ของคุณ และหากคุณเปิดใช้งาน Gzip ไว้ คุณจะเห็นสิ่งนี้:

9. ใช้แพลตฟอร์มโฮสติ้งภายนอก

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

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

10. ใช้ CDN

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

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

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

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

หากคุณต้องการข้อมูลเพิ่มเติมหรือประสบปัญหาในการดำเนินการเปลี่ยนแปลง คุณสามารถดูบริการต่างๆ ของ WordPress ได้ที่นี่: WordPress Web Development