การมอบประสบการณ์บนเว็บที่รวดเร็วไม่ใช่แค่การย้ายไฟล์ไปอยู่ใกล้ผู้เยี่ยมชมมากขึ้นเท่านั้น
มันเป็นเรื่องของการทำให้แน่ใจว่าพิกเซลแรกจะโหลดบนหน้าจอของผู้เยี่ยมชมได้อย่างรวดเร็วที่สุด มันคือการเพิ่มประสิทธิภาพลำดับการจัดส่งทรัพยากรของเพจเพื่อให้สามารถมองเห็นเพจและเริ่มใช้งานได้เร็วขึ้น
และการรู้ว่าเมื่อใดและเหตุใดหน้าเว็บของคุณจึงเรนเดอร์ช้าและคุณจะสามารถทำอะไรได้บ้าง
วัดว่าเว็บไซต์ของคุณเร็วแค่ไหน และจะทำให้เร็วขึ้นกว่าเดิมได้อย่างไร
หากไม่สามารถวัดผลได้ ก็จะไม่สามารถปรับปรุงได้
วัดประสบการณ์ผู้ใช้จริงของเว็บไซต์ของคุณ รวมถึงประโยชน์ด้านประสิทธิภาพจากการใช้ Cloudflare
Browser Insights ช่วยให้คุณสามารถวัดเวลาในการเชื่อมต่อ TCP, ระยะเวลาการตอบสนองของ DNS, Time to First Byte (TTFB), เวลาในการโหลดเพจและอื่น ๆ จากมุมมองของผู้เยี่ยมชมทั่วโลก
Speed Page บน Dashboard ของคุณยังสร้าง Filmstrip ของภาพหน้าจอที่บันทึกไว้เมื่อโหลดหน้าเว็บของคุณ ซึ่งจะช่วยให้คุณเห็นภาพเปรียบเทียบการโหลดเว็บไซต์ของคุณบน Cloudflare ที่เปิดใช้งานแคชเทียบกับการเชื่อมต่อโดยตรงกับข้อมูลต้นทางของคุณ
รูปภาพทำให้หน้าเว็บของคุณมีชีวิตชีวา แต่รูปภาพขนาดใหญ่ก็มักทำให้หน้าเว็บโหลดช้าลง นอกจากนี้ การสร้างและจัดการรูปภาพหลายรูปแบบสำหรับทั้งมือถือและเดสก์ท็อปก็อาจมีความซับซ้อน
อัลกอริทึม Cloudflare Image Optimization ทำให้การส่งภาพเป็นไปอย่างราบรื่นโดยขจัดความซับซ้อนออกไปจากภาพ
สร้างรูปแบบภาพได้ตามความต้องการจากรูปภาพหลักเพียงรูปเดียว โดยใช้ฟังก์ชัน Image Resizing หรือปรับปรุงประสิทธิภาพการส่งรูปภาพสำหรับมือถือโดยใช้ Mirage หรือใช้การบีบอัดรูปภาพแบบง่าย ๆ ด้วย Polish
สร้างรูปแบบภาพคุณภาพสูงโดยใช้รูปภาพหลักรูปเดียวจากข้อมูลต้นทางของคุณ ปรับขนาด ครอป บีบอั ด หรือแปลงรูปภาพเป็น WebP เพื่อลด Bandwidth Costs และเพิ่มประสิทธิภาพ
เร่งการแสดงภาพสำหรับผู้เยี่ยมชมของคุณตามอุปกรณ์ของพวกเขา Mirage ตรวจจับขนาดหน้าจอและความเร็วในการเชื่อมต่อเพื่อส่งภาพให้เหมาะสมสำหรับหน้าต่างเบราว์เซอร์ปัจจุบันมากที่สุด
ลดขนาดรูปภาพโดยการถอดข้อมูลเมตาออกและใช้การบีบอัดแบบไม่สูญเสีย (Lossless) หรือสูญเสียบ้าง (Lossy) เพื่อลบไบต์ที่ซ้ำซ้อนออกจากรูปภาพ
เมื่อใช้ Cloudflare เวลาในการโหลดรูปภาพของเราเร็วขึ้น 2-3 เท่า และยิ่งไปกว่านั้น เรายังประหยัด Bandwidth usage ในแต่ละเดือนได้มาก กว่า 50%
Mikayel Vardanyan
CTO
เว็บเพจประกอบไปด้วยทรัพยากรที่แยกจากกันหลายสิบ (บางครั้งหลายร้อย) องค์ประกอบที่เบราว์เซอร์โหลดและประกอบเข้าด้วยกันเป็นเนื้อหาที่แสดงในขั้นสุดท้าย การจัดลำดับว่าทรัพยากรเหล่านั้นจะโหลดอย่างไรอาจมีผลอย่างมากต่อระยะเวลาก่อนที่ผู้เข้าชมจะเห็นเนื้อหาและโต้ตอบกับเพจได้
__ การเพิ่มประสิทธิภาพลำดับการส่งทรัพยากร โดยไม่อิงกับเบราว์เซอร์ __ Enhanced HTTP/2 Prioritization จะเข้าไปแทนที่ค่าเริ่มต้นของเบราว์เซอร์ด้วยแบบแผนการจัดลำดับงาน (Scheduling Scheme) ที่ได้รับการพัฒนาประสิทธิภาพ ซึ่งส่งผลให้ได้รับประสบการณ์เยี่ยมชมที่รวดเร็วขึ้นอย่างมีนัยสำคัญ
จัดลำดับความสำคัญของการโหลดข้อความ รูปภาพ และฟอนต์บนเว็บเพจของคุณ โดย Defer การโหลด Render-blocking JavaScript
เลือกการตั้งค่า TCP ที่ปรับแต่งเองเพื่อลดเวลาแฝงและเพิ่ม Throughput ของการเชื่อมต่อ
ลบอักขระที่ไม่จำเป็นออกจากไฟล์ JavaScript, CSS และ HTML
อัลกอริทึมการบีบอัดที่ไม่สูญเสียคุณภาพ จะลดขนาดของเพจ HTTP/S ที่แคชไว้