ควบคุมสคริปต์ของบุคคลที่สามให้อยู่ภายใต้การควบคุม

ก่อนที่จะเพิ่มประสิทธิภาพแท็กจากบุคคลที่สาม ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณยังจำเป็นต้องใช้สคริปต์เหล่านี้อยู่

Chris Anstey
Chris Anstey

สคริปต์ของบุคคลที่สาม หรือ "แท็ก" อาจเป็นแหล่งที่มาของปัญหาด้านประสิทธิภาพบนเว็บไซต์และเป็นเป้าหมายสำหรับการเพิ่มประสิทธิภาพ แต่ก่อนที่จะเริ่มเพิ่มประสิทธิภาพแท็กที่เพิ่ม โปรดตรวจสอบว่าคุณไม่ได้เพิ่มประสิทธิภาพแท็กที่ไม่จำเป็นด้วยซ้ำ บทความนี้แสดงวิธีประเมินคำขอของแท็กใหม่ รวมถึงจัดการและตรวจสอบคำขอที่มีอยู่

เมื่อพูดถึงแท็กจากบุคคลที่สาม บทสนทนามักจะนำไปสู่ปัญหาด้านประสิทธิภาพอย่างรวดเร็ว ทำให้ไม่เห็นถึงรากฐานของบทบาท "หลัก" ของแท็กเหล่านี้ โดยมีฟังก์ชันการทำงานที่มีประโยชน์หลากหลาย ทำให้เว็บมีความไดนามิก อินเทอร์แอกทีฟ และเชื่อมต่อถึงกันมากขึ้น อย่างไรก็ตาม ทีมต่างๆ ในองค์กรสามารถเพิ่มแท็กของบุคคลที่สามได้ และมักจะถูกลืมเมื่อเวลาผ่านไป ผู้ใช้จะไม่ต้องทำอะไร สัญญาหมดอายุ หรือผลลัพธ์ที่ได้ก็สำเร็จ แต่ทีมงานไม่มีทางติดต่อกลับไปเพื่อขอให้นำสคริปต์ออก

ก่อนที่คุณจะเริ่มคิดเกี่ยวกับการดำเนินการสคริปต์แท็กของบุคคลที่สามหรือแท็กใดที่สามารถ เลื่อนเวลา โหลดแบบ Lazy Loading หรือแท็กล่วงหน้า จากทางเทคนิคได้ มีโอกาสที่จะควบคุมว่าแท็กใดจะถูกเพิ่มลงในเว็บไซต์/หน้าเว็บจากมุมมองขององค์กร ธีมทั่วไปของเว็บไซต์ที่ช้าเนื่องจากแท็กจากบุคคลที่สามมีอยู่เป็นจำนวนมาก นั่นก็คือส่วนนี้ของเว็บไซต์ไม่ได้เป็นของบุคคลหรือทีมใดทีมหนึ่ง และด้วยเหตุนี้จึงเป็นร่องรอยที่ไม่เข้ากัน ไม่มีอะไรจะน่าหงุดหงิดไปกว่าการเพิ่มประสิทธิภาพเว็บไซต์ การพึงพอใจกับประสิทธิภาพในสภาพแวดล้อมการทดลองใช้ เพียงเพราะความเร็วในการถดถอยในการสร้างเนื่องจากแท็กที่เพิ่มเข้ามา การใช้ "กระบวนการตรวจสอบ" สำหรับแท็กจากบุคคลที่สามช่วยป้องกันปัญหานี้ได้ โดยการสร้างเวิร์กโฟลว์ที่ทำให้เกิดความรับผิดชอบและความรับผิดชอบข้ามสายงานสำหรับแท็กเหล่านี้

วิธีที่คุณตรวจสอบแท็กจากบุคคลที่สามจะขึ้นอยู่กับองค์กร โครงสร้าง และกระบวนการในปัจจุบันขององค์กรเท่านั้น ซึ่งอาจเป็นเรื่องพื้นฐาน อย่างการมีทีมเดียวที่ทำหน้าที่ควบคุมและทำหน้าที่เป็นผู้กำกับดูแล ในการวิเคราะห์แท็กก่อนที่จะเพิ่มแท็ก หรือขั้นสูงและเป็นทางการมากขึ้น เช่น การส่งแบบฟอร์มให้กับทีมเพื่อส่งคำขอแท็ก ซึ่งอาจขอบริบทในแง่ของเหตุผลที่ต้องแสดงหน้านั้นบนเว็บไซต์ ระยะเวลาการแสดงเว็บไซต์ และประโยชน์ที่จะได้รับต่อธุรกิจ

กระบวนการกำกับดูแลแท็ก

อย่างไรก็ตาม คุณเลือกที่จะตรวจสอบแท็กภายในองค์กร ขั้นตอนต่อไปนี้ควรถือว่าเป็นส่วนหนึ่งของวงจรของแท็ก

ฝ่ายการปฏิบัติตามข้อกำหนด

ลูกศร 5 อันซึ่งเป็นขั้นตอนแรกของ "การปฏิบัติตามข้อกำหนด" เสร็จสมบูรณ์แล้ว

ก่อนเพิ่มแท็กลงในหน้าเว็บ ให้ตรวจสอบว่าแท็กได้รับการตรวจสอบโดยละเอียดโดยทีมกฎหมายเพื่อให้แน่ใจว่าแท็กนั้นผ่านข้อกำหนดการปฏิบัติตามข้อกำหนดทั้งหมดที่จะแสดงได้ ซึ่งอาจรวมถึงการตรวจสอบว่าแท็กเป็นไปตามกฎระเบียบให้ความคุ้มครองข้อมูลส่วนบุคคลของผู้บริโภค (GDPR) ของสหภาพยุโรป และกฎหมายความเป็นส่วนตัวของผู้บริโภคแห่งรัฐแคลิฟอร์เนีย (CCPA)

เรื่องนี้สำคัญมาก หากไม่แน่ใจกับขั้นตอนนี้ จำเป็นต้องแก้ไขก่อนประเมินแท็กจากมุมมองด้านประสิทธิภาพ

จำเป็น

ลูกศรห้าเส้นที่มี 2 ขั้นตอนแรกของ "การปฏิบัติตามข้อกำหนด" และ "ต้องระบุ" จนเสร็จสมบูรณ์

ขั้นตอนที่ 2 คือการตั้งคำถามว่าหน้าเว็บจำเป็นต้องมีแท็กที่เฉพาะเจาะจงหรือไม่ ลองพิจารณาประเด็นการอภิปรายต่อไปนี้

  • มีการใช้งานแท็กอยู่หรือไม่ หากไม่มี สามารถนำออกได้ไหม
  • หากแท็กกำลังโหลดทั่วเว็บไซต์ สิ่งนี้จำเป็นไหม ตัวอย่างเช่น หากเรากำลังวิเคราะห์ชุดการทดสอบ A/B และขณะนี้คุณกำลังทดสอบเฉพาะหน้า Landing Page เราจะวางแท็กในหน้าเว็บประเภทนี้ได้ไหม
  • เราเพิ่มตรรกะในประเด็นนี้ได้ไหม เราตรวจสอบได้ไหมว่ามีการทดสอบ A/B ที่เผยแพร่อยู่ไหม หากเป็นเช่นนั้น อนุญาตให้เพิ่มแท็กก็ได้ แต่หากไม่มั่นใจว่าไม่มีแท็กอยู่

การเป็นเจ้าของ

ลูกศรห้าเส้นที่มี 3 ขั้นตอนแรกของ "การปฏิบัติตามข้อกำหนด" "ต้องระบุ" และ "การเป็นเจ้าของ" เสร็จสมบูรณ์แล้ว

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

วัตถุประสงค์

ลูกศรห้าเส้นที่มี 4 ขั้นตอนแรกของ "การปฏิบัติตามข้อกำหนด" "จำเป็น" "การเป็นเจ้าของ" และ "วัตถุประสงค์" เสร็จสมบูรณ์แล้ว

ขั้นที่ 4 เริ่มต้นสร้างความรับผิดชอบและความรับผิดชอบข้ามสายงาน โดยดูแลให้ผู้ใช้เข้าใจสาเหตุที่เพิ่มแท็กลงในหน้าเว็บ คุณควรทำความเข้าใจข้ามสายงานว่าแต่ละแท็กนำอะไรมาสู่เว็บไซต์ และทำไมจึงมีการใช้แท็กนั้น เช่น หากแท็กบันทึกการทำงานของเซสชันผู้ใช้เพื่อทำให้เกิดการปรับเปลี่ยนให้เหมาะกับผู้ใช้ ทุกทีมรู้ไหมว่าเหตุใดจึงควรแสดงสิ่งนี้

นอกจากนี้ ได้มีการพูดคุยเกี่ยวกับข้อดีและข้อเสียในเชิงการค้ากับประสิทธิภาพหรือไม่ หากมีแท็กที่ถือว่า "จำเป็น" เนื่องจากสร้างรายได้ มีการวิเคราะห์รายได้ที่อาจสูญเสียไปเนื่องจากความเร็วที่ถดถอย

รีวิว

ลูกศร 5 อันที่มีขั้นตอนทั้ง 5 ขั้นตอน ได้แก่ "การปฏิบัติตามข้อกำหนด" "ต้องระบุ" "การเป็นเจ้าของ" "วัตถุประสงค์" และ "การตรวจสอบ"

ขั้นตอนที่ 5 ขั้นสุดท้ายและเป็นที่ถกเถียงกันมากที่สุดคือ การตรวจสอบแท็กจะได้รับการตรวจสอบเป็นประจำ ซึ่งควรขึ้นอยู่กับขนาดของเว็บไซต์ จำนวนแท็กที่อยู่ในเว็บไซต์ และเวลาในการดำเนินการ (เช่น รายสัปดาห์ รายเดือน รายไตรมาส) โดยควรจัดการในลักษณะเดียวกันกับการเพิ่มประสิทธิภาพเนื้อหาเว็บไซต์อื่นๆ (JS, CSS, รูปภาพ ฯลฯ) และหมั่นตรวจสอบอยู่เสมอ การไม่ตรวจทานอาจทำให้เครื่องจัดการแท็ก "บวม" ซึ่งจะทำให้หน้าเว็บทำงานช้าลง การเปลี่ยนกลับให้มีประสิทธิภาพอีกครั้งอาจเป็นงานที่ซับซ้อน โดยที่ไม่ถดถอยฟังก์ชันการทำงานที่จำเป็นในหน้า

ลูกศร 5 อันที่มีขั้นตอนทั้ง 5 ขั้นตอน ได้แก่ "การปฏิบัติตามข้อกำหนด" "ต้องระบุ" "การเป็นเจ้าของ" "วัตถุประสงค์" และ "การตรวจสอบ" การระบุว่าขั้นตอนเหล่านี้เป็นขั้นตอนทั้งหมดในกระบวนการตรวจสอบประสิทธิภาพ

กระบวนการตรวจสอบควรจะแสดงรายการแท็กสุดท้ายที่จัดประเภทว่าจำเป็นสำหรับหน้าใดหน้าหนึ่ง ในขั้นตอนนี้ คุณจะเจาะลึกเกี่ยวกับแนวทางการเพิ่มประสิทธิภาพทางเทคนิคได้ นอกจากนี้ ยังเปิดโอกาสให้กำหนดจำนวนแท็กในรายการสุดท้ายนี้ภายใต้งบประมาณด้านประสิทธิภาพ ซึ่งตรวจสอบได้ใน CIA ของ Lighthouse และรวมอยู่ในการตั้งค่าเป้าหมายเฉพาะประสิทธิภาพ เช่น

หากเรายึดติดกับแท็ก <5 แท็กในหน้า Landing Page รวมถึง JS ที่เพิ่มประสิทธิภาพเอง เรามั่นใจว่าเวลาในการบล็อกทั้งหมด (TBT) จะ "ดี" ใน Core Web Vitals