เคล็ดลับในการเพิ่มความเร็วในการโหลดเว็บไซต์ด้วยการเพิ่มประสิทธิภาพที่เหมาะสม

เผยแพร่แล้ว: 2019-07-19

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

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

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

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

ความเร็วในการโหลดเว็บไซต์ช้าส่งผลต่อกิจกรรมออนไลน์ดังนี้

  1. การแปลง
  2. ทัศนวิสัย
1. การแปลง

Conversion

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

ตามรายงานที่เผยแพร่ใน Hub Spot แม้ความล่าช้าในการโหลดหน้าเว็บเพียง 1 วินาทีก็อาจส่งผลให้อัตราการแปลงของบริษัทลดลงได้ถึง 7-8% บางครั้งสิ่งนี้อาจน่าผิดหวังมากหากการโหลดเว็บไซต์ใช้เวลานานเกินไป

การเข้าชมประมาณ 40 ถึง 45% ออกจากหน้านี้และจะย้ายไปที่ไซต์อื่น ซึ่งหมายความว่าการหน่วงเวลา 1-2 วินาทีสามารถถ่ายโอนกิจกรรมทั้งหมดไปยังไซต์การแข่งขันอื่น ๆ และส่งผลให้บริษัทสูญเสียรายได้จำนวนมาก

2. ทัศนวิสัย

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

นอกจากนี้ยังนำไปสู่การจัดอันดับที่ไม่ดีในผลการค้นหาทั่วไป อัตราตีกลับยิ่งต่ำ ยิ่งอันดับสูงขึ้น

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

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

แต่ถ้าโหลดหน้าเว็บนานเกินไป ลูกค้าจะหงุดหงิดทันที

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

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

ตามรายงานจะใช้เวลาประมาณ 3 วินาทีในการโหลดหน้าเว็บในเวอร์ชันมือถือ

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

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

การเพิ่มประสิทธิภาพนี้สามารถทำได้ด้วยวิธีต่อไปนี้

  1. การย้ายเว็บไซต์ของคุณไปยังโฮสต์ที่ดีกว่า
  2. ลดเวลาตอบสนองของเซิร์ฟเวอร์
  3. ลดจำนวนไฟล์ CSS และ JavaScript
  4. ลองย่อและรวมไฟล์
  5. เลื่อนการโหลด JavaScript
  6. ปรับขนาดภาพให้เหมาะสม
  7. ลดจำนวนปลั๊กอินและวิดเจ็ต
  8. การใช้เครือข่ายการกระจายเนื้อหา
  9. แบนด์วิดท์ลดความเร็วในการโหลด
  10. เปิดใช้งานการแคชเบราว์เซอร์
  11. ลดการอ้างอิง
  12. ลดสคริปต์ภายนอก
  13. เริ่มตรวจสอบความเร็วของคุณเมื่อเวลาผ่านไป
  14. ตรวจสอบความเร็วของหน้ามือถือของคุณ
1. การย้ายเว็บไซต์ของคุณไปยังโฮสต์ที่ดีกว่า แชร์โฮสติ้ง

Moving your website to a better host

  1. โฮสติ้งเสมือนจริง
  2. เซิร์ฟเวอร์ส่วนตัว (VPS)
  3. เซิร์ฟเวอร์เฉพาะ

(a) แชร์โฮสติ้ง – นี่เป็นประเภทโฮสติ้งที่ถูกที่สุดเพราะใช้โปรเซสเซอร์และ RAM ร่วมกัน ซึ่งจะลดความเร็วลงเมื่อเทียบกับโฮสต์ส่วนตัวเสมือนและเซิร์ฟเวอร์เฉพาะ

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

(b) Virtual Private Server (VPS) Hosting – นี่เป็นวิธีที่เร็วที่สุดในการแชร์โฮสติ้ง ในที่นี้ เซิร์ฟเวอร์จะถูกแชร์ แต่ก็มีส่วน VPS ของคุณเองซึ่งไม่มีไคลเอ็นต์อื่นใดที่สามารถเข้าถึงข้อมูลได้

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

(c) เซิร์ฟเวอร์เฉพาะ – นี่คือเซิร์ฟเวอร์ประเภทที่แพงที่สุด เป็นเซิร์ฟเวอร์จริงของคุณเอง ในที่นี้ คุณเช่าเซิร์ฟเวอร์และขอให้ผู้ดูแลระบบคนใดคนหนึ่งดูแลเซิร์ฟเวอร์นั้น

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

การค้นหา DNS ของคุณส่งผลต่อเวลาในการโหลดหน้าเว็บของคุณ DNS หมายถึงระบบชื่อโดเมน โดยพื้นฐานแล้วจะแปล URL เป็นที่อยู่ IP ในขณะที่การค้นหา DNS จะค้นหาระเบียน DNS เฉพาะในฐานข้อมูล

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

3. ลดจำนวนไฟล์ CSS และ JavaScript

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

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

พยายามรวบรวม JavaScript ทั้งหมดไว้ในที่เดียว และยิ่งไปกว่านั้น สืบทอดไฟล์เก็บถาวร CSS ทั้งหมด ซึ่งสามารถลดคำขอ HTTP ทั้งหมดได้ มีเครื่องมือมากมายที่ช่วยลดไฟล์เก็บถาวร HTML, CSS และ JavaScript ได้อย่างรวดเร็ว

ตัวอย่างเช่น คุณสามารถใช้อุปกรณ์ WillPeavy, Script Minifier หรือ Grunt

4. พยายามลดและรวมไฟล์

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

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

นอกจากนี้ พยายามย่อขนาดและรวมไฟล์ขนาดเล็กที่เพิ่มขนาดไฟล์โดยไม่จำเป็น การลดขนาดที่นี่คือการลบการจัดรูปแบบที่ไม่จำเป็นและการเว้นวรรคที่ว่างเปล่า

5. เลื่อนจากการโหลดจาวาสคริปต์

การรายงาน JavaScript หมายความว่าการโหลดหรือการวิเคราะห์ JavaScript ไม่เริ่มต้นจนกว่าจะโหลดเนื้อหาของหน้า ในทางกลับกัน จะไม่ส่งผลต่อการแสดงผลพื้นฐานของเพจ

การดำเนินการของสคริปต์เริ่มต้นเมื่อการวิเคราะห์หน้าเสร็จสมบูรณ์ หนึ่งในคำแนะนำเหล่านี้คือ คุณควรโหลด JavaScript ของคุณลงในฐานของหน้าก่อนสิ้นสุด ฉลาก.

อีกครั้ง หากคุณวาง JavaScript ไว้ที่ด้านล่างของหน้า ผู้ใช้จะเห็นหน้าโหลดก่อน จากนั้นโค้ด JavaScript จะโหลดในพื้นหลัง

6. ปรับขนาดภาพให้เหมาะสม

Optimize image size

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

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

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

นี่หมายความว่าเพื่อจัดการไซต์อีคอมเมิร์ซอย่างมีประสิทธิภาพ รูปภาพมีความสำคัญอย่างยิ่ง

แต่ในขณะเดียวกันก็ควรสังเกตว่าภาพเหล่านี้ยังลดความเร็วในการโหลดของเว็บไซต์อีกด้วย

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

7. ลดจำนวนปลั๊กอินและวิดเจ็ต

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

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

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

8. การใช้เครือข่ายการจัดส่งเนื้อหา

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

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

9. แบนด์วิดท์ลดความเร็วในการโหลด

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

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

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

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

ดังนั้น เมื่อเปิดใช้งานการแคช เว็บไซต์จะโหลดเร็วขึ้น

11. ลดการเปลี่ยนเส้นทาง

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

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

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

12. ลดขนาดสคริปต์ภายนอก

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

เมื่อไซต์เปิดขึ้น ตัวอย่างเช่น ทุกคนเปิด Facebook สคริปต์ภายนอกเหล่านี้จะแนบมากับโค้ด

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

13. เริ่มตรวจสอบความเร็วของคุณเมื่อเวลาผ่านไป

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

14. ตรวจสอบความเร็วของหน้ามือถือของคุณ

Monitor the speed of your mobile page

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

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

หากเว็บไซต์โหลดเร็วบนคอมพิวเตอร์เดสก์ท็อปแต่หน้ามือถือไม่เร็วมาก อันดับของเว็บไซต์จะลดลงตามผลการค้นหาทั่วไป

บทสรุป

งานจะไม่ง่ายนักและผู้ใช้ไม่ได้คาดหวังว่าจะใช้วิธีการใด ๆ ในวันนี้ เราควรใช้เวลากับเว็บไซต์ให้มากขึ้น และพยายามวิเคราะห์แต่ละขั้นตอน

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

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