แนวคิดในการปรับปรุงความเร็วในการโหลดเว็บไซต์?


22

มีวิธีใดบ้างที่ฉันสามารถปรับปรุงความเร็วในการโหลดเว็บไซต์ได้หรือไม่?

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

คำตอบ:


23
  1. เคล็ดลับของ Yahoo สำหรับการปรับปรุงหน้าเร่งความเร็ว
  2. เคล็ดลับของ Google สำหรับการปรับปรุงความเร็วของหน้า
  3. หากคุณใช้ PHP คำแนะนำของ Google ในการทำให้ PHP เร็วขึ้น

ต่อไปนี้เป็นรายการพื้นฐานที่ประกอบด้วยจากการเพิ่ม Page Speed ​​ของ Google (นี่คือ YSlow ของ Yahoo ):

  • ใช้ประโยชน์จากแคชเบราว์เซอร์
  • ระบุขนาดภาพ
  • หลีกเลี่ยง CSS @import
  • หลีกเลี่ยงคำขอที่ไม่ดี
  • รวมภาพเป็นสไปรต์ CSS
  • เลื่อนการแยกวิเคราะห์ JavaScript
  • เปิดใช้ Keep-Alive
  • เปิดใช้งานการบีบอัด
  • Inline Small CSS
  • JavaScript ขนาดเล็กแบบอินไลน์
  • ทำให้หน้า Landing Page เปลี่ยนเส้นทางที่แคชได้
  • ลดขนาด CSS
  • ลดขนาด HTML
  • ลดขนาด JavaScript
  • ลดการเปลี่ยนเส้นทางให้น้อยที่สุด
  • ลดขนาดคำขอให้เล็กสุด
  • ปรับภาพให้เหมาะสม
  • ปรับลำดับของสไตล์และสคริปต์ให้เหมาะสมที่สุด
  • ต้องการทรัพยากรแบบอะซิงโครนัส
  • ใส่ CSS ในส่วนหัวของเอกสาร
  • ลบสตริงแบบสอบถามออกจากทรัพยากรคงที่
  • ให้บริการทรัพยากรจาก URL ที่สอดคล้องกัน
  • แสดงภาพที่ปรับขนาดแล้ว
  • ระบุ Vary: ส่วนหัวยอมรับการเข้ารหัส
  • ระบุตัวตรวจสอบแคช
  • ระบุชุดอักขระ
  • เลื่อนการโหลด JavaScript
  • ลบ CSS ที่ไม่ได้ใช้
  • ใช้ตัวเลือก CSS ที่มีประสิทธิภาพ

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

ปรับปรุง

ตามคำแนะนำของ Nick ในความคิดเห็นต่อไปนี้เป็นแหล่งข้อมูลและข้อมูลที่ดีกว่า:

อัปเดต 2

ต่อไปนี้เป็นสถิติที่ดีที่แสดงว่าทำไมความเร็วหน้าจึงสำคัญ ( แหล่งที่มา )

  • Amazon: 100 มิลลิวินาทีความล่าช้าที่เกิดจากการลดลงของรายได้

  • Google: 400 มิลลิวินาทีความล่าช้าที่เกิดจากการลดลง 0.59% ในคำขอการค้นหาต่อผู้ใช้

  • yahoo !: 400 มิลลิวินาทีความล่าช้าที่เกิดจากการลดลง 5-9% ในการจราจร

  • Bing: 2 วินาทีล่าช้าที่เกิดจากการลดลง 4.3% ในรายได้ต่อผู้ใช้

  • Mozilla ทำหน้าดาวน์โหลดของพวกเขา 2.2 วินาทีเร็วและได้รับรางวัลที่มีการเพิ่มขึ้นของ15.4% ในการดาวน์โหลด

  • Google Maps ลดปริมาณแฟ้มโดย 30% และตั้งข้อสังเกตเพิ่มขึ้น 30% ในคำขอแผนที่

  • Netflix ซึ่งใช้ Appdynamics เพื่อตรวจสอบประสิทธิภาพเปิดใช้งาน gzip บนเซิร์ฟเวอร์ ง่ายๆโดยหน้าการกระทำเดียวนี้กลายเป็นเร็วขึ้น 13-25% และประหยัด 50% ของปริมาณการเข้าชม !

  • Shopzilla ประสบความสำเร็จในการลดเวลาในการโหลดจาก 7 ลงเหลือ 2 วินาทีโดยอัตราการแปลงเพิ่มขึ้น 7-12%พวกเขาสังเกตเห็นว่าคำขอหน้าเว็บเพิ่มขึ้น 25% พวกเขาสามารถออกจากเซิร์ฟเวอร์ได้ 50%ทำให้ประหยัดพลังงาน .

  • AOL สังเกตจำนวนเพจวิวในหลายเว็บไซต์ ในขณะที่ผู้ใช้ที่เร็วที่สุดร้องขอ 7-8 หน้า แต่ช้าที่สุดดูได้เพียง 3-4

  • Edmunds ได้ลงจากกว่า 10 วินาทีเพื่อน้อยกว่า 2 เพิ่มเพจวิว 17% และเพิ่มรายได้ 3%


2
+1 นอกจากนี้ยังควรกล่าวถึงเคล็ดลับของ Steve Souder ที่นี่: stevesouders.com/hpws/rules.phpและหนังสือของเขาที่นี่: stevesouders.com/blog/2009/04/23/even-faster-web-sitesนี่คือการอ้างอิงของ Facebook เมื่อพวกเขาเพิ่มประสิทธิภาพไซต์ครั้งแรก: facebook.com/note.php?note_id=307069903919
Nick

ฉันรู้สึกว่ามีบางอย่างในส่วนหัวของฉันคือการทำให้ไซต์ยุ่งเหยิง!
Rob

ฉันไม่แน่ใจว่าฉันชอบคำตอบนี้เพราะมันไม่ได้อธิบายถึงวิธีการสร้างเว็บไซต์ที่รวดเร็วเพียงแค่สิ่งที่คุณสามารถทำให้คนจรจัดได้เร็วขึ้นเท่านั้น มันเหมือนกับการพูดว่า 'เพิ่มสปอยเลอร์บนรถ' - ซึ่งทุกคนสามารถทำได้ - แต่คุณต้องเข้าใจหลักการทั่วไปของอากาศพลศาสตร์เพื่อให้เหมาะสม
ʍǝɥʇɐɯ

@Matthew ส่วนเสริมของ Google และ Yahoo และหน้าอธิบายว่าทำไมการเพิ่มประสิทธิภาพเหล่านี้ช่วย ข้อมูลรวมทั้งมีประโยชน์
John Conde

เพิ่งได้คะแนน 89/100 สำหรับการตรวจสอบความเร็วของ Google ถือว่าค่อนข้างดีเมื่อฉันไม่ได้พยายามเพิ่มประสิทธิภาพความเร็วเลย
Rob

1

ลอง CloudFlare http://www.cloudflare.com/plans

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.