วิธีลดสคริปต์ภายนอกที่ทำให้เว็บไซต์ WordPress โหลดช้า

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

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

❶ ตรวจว่าสคริปต์ภายนอกใดโหลดบนเว็บไซต์

เลือกหน้าที่ช้าก่อน เช่น หน้าแรก หน้าบริการ หรือหน้าสินค้า แล้วตรวจรายการไฟล์ที่โหลดระหว่างเปิดหน้า เครื่องมือสำหรับนักพัฒนาในเบราว์เซอร์ช่วยแสดงชื่อไฟล์ โดเมนต้นทาง และเวลาที่ใช้

① ดูรายการคำขอใน Network

สังเกตไฟล์ JavaScript และคำขอที่มาจากโดเมนอื่น จดชื่อบริการที่โหลดช้า หรือโหลดหลายไฟล์ในหน้าเดียว

② ตรวจแหล่งที่มาของสคริปต์

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

③ เปรียบเทียบหลายหน้า

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

❷ ตัดสินว่าสคริปต์แต่ละตัวจำเป็นหรือไม่

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

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

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

❸ จำกัดสคริปต์ให้โหลดเฉพาะหน้าที่จำเป็น

การโหลดสคริปต์เฉพาะหน้าที่ใช้ช่วยลดงานในหน้าอื่นได้ เช่น โหลดแผนที่บนหน้าติดต่อ หรือโหลดสคริปต์แบบฟอร์มเฉพาะหน้าที่มีแบบฟอร์ม

① ตรวจตัวเลือกในปลั๊กอิน

ปลั๊กอินบางตัวมีตัวเลือกปิดการโหลดไฟล์ในบางหน้า ให้ตรวจคู่มือและทดสอบก่อนเปลี่ยน

② จำกัดวิดเจ็ตและส่วนเสริม

แชต ป๊อปอัป หรือปุ่มลอยอาจไม่จำเป็นในทุกหน้า ลองกำหนดตำแหน่งแสดงผลให้เหมาะกับการใช้งาน

③ ตรวจโค้ดที่เพิ่มผ่านธีมหรือเครื่องมือจัดการส่วนหัว

หากเคยติดสคริปต์ผ่านเครื่องมือเพิ่มโค้ด ให้ตรวจรายการที่ติดตั้งไว้และปิดเฉพาะตัวที่ยืนยันว่าไม่ใช้งานแล้ว

❹ เลื่อนการโหลดสคริปต์ที่ไม่จำเป็นต่อช่วงแรก

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

① แชตและวิดเจ็ต

พิจารณาให้ปุ่มแชตปรากฏก่อน แล้วค่อยโหลดระบบแชตเมื่อผู้ใช้กดหรือเมื่อหน้าเว็บพร้อม

② วิดีโอและแผนที่

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

③ สคริปต์วิเคราะห์และโฆษณา

ตรวจกับผู้ดูแลการวัดผลหรือผู้ให้บริการก่อนเลื่อนหรือเปลี่ยนการโหลด เพราะอาจกระทบการนับเหตุการณ์ รายงาน หรือการแสดงโฆษณา

❺ ใช้การโหลดแบบไม่ขวางการแสดงผลอย่างระมัดระวัง

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

ก่อนเปิดตัวเลือก ให้ระบุสคริปต์ที่เกี่ยวข้อง ทดลองทีละรายการ และตรวจเมนู แบบฟอร์ม การค้นหา ระบบร้านค้า และการติดตามข้อมูลทุกครั้ง

❻ ลดการเชื่อมต่อไปยังหลายโดเมน

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

① รวมการใช้งานที่ซ้ำซ้อน

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

② ลดฟอนต์และไฟล์ที่ไม่ใช้

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

③ ทบทวนปลั๊กอินที่เพิ่มสคริปต์

ปลั๊กอินที่ไม่ใช้งานอาจยังมีการตั้งค่าหรือโค้ดตกค้าง ให้ตรวจแหล่งที่มาทั้งในปลั๊กอิน ธีม และเครื่องมือจัดการสคริปต์

❼ ทดสอบเว็บไซต์หลังปรับ

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

① ทดสอบฟังก์ชันหน้าเว็บ

ตรวจปุ่ม เมนู แบบฟอร์ม แชต แผนที่ วิดีโอ และการค้นหา

② ตรวจการวัดผลที่จำเป็น

หากถอดหรือหน่วงเครื่องมือวิเคราะห์ ให้ยืนยันว่าเหตุการณ์สำคัญยังถูกบันทึกตามต้องการ

③ ล้างแคชแล้วทดสอบซ้ำ

ล้างแคชจากปลั๊กอิน โฮสติ้ง หรือ CDN ตามระบบที่ใช้ จากนั้นเปิดหน้าเว็บใหม่ในหน้าต่างส่วนตัว

④ ดูผลมากกว่าคะแนนรวม

ตรวจว่าเนื้อหาหลักแสดงเร็วขึ้นจริงหรือไม่ และไม่มีฟังก์ชันที่ผู้เข้าชมต้องใช้หายไป

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

❽ ข้อผิดพลาดที่ควรหลีกเลี่ยง

① ลบสคริปต์โดยไม่รู้หน้าที่

อาจทำให้ระบบวัดผล แบบฟอร์ม หรือฟังก์ชันร้านค้าหยุดทำงาน

② หน่วงสคริปต์ทุกตัวพร้อมกัน

จะหาสาเหตุได้ยากหากเมนู ปุ่ม หรือระบบติดตามมีปัญหา

③ ใช้ปลั๊กอินหลายตัวจัดการสคริปต์ซ้ำกัน

การตั้งค่าซ้ำซ้อนอาจทำให้ลำดับโหลดเปลี่ยนหรือแคชผิดพลาด

④ เชื่อว่าคะแนนดีขึ้นแปลว่าทุกฟังก์ชันยังทำงาน

ต้องทดสอบการใช้งานจริงควบคู่กับการวัดความเร็ว

สรุป: เก็บสคริปต์ที่จำเป็นและจำกัดการโหลดให้ตรงหน้า

การลดสคริปต์ภายนอกบน WordPress เริ่มจากตรวจรายการไฟล์และแหล่งที่มา ประเมินความจำเป็น จำกัดการโหลดเฉพาะหน้าที่ใช้ และเลื่อนบริการที่ไม่จำเป็นต่อช่วงแรกอย่างระมัดระวัง

หลังปรับ ให้ทดสอบทั้งความเร็ว ฟังก์ชันเว็บไซต์ และการวัดผลที่ต้องใช้ การทำทีละรายการช่วยให้ ComSiam ลดภาระจากสคริปต์โดยไม่ทำให้บริการสำคัญของเว็บไซต์หยุดทำงาน