บล็อกชุดนี้เกี่ยวกับความเร็วเว็บไซต์เป็นเรื่องสนุก.

จนถึงตอนนี้เราได้เรียนรู้ว่า Amazon จะเสียเงิน $ 1.6 พันล้าน (!) หากเว็บไซต์ของพวกเขาช้าลง.

นอกจากนี้เรายังได้เรียนรู้สิ่งที่เกิดขึ้นเบื้องหลังเพื่อทำให้เว็บไซต์ทำงานช้าลง.

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

ก่อนอื่นให้สรุปสิ่งที่ทำให้ความเร็วช้าลง:

เมื่อคุณโหลดเว็บไซต์ของฉันที่นี่ที่ Bitcatcha เบราว์เซอร์ของคุณ (Firefox, Safari, Chrome ฯลฯ ) จะเริ่มการสนทนากับเว็บเซิร์ฟเวอร์ของฉัน.

เบราว์เซอร์:“ เฮ้เว็บเซิร์ฟเวอร์! คุณช่วยพาฉันบิตและชิ้นส่วนทั้งหมดเพื่อแสดง Bitcatcha.com ได้ไหม”

เซิร์ฟเวอร์:“ แน่นอนฉันขอพบพวกเขาและส่งพวกเขาข้าม”.

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

ฟังดูง่ายพอ แต่นี่คือสิ่งที่จะทำให้ช้าลง:

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

มีหลายอย่างที่ผิดพลาดได้ที่นี่ ดังนั้นเราจะเร่งความเร็วสิ่งต่าง ๆ ได้อย่างไร?

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

Contents

ส่วนที่ 1: ทำให้เซิร์ฟเวอร์ของคุณเร็วขึ้น

1. อัปเกรดเป็นโฮสต์เว็บที่ดีกว่า (เช่นเซิร์ฟเวอร์ที่ดีกว่า)

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

พวกเราส่วนใหญ่มักจะซื้อที่ดินที่ถูกที่สุดที่เราพบ แต่นั่นไม่ใช่วิธีแก้ปัญหาที่ชาญฉลาด.

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

บันทึก

ตรวจสอบรายชื่อเว็บโฮสติ้งที่เร็วที่สุดของเราตามเวลาตอบสนองของเซิร์ฟเวอร์.

2. เปลี่ยนจากโฮสติ้งที่ใช้ร่วมกันเป็น VPS

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

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

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

3. ย้ายเซิร์ฟเวอร์ให้ใกล้กับผู้ชมของคุณมากขึ้น

ทุกครั้งที่มีคนคลิกที่เว็บไซต์ของคุณเซิร์ฟเวอร์ของคุณจะต้องส่งข้อมูลทั่วโลกไปยังหน้าจอคอมพิวเตอร์ของพวกเขา.

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

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

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

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

หมายความว่าผู้เข้าชมของคุณได้รับความเร็วที่เร็วที่สุดไม่ว่าจะอยู่ที่ใดในโลก (สำหรับการอ้างอิงของคุณฉันใช้ Cloudflare ที่นี่ใน Bitcatcha)

5. เปิดใช้งานการตั้งค่า “รักษาการมีชีวิต”

เมื่อเซิร์ฟเวอร์ของคุณส่งไฟล์เว็บไซต์ของคุณลงในอุโมงค์ทุกส่วนจะเดินทางแยกกัน สไตล์ชีท CSS, โลโก้ของคุณ, ภาพแต่ละภาพ ฯลฯ.

เห็นได้ชัดว่าวิธีที่มีประสิทธิภาพที่สุดในการทำเช่นนี้คือการส่งพวกเขาทั้งหมดลงในอุโมงค์ขนาดใหญ่เดียวกัน.

นั่นคือจุดที่มีการตั้งค่า ‘Keep alive’ เมื่อเปิดใช้งานอุโมงค์หลักจะยังคงเปิดอยู่และทุกอย่างจะเชื่อมต่อแบบเดียวกัน (เร็วสุด ๆ ).

แต่เมื่อปิดการตั้งค่าจะต้องสร้างอุโมงค์ใหม่สำหรับทุกองค์ประกอบ (อันนี้ช้ามาก).

โฮสต์เว็บส่วนใหญ่เปิดใช้งานการตั้งค่านี้ (ซึ่งถือว่าดี) แต่บางครั้งโฮสต์ที่ใช้ร่วมกันจะปิดการเชื่อมต่อโดยไม่มีการเตือน.

ส่วนที่ 2: ปรับองค์ประกอบเว็บไซต์ให้เหมาะสม

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

6. ลดเวลาไปกลับ (RTT)

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

เวลาที่ใช้ในการรับคือหนึ่งรอบการเดินทาง.

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

ยิ่งคุณมีกล่องมากเท่าไหร่คุณต้องเดินทางไปกลับมากขึ้นเท่านั้น การแก้ไขปัญหา? ลดจำนวนกล่องที่คุณกำลังถ่าย.

ลดจำนวนองค์ประกอบที่เซิร์ฟเวอร์ของคุณต้องส่งสัญญาณลงมา ภาพน้อยลง, รหัสน้อยลง, ปลั๊กอินน้อยลง.

7. เปิดใช้งานการบีบอัดข้อมูลบนเว็บไซต์ของคุณ

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

โชคดีที่คุณสามารถบีบอัดเว็บไซต์ของคุณและทุกอย่างในนั้น ใช้เครื่องมือเช่น Gzip (ได้รับการยอมรับโดยเบราว์เซอร์ 90% – ทุกคนนั้นค่อนข้างยกเว้นผู้พลัดหลงที่ยังใช้ Internet Explorer 4 อยู่)

ส่วนที่อ้วนที่สุดของเว็บไซต์คือรูปภาพ, HTML, CSS และ Javascript คุณสามารถลด “น้ำหนัก” โดยเฉลี่ยของเว็บไซต์ของคุณขณะที่กำลังถ่ายโอน.

สนุกกับความเป็นจริง

น้ำหนักเฉลี่ยของเว็บไซต์คือ 2MB แต่มีขนาดใหญ่ขึ้นทุกปี.

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

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

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

นอกจากนี้บีบอัดภาพของคุณก่อนที่จะอัปโหลด หากคุณใช้ WordPress ปลั๊กอินเช่น WP Smush สามารถลดขนาดภาพลงได้มากถึง 80%!

9. … หรือทำสไปรต์

สไปรท์เป็นภาพเดียวที่มีรูปภาพจำนวนน้อย เหมาะอย่างยิ่งสำหรับการแชร์ปุ่มหรือองค์ประกอบภาพอื่น ๆ.

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

10. ตัดรหัสของคุณ

HTML นั้นหนาแน่นและหนักหน่วง นอกจากนี้ยังมีการทำซ้ำอย่างไม่น่าเชื่อ CSS มีความคล่องตัวเพิ่มขึ้นเล็กน้อย แต่มีจำนวนมากซ้ำซ้อน.

ได้เวลาผ่านโค้ดของคุณด้วยหวีซี่ละเอียดแล้วกำจัดบิตที่ไม่จำเป็นออกไป.

หากคุณกำลังใช้เทมเพลตจาก WordPress, Tumblr และอื่น ๆ แสดงว่ามีโค้ดมากมายที่คุณไม่ได้ใช้ แม่แบบเหล่านี้ได้รับการตั้งค่าเพื่อให้คุณมีตัวเลือกมากมายสำหรับการใช้งาน แต่พวกเราส่วนใหญ่ไม่ต้องการทุกอย่าง.

เหี้ยม!

11. ถอนการติดตั้งปลั๊กอินที่ไม่มีประโยชน์ (WordPress)

เราทุกคนทดลองกับปลั๊กอินจำนวนมากในช่วงหลายปีที่ผ่านมา แต่บ่อยครั้งเราลืมที่จะถอนการติดตั้ง.

ปลั๊กอินทั้งหมดคือคำขอของเซิร์ฟเวอร์อื่น เป็นอีกแพ็กเกจที่มีน้ำหนักมากปิดกั้นอุโมงค์ความเร็วสูงของคุณ.

หากคุณไม่ได้ใช้ให้ปิด.

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

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

ส่วนที่ 3: โบนัสพิเศษ

13. ลดการค้นหา DNS

มีส่วนหนึ่งของกระบวนการที่เรายังไม่ได้พูดถึง มันเกิดขึ้นตั้งแต่เริ่มต้น.

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

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

หากเบราว์เซอร์ของคุณต้องทำห้าครั้งคุณอาจสูญเสียครึ่งวินาที เก็บไว้ในโดเมนน้อยที่สุด.

14. แคชเบราว์เซอร์

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

นั่นคือสิ่งที่แคช มันหมายถึงเบราว์เซอร์ของคุณ “จดจำ” เว็บไซต์ เมื่อคุณโหลดมันเป็นครั้งที่สองมันเร็วสุด ๆ.

วุ้ย นั่นคือการโพสต์นานกว่าปกติ แต่ฉันคิดว่ามันคุ้มค่า.

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

นั่นหมายถึงผู้เข้าชมที่มีความสุข และมันหมายถึงยอดขายเพิ่มขึ้น.

คู่มือความเร็ว WordPress

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

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me