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

מקלדת מהירות

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

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

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

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

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

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

מה אתה חושב?

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