ดูว่า JavaScript ของบุคคลที่สามส่งผลต่อประสิทธิภาพอย่างไรและสิ่งที่คุณสามารถทําได้เพื่อไม่ให้ JavaScript ทําให้เว็บไซต์ช้าลง
โดยทั่วไปแล้ว JavaScript ของบุคคลที่สามหมายถึงสคริปต์ที่ฝังอยู่ในเว็บไซต์ซึ่งมีลักษณะดังนี้
- ไม่ได้เขียนโดยคุณ
- แสดงจากเซิร์ฟเวอร์ของบุคคลที่สาม
เว็บไซต์ใช้สคริปต์เหล่านี้เพื่อวัตถุประสงค์ต่างๆ ซึ่งรวมถึง
- ปุ่มการแชร์ผ่านโซเชียล
- การฝังวิดีโอเพลเยอร์
- บริการแชท
- iframe โฆษณา
- สคริปต์ข้อมูลวิเคราะห์และเมตริก
- สคริปต์การทดสอบ A/B สําหรับการทดสอบ
- ไลบรารีตัวช่วย (เช่น การจัดรูปแบบวันที่ ภาพเคลื่อนไหว และไลบรารีฟังก์ชัน)
สคริปต์ของบุคคลที่สามอาจให้ฟังก์ชันการทำงานที่มีประสิทธิภาพ แต่นั่นไม่ใช่ทั้งหมด นอกจากนี้ ยังส่งผลต่อความเป็นส่วนตัว ความปลอดภัย และลักษณะการทํางานของหน้าเว็บ และอาจสร้างปัญหาให้กับประสิทธิภาพได้
ประสิทธิภาพ
JavaScript จำนวนมากอาจทําให้ประสิทธิภาพช้าลง แต่เนื่องจาก JavaScript ของบุคคลที่สามมักอยู่นอกเหนือการควบคุมของคุณ จึงอาจทำให้เกิดปัญหาเพิ่มเติมได้
เครือข่าย
การตั้งค่าการเชื่อมต่อต้องใช้เวลา และการส่งคำขอไปยังเซิร์ฟเวอร์หลายเครื่องมากเกินไปจะทำให้เกิดความล่าช้า เวลาที่ใช้ในการเชื่อมต่อที่ปลอดภัยจะนานกว่านั้น ซึ่งอาจเกี่ยวข้องกับการค้นหา DNS, การเปลี่ยนเส้นทาง และการไปกลับหลายรอบไปยังเซิร์ฟเวอร์สุดท้ายที่จัดการคําขอของผู้ใช้
สคริปต์ของบุคคลที่สามมักจะเพิ่มภาระงานของเครือข่ายด้วยสิ่งต่างๆ เช่น
- การส่งคําขอเครือข่ายเพิ่มเติม
- ดึงข้อมูลรูปภาพและวิดีโอที่ไม่ได้เพิ่มประสิทธิภาพ
- การแคช HTTP ไม่เพียงพอ ซึ่งบังคับให้ดึงข้อมูลทรัพยากรเครือข่ายบ่อยครั้ง
- การบีบอัดเซิร์ฟเวอร์ทรัพยากรไม่เพียงพอ
- เฟรมเวิร์กและไลบรารีหลายอินสแตนซ์ที่ดึงมาจากการฝังของบุคคลที่สามที่แตกต่างกัน
การแสดงผล
วิธีที่โหลด JavaScript ของบุคคลที่สามมีความสำคัญอย่างยิ่ง หากดำเนินการแบบซิงค์กันในเส้นทางการแสดงผลที่สำคัญ จะทำให้การแยกวิเคราะห์ส่วนที่เหลือของเอกสารล่าช้า
หากบุคคลที่สามมีปัญหาเกี่ยวกับเซิร์ฟเวอร์และไม่สามารถส่งทรัพยากรได้ ระบบจะบล็อกการแสดงผลจนกว่าคำขอจะหมดเวลา ซึ่งอาจใช้เวลา 10-80 วินาที คุณสามารถทดสอบและจําลองปัญหานี้ได้ด้วยการทดสอบจุดที่เกิดความล้มเหลวจุดเดียวของ WebPageTest
สิ่งที่ต้องทำ
การใช้ JavaScript ของบุคคลที่สามเป็นสิ่งที่หลีกเลี่ยงไม่ได้ แต่คุณก็ลดผลกระทบที่อาจเกิดขึ้นได้ ดังนี้
- เมื่อเลือกทรัพยากรของบุคคลที่สาม ให้เลือกทรัพยากรที่ส่งโค้ดน้อยที่สุดแต่ยังคงให้ฟังก์ชันการทำงานที่คุณต้องการ
- ใช้งบประมาณตามประสิทธิภาพสำหรับเนื้อหาของบุคคลที่สามเพื่อควบคุมค่าใช้จ่าย
- อย่าใช้ฟังก์ชันการทำงานเดียวกันจากผู้ให้บริการ 2 ราย คุณอาจไม่จําเป็นต้องใช้เครื่องมือจัดการแท็กหรือแพลตฟอร์มการวิเคราะห์ 2 รายการ
- ตรวจสอบและล้างสคริปต์ของบุคคลที่สามที่ซ้ำกันเป็นประจำ
หากต้องการดูวิธีตรวจสอบเนื้อหาของบุคคลที่สามและโหลดเนื้อหาอย่างมีประสิทธิภาพเพื่อประสิทธิภาพและประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น โปรดดูโพสต์อื่นๆ ในส่วนเพิ่มประสิทธิภาพทรัพยากรของบุคคลที่สาม