วิธีปรับปรุงความเร็วในการโหลดหน้าเว็บเพื่อให้ได้ผลลัพธ์สูงสุด

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

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

เตรียมตัวให้พร้อมเพราะมันจะเป็นการขี่ความเร็วสูงไปสู่อันดับที่สูงขึ้น

เหตุใดการมีเว็บไซต์ที่รวดเร็วจึงมีความสำคัญ

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

หน้าที่โหลดเร็วขึ้นช่วยเพิ่มประสิทธิภาพไซต์ของคุณ เพิ่ม Google PageSpeed ​​Insights และคะแนน GTmetrix และอันดับที่ดีขึ้นในผลการค้นหา

แต่ความเร็วของหน้าส่งผลต่อ SEO มากแค่ไหน? ความเร็วของหน้าเว็บที่โหลดช้า สามารถนำไปสู่ :

• การแปลงลดลง 7%
• การดูหน้าเว็บน้อยลง 11%
• ความพึงพอใจของลูกค้าลดลง 16%

และทุก ๆ วินาที ตัวเลขเหล่านี้ยิ่งน่ากลัวมากขึ้นเรื่อย ๆ:

• อัตราตีกลับสามารถ เพิ่มขึ้นมากถึง 103% หลังจากการหน่วงเวลาเพียงสองวินาที
• 53% จะออกจากเว็บไซต์ ที่ใช้เวลาโหลดนานกว่าสามวินาที
• 79% ของผู้ซื้อที่ไม่พึงพอใจ เนื่องจากความเร็วในการโหลดของเว็บไซต์ มีแนวโน้มที่จะซื้ออีกน้อยลง

ฉันจะดูความเร็วในการโหลดหน้าเว็บได้อย่างไร

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

• Google PageSpeed ​​Insights ทำการทดสอบแยกต่างหากสำหรับเดสก์ท็อปและอุปกรณ์เคลื่อนที่ โดยแยกเวลาในการโหลดออกเป็นขั้นตอนต่างๆ
  
• GTmetrix ให้ภาพรวมของขนาด เวลาในการโหลดหน้าเว็บ และการจัดสรรทรัพยากร เช่นเดียวกับ YSlow
  
• Pingdom ให้บริการคล้ายกับ GTmetrix
  
• WebPageTest เป็นมิตรกับผู้ใช้น้อยกว่าอันอื่นเล็กน้อย แต่มีแนวโน้มที่จะให้ข้อมูลเชิงลึกมากกว่า สิ่งที่ควรทราบคือตัวเลือกขั้นสูง ซึ่งจะพิจารณาว่าไซต์ทำงานอย่างไรในเบราว์เซอร์ต่างๆ

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

ตอนนี้คุณทราบความเร็วในการโหลดหน้าเว็บแล้ว มาดูกันว่าคุณกำลังตอกบัตรตามเวลาที่เหมาะสมหรือไม่

เว็บไซต์ของฉันควรโหลดเร็วแค่ไหน?

โดยทั่วไป หน้าเว็บของคุณควรโหลดเสร็จภายในสามวินาทีหรือน้อยกว่านั้น

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

คุณควรใส่ใจกับเวลาในการใช้ไบต์แรก (TTFB) (WebPageTest และ PageSpeed ​​Insights แสดงข้อมูลนี้) TTFB คือระยะเวลาที่เบราว์เซอร์รอก่อนที่จะยอมรับข้อมูลไบต์แรกจากเซิร์ฟเวอร์ Google แนะนำ TTFB 200 มิลลิวินาทีหรือเร็วกว่า

ข้อมูลเชิงลึกเพิ่มเติมเกี่ยวกับเป้าหมายความเร็วในการโหลดหน้าเว็บ:

• Pingdom พบว่าหน้าเว็บส่วนใหญ่โหลดน้อยกว่า 3.21 วินาที โดยเฉลี่ย
  
• Google กล่าวว่า 53% ของผู้ใช้ ยินดีที่จะรอเพียงสามวินาทีเพื่อให้โทรศัพท์โหลดก่อนที่จะไปยังเว็บไซต์อื่น
  
• Akamai พบว่าความเร็วในการโหลดหน้าเว็บบนมือถือโดยเฉลี่ย 2.4 วินาที นำไปสู่อัตราการแปลงที่ดีที่สุด

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

วิธีที่ดีที่สุดในการเพิ่มความเร็วในการโหลดหน้าเว็บคืออะไร

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

ต่อไปนี้เป็นวิธีการที่ดีที่สุด:

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

2. ปรับภาพให้เหมาะสม

3. เปิดการแคชเบราว์เซอร์

4. ลดขนาด HTML, CSS และ JavaScript

5. ลดคำขอ HTTP

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

7. พิจารณาการใช้ CDN
โบนัส: ทำการปรับปรุงเฉพาะ WordPress

ทำเครื่องหมายของคุณ! เตรียมพร้อม! เพิ่ม!

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

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

ปลั๊กอินประสิทธิภาพแบบ all-in-one ของ WordPress ส่วนใหญ่ให้คุณมีตัวเลือกในการเปิดใช้การบีบอัดโดยอัตโนมัติ คุณสามารถเปิดใช้การบีบอัดได้ด้วยตนเองโดยเพิ่มโค้ดลงในไฟล์ .htaccess สำหรับผู้ที่ใช้งานจริงหรือใช้ CMS อื่น

2. เพิ่มประสิทธิภาพรูปภาพ

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

• ต่ำกว่า 100 กิโลไบต์
• กำหนดขนาดตามภาพที่จะแสดง
• บันทึกเป็น JPG (เว้นแต่จะโปร่งใส ซึ่งในกรณีนี้ให้ใช้ PNG)

การบีบอัดรูปภาพทำให้คุณภาพลดลงอย่างเห็นได้ชัด ดังนั้นอย่าปล่อยให้ความต้องการในการโหลดเร็วขึ้นส่งผลเสียต่อคุณภาพการออกแบบเว็บไซต์ของคุณ แต่อย่างน้อยที่สุด หากเว็บไซต์ของคุณมีความกว้าง 600 พิกเซล เช่น อย่าอัปโหลดรูปภาพที่มีความกว้าง 2,500 พิกเซล

ปรับรูปภาพให้เหมาะสมก่อนอัปโหลดโดยใช้ Photoshop (ชำระเงิน) หรือ GIMP (ฟรี) สำหรับการบีบอัดเพิ่มเติม คุณยังสามารถใช้เครื่องมือเพิ่มประสิทธิภาพออนไลน์ เช่น TinyJPG หากคุณต้องการตัวเลือกอื่นและใช้ CMS เช่น WordPress Smush และ EWWW Image Optimizer เป็นปลั๊กอินสำรองที่ดี ปลั๊กอินบางตัวยังอนุญาตให้คุณเปิดใช้คุณลักษณะ "การโหลดแบบขี้เกียจ" ที่ให้ความสำคัญกับเนื้อหาครึ่งหน้าบน และจะโหลดเฉพาะรูปภาพของคุณเมื่อผู้เยี่ยมชมเลื่อนลงมาเท่านั้น ซึ่งช่วยลดคำขอที่เซิร์ฟเวอร์ของคุณได้รับอย่างมาก

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

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

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

หากคุณใช้ WordPress การแคชค่อนข้างง่าย ปลั๊กอิน เช่น WP Rocket และ W3 Total Cache จะแนะนำคุณตลอดขั้นตอนที่จำเป็นทั้งหมดและตั้งค่าให้คุณ เพียงตรวจสอบให้แน่ใจว่าใช้ปลั๊กอินเหล่านี้เพียงครั้งเดียว นอกจากนี้ การเปิดใช้งานการแคชด้วยตนเองยังซับซ้อนกว่าเล็กน้อย

4. ลดขนาด HTML, CSS และ JavaScript

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

ปลั๊กอิน WordPress เช่น WP Super Minify, WP Rocket และ W3 Total Cache เหมาะอย่างยิ่งสำหรับนักพัฒนาเว็บมือใหม่ที่ต้องการลดขนาด คุณจะต้องทำการย่อขนาดด้วยตนเองสำหรับ CMS อื่น ๆ และผู้ดูแลระบบขั้นสูง เครื่องมือบางอย่างที่สามารถช่วยได้คือ:

• ตัวย่อ HTML
• YUI Compressor หรือ CSS Minifier
• JSCompress หรือ JSMin

5. ลดคำขอ HTTP

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

มีหลาย วิธีในการปรับปรุงคำขอเหล่านี้ รวมทั้งเพิ่มความเร็วให้เร็วขึ้นด้วย

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

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

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

สิ่งสำคัญอื่น ๆ ที่ควรพิจารณา:

• เวอร์ชัน PHP
  หากไซต์ของคุณใช้ PHP คุณควรใช้ PHP 7 หรือสูงกว่า วิธีที่ง่ายที่สุดในการเรียนรู้ว่าคุณกำลังใช้ PHP ใดและจำเป็นต้องอัปเกรดคือการโทรหาผู้ให้บริการโฮสติ้งของคุณ แต่โปรดจำไว้ว่าการเปลี่ยนแปลงใน PHP อาจส่งผลต่อธีมและปลั๊กอินของ WordPress บางตัว คุณสามารถย้อนกลับ PHP ของเซิร์ฟเวอร์ได้อย่างรวดเร็วหากมีข้อผิดพลาด
  
• HTTP/2
  HTTP/2 เป็นโปรโตคอลฝั่งเซิร์ฟเวอร์ที่สามารถปรับปรุงความเร็วและประสิทธิภาพของไซต์ได้อย่างมาก ไม่ใช่ทุกไซต์ที่ใช้ HTTP/2 เมื่อทำได้ คุณสามารถใช้เครื่องมือออนไลน์ต่างๆ เพื่อตรวจสอบว่าเซิร์ฟเวอร์ของคุณสามารถรองรับ HTTP/2 ได้หรือไม่ จากนั้น ติดต่อผู้ให้บริการโฮสติ้งของคุณเพื่อทราบว่าคุณมีตัวเลือกใดบ้าง
  
• ประเภทโฮสติ้ง
  ธุรกิจขนาดเล็กส่วนใหญ่ใช้เซิร์ฟเวอร์โฮสติ้งที่ใช้ร่วมกันที่มีราคาถูกกว่า (เช่น Bluehost, GoDaddy และ HostGator) องค์กรขนาดใหญ่ที่มองเห็นการเข้าชมไซต์จำนวนมากมักจะต้องการเซิร์ฟเวอร์ส่วนตัวเสมือนที่มีประสิทธิภาพมากขึ้นหรือเซิร์ฟเวอร์โดยตรงเพื่อเผยแพร่เนื้อหาของตน ตัดสินใจว่าคุณจะจัดหมวดหมู่ใดโดยใช้งบประมาณและประสิทธิภาพเป็นเมตริก

7. พิจารณาการใช้ CDN

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

ตัวเลือก CDN ที่ไม่ซ้ำใคร ได้แก่:

• คลาวด์แฟลร์
• สแต็กพาธ
• แคชฟลาย.
• Google Cloud CDN

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

โบนัส: การปรับปรุงเฉพาะของ WordPress

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

ลดปลั๊กอิน

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

นั่นเป็นเหตุผลว่าทำไมจึงจำเป็นต้อง:

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

ตัวอย่างเช่น สมมติว่าคุณติดตั้งปลั๊กอิน Google Analytics ในกรณีนั้น คุณควรเพิ่มข้อมูลโค้ดด้วยตัวเองผ่าน Google Tag Manager หรือผ่านปลั๊กอินแทรกส่วนหัวและส่วนท้าย (ซึ่งมีขนาดเล็กกว่าอันเดิมมาก)

เพื่อช่วยค้นหาปัญหา เครื่องมือประเมินปลั๊กอินที่ยอดเยี่ยม เช่น Page Performance Profiler สามารถระบุได้ว่าปลั๊กอินใดมีผลกับความเร็วในการโหลดหน้าเว็บของคุณ (เสร็จแล้วอย่าลืมเอาออกนะครับ)

ทำความสะอาดฐานข้อมูลของคุณ

เมื่อเวลาผ่านไป ฐานข้อมูล WordPress อาจจมอยู่กับร่างที่บันทึกไว้ โพสต์การแก้ไข และสิ่งอื่นๆ ที่เว็บไซต์ของคุณไม่จำเป็นต้องทำงาน การทำความสะอาดสิ่งเกะกะนี้เป็นครั้งคราวสามารถช่วยเพิ่มความเร็วไซต์ของคุณได้ ปลั๊กอินประสิทธิภาพแบบ all-in-one บางตัวมีความสามารถนี้ (คล้ายกับ WP Rocket) หรือคุณสามารถใช้ปลั๊กอิน WP-Optimize

อัปเดต CMS และธีม

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

ความเร็วในการโหลดหน้าเว็บที่รวดเร็วนั้นสำคัญยิ่งกว่าที่เคย

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

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