ทำให้การโหลดภาพแบบก้าวหน้าดีขึ้นด้วย AntiModerate

สคริปต์ AntiModerate อาจฟังดูไม่ค่อยดีนัก แต่เป็นหนึ่งในสคริปต์ JS ที่ดีที่สุดที่คุณสามารถเรียกใช้เพื่อปรับปรุงประสิทธิภาพในหน้าขนาดใหญ่และรักษาประสบการณ์ผู้ใช้ที่แข็งแกร่ง.

ด้วยสิ่งนี้ ปลั๊กอินฟรีคุณสามารถโหลดภาพเมื่อปรากฏในมุมมอง และลดขนาดหน้าทั้งหมดของคุณ.

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

นี่คือวิธีการทำงาน: คุณเพิ่มปลั๊กอิน AntiModerate ในหน้าของคุณพร้อมกับสคริปต์ StackBlur.js.

AntiModerate ดึงขนาดภาพ และบังคับให้แท็ก img ทั้งหมดมีขนาดคงที่บนหน้าเว็บ รูปภาพที่โหลดล่วงหน้าเหล่านี้จะถูกส่งผ่าน StackBlur.js ซึ่งจะลดขนาดไฟล์ตัวอย่างทั้งหมดอย่างมากดังนั้นจึงโหลดหน้าได้เร็วขึ้นมาก.

เมื่อรูปภาพเหล่านี้มีขนาดเล็กลงแล้ว AntiModerate จะโหลดภาพขนาดเต็มในพื้นหลัง ภาพถ่ายพร่ามัวแต่ละภาพจะถูกแทนที่ด้วยภาพถ่ายปกติเมื่อดาวน์โหลดเสร็จแล้ว ง่าย!

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

คุณสามารถติดตั้งไลบรารีโดยตรงด้วย npm หรือ Bower หรือดึงสคริปต์ผ่าน GitHub.

ใช้ JavaScript เพียงไม่กี่บรรทัดและช่วยปรับปรุงการโหลดหน้าเว็บของคุณ ดูที่ GitHub repo แล้วเลื่อนลงไปที่คู่มือการตั้งค่าเพื่อเริ่มต้น.

ด้วยโค้ดเพียงไม่กี่บรรทัด AntiModerate ควรเป็นเกมที่เล่นง่ายในทุกหน้า.

ไม่พูดถึงเรื่องนี้ทำงาน จาวาสคริปต์บริสุทธิ์ ดังนั้นจึงไม่ต้องการการพึ่งพาใด ๆ เช่น jQuery เพื่อให้ทำงานได้.