วิธีลบ JavaScript ที่ไม่ได้ใช้ใน WordPress

เผยแพร่แล้ว: 2022-10-02

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

สามารถใช้เครื่องมือการโต้ตอบครั้งแรกของ Pagespeed เพื่อลบ Javascript ที่ไม่ได้ใช้ออกจากการตลาดและปลั๊กอินอื่น ๆ ที่ไม่จำเป็น WP Meteor เป็นปลั๊กอินฟรี ทดสอบแล้ว และอัปเดตล่าสุด ที่ให้คุณโหลด Javascript หลังจากผู้ใช้โต้ตอบ หากคุณมีปัญหาใดๆ เกี่ยวกับความล่าช้าของเนื้อหา คุณสามารถใช้นิพจน์ทั่วไปหรือคำหลักที่สอดคล้องกับปลั๊กอินได้ ตรรกะของ WP Rocket สำหรับการหน่วงเวลาจาวาสคริปต์ได้รับการอัปเดตแล้ว และตอนนี้ทำให้จาวาสคริปต์ทั้งหมดล่าช้า ซึ่งรวมถึงสคริปต์แบบอินไลน์ด้วย คุณยังสามารถจัดการกับ Pagespeed "ลดผลกระทบของคำเตือนของบุคคลที่สาม" ได้โดยการชะลอปลั๊กอินของบุคคลที่สาม หากเว็บไซต์ของคุณมีผู้ใช้มากกว่า 90% บนเดสก์ท็อป อาจเป็นการดีกว่าที่จะให้ เมนูมือถือ ทำงานก่อนหน้านี้มากกว่าในภายหลัง ไฟล์ Javascript และ css ไม่สามารถลบออกจาก WordPress ได้โดยไม่ต้องใช้ปลั๊กอิน

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

ฉันจะลบ Javascript ที่ไม่ได้ใช้ออกจากเว็บไซต์ของฉันได้อย่างไร

เครดิต: phpinfo.in

หากคุณมีเว็บไซต์ที่ใช้ WordPress คุณสามารถลบ JavaScript ที่ไม่ได้ใช้ออกจากหน้าโดยใช้ปลั๊กอิน คุณยังสามารถปิดใช้งานไฟล์ JavaScript ที่ยังไม่ได้ใช้งานโดยใช้ AssetCleanUp ซึ่งสามารถใช้ร่วมกับ AssetCleanUp หากคุณต้องการทราบว่าเกิดอะไรขึ้นกับ JS ที่ไม่ได้ใช้ ให้ใช้ Chrome DevTools และลบไฟล์ที่ไม่จำเป็น

ฉันจะลบรหัส WordPress ที่ไม่ได้ใช้ได้อย่างไร

เครดิต: quadlayers.com

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

ฉันจะปิดการใช้งาน Javascript ใน WordPress ได้อย่างไร

เครดิต: wphelp.blog

สมมติว่าคุณต้องการทราบวิธีปิดการใช้งาน JavaScript ใน WordPress มีวิธีการสองสามวิธีที่คุณสามารถใช้ได้ วิธีหนึ่งคือเพียงแค่แก้ไขไฟล์ header.php ของธีมหรือธีมลูก และลบบรรทัดของโค้ดที่เรียก ใช้ไฟล์ JavaScript อีกวิธีหนึ่งคือการใช้ปลั๊กอินเช่น Disable JavaScript หรือ JS Disable

ฉันจะปิดการใช้งาน Javascript ใน WordPress ได้อย่างไร

WP_deregister_script สามารถใช้เพื่อลบ JS,CSS ที่ไม่ต้องการออกจากหน้าเฉพาะ ดี ถ้าคุณพิจารณาฟังก์ชันที่อธิบายไว้ในตัวอย่างต่อไปนี้ ปลั๊กอินในกรณีนี้มี การโทร 20 js

ลดขนาดไฟล์ของเว็บไซต์ของคุณด้วยการล้างข้อมูลสินทรัพย์

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

ฉันจะลบสคริปต์ WordPress ได้อย่างไร

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

การยกเลิกการลงทะเบียนและการจัดคิวสไตล์ชีตใน WordPress

วิธีแรก deregister_style() จะลบสไตล์ชีตออกจากเอ็นจิ้นสไตล์ WordPress คุณสามารถใช้วิธีนี้เพื่อลบสไตล์ชีตออกจากปลั๊กอินหรือธีม แต่คุณไม่ต้องการให้ลบสไตล์ชีตออกจากเซิร์ฟเวอร์ Dequeue_style() ฟังก์ชันที่สองจะใช้เอ็นจิ้นสไตล์ WordPress เพื่อจัดคิวสไตล์ชีตใหม่ หากคุณต้องการเพิ่มสไตล์ชีตให้กับปลั๊กอินหรือธีม วิธีนี้อาจมีประโยชน์ในบางกรณี แต่ไม่ควรใช้เพื่อเขียนทับสไตล์ชีตที่มีอยู่ ในฟังก์ชันการเรียกกลับทั้ง deregister_style() และ dequeue_style() มีพารามิเตอร์ตัวที่สามที่สามารถใช้ได้ คุณจะสามารถเรียกใช้ฟังก์ชันนี้ได้เมื่อคุณยกเลิกการลงทะเบียนหรือจัดคิวสไตล์ชีต และคุณจะสามารถดำเนินการตามที่คุณต้องการได้ หากคุณต้องการยกเลิกการลงทะเบียนหรือยกเลิก คิวสไตล์ชีต คุณต้องค้นหาชื่อสไตล์ชีตที่คุณต้องการลบหรือเพิ่มก่อน คุณสามารถทำได้โดยใช้ฟังก์ชัน get_style() และ get_style_object() ในลักษณะนี้ สไตล์ชีต WordPress สามารถเข้าถึงได้โดยใช้เมธอด get_style() และ get_style_object() ตามลำดับ โดยการส่งคืนชื่อของอ็อบเจกต์สไตล์ที่เกี่ยวข้องกับสไตล์ชีต ถัดไป สไตล์ชีตจะมองเห็นได้ และจะอยู่ในตำแหน่งที่คุณต้องการ การใช้ฟังก์ชัน get_stylesheet() และ get_stylesheet_object() เป็นวิธีที่ดีในการทำสิ่งนี้ให้สำเร็จ Get_stylesheet() และ get_stylesheet_object() จะคืนค่าพาธไปยังสไตล์ชีตตามลำดับ อีกวิธีหนึ่ง คุณสามารถลบหรือเพิ่มสไตล์ชีตใน WordPress โดยใช้เมธอด deregister_style() หรือ dequeue_style() ในการยกเลิกการลงทะเบียนสไตล์ชีตโดยใช้ deregister_style() จำเป็นต้องมีโค้ดต่อไปนี้: ควรยกเลิกการลงทะเบียนสไตล์ชีต br> WordPress_dequeue_style (theme'my_css_file'); *br> คุณจะใช้รหัสต่อไปนี้เพื่อจัดคิวสไตล์ชีตโดยใช้ dequeue_style() ตามที่อธิบายไว้ในโค้ดต่อไปนี้ ในการดำเนินการนี้ ให้เลือกสไตล์ชีต *br* สไตล์นี้ใช้ใน WP_enqueue_style(my_css_file. css,'my_callback_function')