เราลดเวลาในการโหลดหน้าลง 10 วินาทีได้อย่างไร

ความเร็วและสังคมดูเหมือนจะไม่ทำงานร่วมกันเมื่อพูดถึงเว็บไซต์ที่ยอดเยี่ยม เราย้ายเว็บไซต์ของเราไปที่ มู่เล่ (ลิงค์พันธมิตร) และปรับปรุงประสิทธิภาพและความเสถียรของเว็บไซต์ของเราอย่างมาก แต่การออกแบบไซต์ของเราด้วยส่วนท้ายที่มีไขมันซึ่งส่งเสริมกิจกรรมทางสังคมของเราบน Facebook, Twitter, Youtube และบน Podcast ของเราทำให้ไซต์ของเรามีการรวบรวมข้อมูลช้าลง

มันแย่มาก แม้ว่าหน้าเว็บที่ยอดเยี่ยมจะโหลดภายใน 2 วินาทีหรือน้อยกว่านั้น แต่ไซต์ของเราใช้เวลามากกว่า 10 วินาทีในการทำให้หน้าเสร็จสมบูรณ์ ปัญหาไม่ใช่ WordPress หรือ Flywheel ปัญหาคือองค์ประกอบแบบโต้ตอบทั้งหมดที่เราโหลดจากบริการอื่น ๆ ... วิดเจ็ต Facebook และ Twitter ภาพตัวอย่าง Youtube แอปพลิเคชั่น Podcast ของเราฉันไม่สามารถควบคุมได้ว่าจะโหลดช้าแค่ไหน จนถึงตอนนี้.

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

โหลด

การใช้ jQuery เราจะไม่โหลดฐานของหน้าจนกว่าจะมีคนเลื่อนไปที่นั่น รหัสนั้นค่อนข้างง่ายจริง ๆ :

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# เสริม"). load ('[full path to load]');}}});

เมื่อผู้ใช้เลื่อนไปที่ฐานของเพจ jQuery go จะแยกเนื้อหาของเพจของพา ธ ที่ระบุและโหลดภายใน div ที่คุณเลือก

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

เรายังมีงานที่ต้องทำ ... แต่เรากำลังจะไปที่นั่น!

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.