ขี้เกียจโหลดปุ่มโซเชียลกับ Socialite.js
วันนี้ฉันมีวันที่ยอดเยี่ยมกับทีมงานเว็บที่ Angie's List Angie's List ได้พัฒนาไซต์ของตนให้เป็นไลบรารีทรัพยากรที่น่าทึ่ง... และในขณะเดียวกันพวกเขาก็เร่งความเร็วไซต์ของตนอย่างต่อเนื่อง หน้าของพวกเขาโหลดด้วยความเร็วที่ทำให้ไม่เห็น หากคุณไม่เชื่อฉันให้เปิดหน้านี้บน ประตูโรงรถ.
หน้านี้ประกอบด้วยรูปภาพ วิดีโอ และปุ่มโซเชียล… และยังคงโหลดได้ในหน่วยมิลลิวินาที การเปรียบเทียบไซต์ของพวกเขากับของฉันก็เหมือนกับการแข่ง Prius กับ F-16 พวกเขายังไม่เสร็จ พวกเขามักจะมองหาวิธีที่จะปรับปรุงประสบการณ์ของลูกค้าและค้นหาเนื้อหาและแชร์
เราไม่มีทีมพัฒนาเต็มเวลาหรือทรัพยากรของบริษัทมหาชน ดังนั้นความคืบหน้าของเราจึงช้ากว่า Angie's List เล็กน้อย เรามีเจ้าบ้านที่น่าทึ่งด้วย มู่เล่ – ใช้แคชขั้นสูงและ CDN แต่เรารู้ว่ายังมีบางสิ่งที่ทำร้ายเรา ตัวอย่างเช่น รูปภาพของเราไม่ได้รับการปรับให้เหมาะสม มีบริการต่างๆ ที่คุณสามารถแปลงภาพของคุณให้มีขนาดเพียงเสี้ยวเดียวโดยที่ยังคงความคมชัดไว้... เรากำลังดูอยู่
ขณะที่ฉันแสดงให้พวกเขาเห็นในไซต์ของเราฉันก็ก้มหน้าและก้มหน้าขณะที่หน้าเว็บนั้นค้างเมื่อโหลดปุ่มโซเชียล ฉันคิดว่ามันเป็น Facebook อ๊ะ…สองหรือสองวินาทีต่อมาปุ่มก็ปรากฏขึ้นและส่วนที่เหลือของหน้าเว็บโหลด ฮึ.
เมื่อฉันอธิบายปัญหาวิศวกรของพวกเขาก็มีวิธีแก้ไขทันที socialite.js. Socialite เป็นวิธีที่ง่ายมากในการปรับใช้และเปิดใช้งานปุ่มแบ่งปันทางสังคมมากมาย ทุกเวลาที่คุณต้องการ ในการโหลดเอกสาร บนบทความโฮเวอร์ ในทุกเหตุการณ์! เนื่องจากโซเชียลโหลดปุ่มแบบอะซิงโครนัส เอกสารจะไม่ค้างขณะรอโซเชียลมีเดียขนาด 50kb
โชคดีที่มีปลั๊กอิน WordPress ที่รวม Socialite เรียกว่า WPSโซเชียลcial. คืนนี้ฉันฉีกรหัสที่กำหนดเองทั้งหมดของฉันเพื่อโหลดปุ่มและใช้งาน WPSocialite ฉันสามารถปรับแต่ง CSS และแก้ไขปุ่มที่ต้องการได้ ฉันหวังว่าจะมีการเพิ่มปุ่มเพิ่มเติมในอนาคต เช่น Buffer หรือ Reddit… แต่ตอนนี้มันสมบูรณ์แบบแล้ว!