ส่วนโอกาสในรายงาน Lighthouse จะรายงานเวลาในการตอบกลับของเซิร์ฟเวอร์ ซึ่งก็คือเวลาที่เบราว์เซอร์ของผู้ใช้ใช้ในการรับเนื้อหาไบต์แรกของหน้าหลังจากส่งคำขอ
![ภาพหน้าจอของเวลาในการตอบกลับของเซิร์ฟเวอร์ Lighthouse มีการตรวจสอบต่ำ](https://developer.chrome.com/static/docs/lighthouse/performance/server-response-time/image/a-screenshot-the-lightho-dee8ff91ad494.png?authuser=6&hl=th)
เวลาในการตอบกลับของเซิร์ฟเวอร์ที่ล่าช้าส่งผลกระทบต่อประสิทธิภาพการทำงาน
การตรวจสอบนี้จะล้มเหลวเมื่อเบราว์เซอร์รอนานกว่า 600 มิลลิวินาทีเพื่อให้เซิร์ฟเวอร์ตอบสนองคำขอของเอกสารหลัก ผู้ใช้ไม่ชอบเมื่อหน้าเว็บใช้เวลาโหลดนาน เวลาในการตอบกลับของเซิร์ฟเวอร์ที่ช้าเป็นสาเหตุหนึ่งที่เป็นไปได้สำหรับการโหลดหน้าเว็บที่ใช้เวลานาน
เมื่อผู้ใช้ไปยัง URL ในเว็บเบราว์เซอร์ เบราว์เซอร์จะส่งคำขอของเครือข่ายเพื่อดึงข้อมูลเนื้อหานั้น เซิร์ฟเวอร์ของคุณจะได้รับคำขอและแสดงผลเนื้อหาของหน้าเว็บ
เซิร์ฟเวอร์อาจต้องทำหลายอย่างเพื่อให้แสดงหน้าเว็บที่มีเนื้อหาทั้งหมดที่ผู้ใช้ต้องการ ตัวอย่างเช่น หากผู้ใช้ดูประวัติการสั่งซื้อของตนเอง เซิร์ฟเวอร์จะต้องดึงข้อมูลประวัติของผู้ใช้แต่ละรายจากฐานข้อมูล แล้วแทรกเนื้อหานั้นลงในหน้าเว็บ การเพิ่มประสิทธิภาพให้เซิร์ฟเวอร์ทำงานนี้โดยเร็วที่สุดเป็นวิธีหนึ่งในการลดเวลาที่ผู้ใช้รอให้หน้าเว็บโหลด
แม้ว่าเซิร์ฟเวอร์จะไม่ต้องทำงานหนัก แต่เวลาในการตอบสนองของเครือข่ายระหว่างไคลเอ็นต์และเซิร์ฟเวอร์อาจทำให้เซิร์ฟเวอร์ตอบสนองช้า
วิธีปรับปรุงเวลาในการตอบกลับของเซิร์ฟเวอร์
ขั้นตอนแรกในการปรับปรุงเวลาตอบสนองของเซิร์ฟเวอร์คือการระบุงานเชิงแนวคิดที่เซิร์ฟเวอร์ของคุณต้องทำให้เสร็จเพื่อแสดงเนื้อหาของหน้าเว็บ แล้ววัดว่างานแต่ละงานใช้เวลานานเท่าใด เมื่อคุณระบุงานที่ยาวที่สุดได้แล้ว ให้ค้นหาวิธีเร่งงานเหล่านั้น
การตอบสนองของเซิร์ฟเวอร์ช้าอาจเกิดขึ้นได้จากหลายสาเหตุ และก็มีหลายวิธีในการปรับปรุงดังนี้
- เพิ่มประสิทธิภาพตรรกะแอปพลิเคชันของเซิร์ฟเวอร์เพื่อเตรียมหน้าเว็บให้เร็วขึ้น หากคุณใช้เฟรมเวิร์กเซิร์ฟเวอร์ เฟรมเวิร์กอาจมีคำแนะนำเกี่ยวกับวิธีดำเนินการ
- เพิ่มประสิทธิภาพวิธีการที่เซิร์ฟเวอร์ของคุณค้นหาฐานข้อมูลหรือย้ายข้อมูลไปยังระบบฐานข้อมูลที่เร็วกว่า
- อัปเกรดฮาร์ดแวร์เซิร์ฟเวอร์เพื่อให้มีหน่วยความจำหรือ CPU มากขึ้น
ใช้ CDN เพื่อลดเวลาในการตอบสนองของเครือข่าย การดำเนินการนี้มีประสิทธิภาพอย่างยิ่งในกรณีที่สามารถแคชเอกสารที่โหนด CDN EDGE ได้
ดูรายละเอียดเพิ่มเติมในคำแนะนำ เพิ่มประสิทธิภาพ TTFB
คำแนะนำเฉพาะสแต็ก
Drupal
ข้อกำหนดของธีม โมดูล และเซิร์ฟเวอร์ล้วนส่งผลต่อเวลาในการตอบสนองของเซิร์ฟเวอร์ ลองหาธีมที่เพิ่มประสิทธิภาพมากขึ้น เลือกโมดูลการเพิ่มประสิทธิภาพอย่างระมัดระวัง หรืออัปเกรดเซิร์ฟเวอร์ เซิร์ฟเวอร์โฮสติ้งของคุณควรใช้การแคชโค้ด PHP ระบบการแคชหน่วยความจำ เช่น Memcached หรือ Redis เพื่อลดเวลาสืบค้นฐานข้อมูล รวมถึงเพิ่มประสิทธิภาพตรรกะแอปพลิเคชันเพื่อให้เตรียมหน้าเว็บได้เร็วขึ้น
Magento
ใช้การผสานรวม Varnish ของ Magento
โต้ตอบ
หากคุณกำลังแสดงผลคอมโพเนนต์ React ใดๆ บนฝั่งเซิร์ฟเวอร์ ให้ลองใช้ renderToNodeStream()
หรือ renderToStaticNodeStream()
เพื่อให้ลูกค้าได้รับและรวมส่วนต่างๆ ของมาร์กอัปแทนที่จะรวมทั้งหมดในคราวเดียว
WordPress
เลือกธีมที่เรียบง่าย (ควรเป็นธีมบล็อก) และใช้การแคชแบบเต็มหน้าหรือโซลูชันเว็บไซต์แบบคงที่ ปิดใช้ปลั๊กอินที่ไม่จำเป็นเพื่อลด โอเวอร์เฮดของเซิร์ฟเวอร์
พิจารณาอัปเกรดโฮสติ้งของคุณเป็นบริการที่มีการจัดการหรือบริการเฉพาะ