כפתורים חברתיים של Lazy Load עם Socialite.js

מקלדת מהירות

היום היה לי יום נפלא עם צוות האינטרנט ברשימת Angie's List. רשימת אנג'י פיתחה את האתר שלהם לספריית משאבים מדהימה ... וכל אותה העת הם המשיכו להאיץ את האתר שלהם. הדפים שלהם נטענים במהירות מסנוורת. אם אתה לא מאמין לי, קפץ לדף זה דלתות מוסך.

הדף משלב תמונות, וידאו וכפתורים חברתיים ... ועדיין נטען באלפיות השנייה. להשוות את האתר שלי לשלי זה כמו לרוץ על פריוס עם F-16. גם הם לא סיימו עדיין, תמיד מחפשים דרכים לשפר את חוויית הלקוח ולקבל את התוכן ומשותף.

אין לנו צוות פיתוח במשרה מלאה וגם לא משאבים של חברה ציבורית, ולכן ההתקדמות שלנו מעט איטית יותר מרשימת אנג'י. יש לנו מארח מדהים עם גַלגַל תְנוּפָה - שימוש במטמון המתקדם שלהם ב- CDN, אך אנו יודעים שעדיין יש דברים שפוגעים בנו. לדוגמה, התמונות שלנו אינן מותאמות. יש שירותים שם שאתה יכול להמיר את התמונות שלך לשבריר מגודלם תוך שמירה על בהירותם ... אנחנו מסתכלים עליהם.

כשהראיתי להם את האתר שלנו, התכווצתי ותליתי את ראשי כשהדף קפא עם העמסת כפתור חברתי. אני חושב שזה היה פייסבוק. אהה ... שניה או שתיים אחר כך הופיע הכפתור ושאר הדף נטען. אוף

כשתיארתי את הנושא, למהנדס שלהם היה מיד פיתרון, socialite.js. Socialite מספק דרך קלה מאוד ליישום ולהפעלת שפע של כפתורי שיתוף חברתיים - בכל עת שתרצה. על עומס המסמך, על רחף המאמר, על כל אירוע! מכיוון ש- socialite טוען את הכפתורים בצורה אסינכרונית, המסמך לא יתלה בזמן שהוא ממתין ל- 50 קילו-בתים של מדיה חברתית.

למרבה המזל, יש כבר תוסף וורדפרס המשלב Socialite, הנקרא WPSocialite. הלילה קרעתי את כל הקוד המותאם אישית שלי לטעינת כפתורים והטמעת WPSocialite. הצלחתי להתאים אישית את ה- CSS ולשנות את הכפתורים שרציתי. אני מצפה לכמה לחצנים נוספים שיתווספו בעתיד - כמו Buffer או Reddit ... אבל זה מושלם לעת עתה!

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.