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