دکمه های Lazy Load Social with Socialite.js
امروز یک روز خارق العاده با تیم وب در لیست انجی داشتم. لیست انجی در حال توسعه سایت خود به یک کتابخانه منابع باورنکردنی است ... و در حالی که آنها به سرعت بخشیدن به سایت خود ادامه می دهند. صفحات آنها با سرعت کور شدن بارگیری می شود. اگر به من اعتقادی ندارید ، این صفحه را در آن باز کنید درب های گاراژ.
این صفحه شامل تصاویر ، فیلم و دکمه های اجتماعی است ... و همچنان در میلی ثانیه بارگیری می شود. مقایسه سایت آنها با سایت من مانند مسابقه دادن یک پریوس با F-16 است. آنها هنوز هم به اتمام نرسیده اند ، و همیشه به دنبال راه هایی برای بهبود تجربه مشتری و یافتن و اشتراک گذاری مطالب هستند.
ما تیم توسعه تمام وقت و منابع یک شرکت دولتی نداریم ، بنابراین پیشرفت ما کمی کندتر از لیست انجی است. ما یک میزبان باورنکردنی داریم چرخ لنگر - استفاده از حافظه پنهان پیشرفته و CDN آنها ، اما ما می دانیم که هنوز هم مواردی به ما آسیب می رساند. به عنوان مثال ، تصاویر ما بهینه نشده اند. سرویس هایی وجود دارد که می توانید تصاویر خود را با حفظ وضوح آنها به کسری از اندازه آنها تبدیل کنید ... ما در حال بررسی آنها هستیم.
وقتی داشتم سایت خود را به آنها نشان می دادم ، با مسدود شدن صفحه هنگام بارگیری یک دکمه اجتماعی ، خرد شدم و سرم را آویزان کردم. فکر کنم فیس بوک بود. Argh ... یک یا دو ثانیه بعد دکمه ظاهر شد و بقیه صفحه بارگیری شد. اوه
وقتی موضوع را توصیف کردم ، مهندس آنها بلافاصله یک راه حل پیدا کرد ، socialite.js. Socialite راهی بسیار آسان برای پیاده سازی و فعال سازی انبوه دکمه های اشتراک اجتماعی - هر زمان که بخواهید - فراهم می کند. در بارگذاری سند ، در شناور کردن مقاله ، در هر رویدادی! از آنجا که Socialite دکمه ها را به صورت غیرهمزمان بارگیری می کند ، سند در حالی که منتظر 50 کیلوبایت رسانه اجتماعی هستید آویزان نمی شود.
خوشبختانه ، در حال حاضر یک افزونه وردپرس وجود دارد که شامل Socialite است ، به نام WPSsociite. امشب من تمام کدهای سفارشی خود را برای بارگذاری دکمه ها برداشتم و WPSocialite را اجرا کردم. من توانستم CSS را شخصی سازی کرده و دکمه های مورد نظر خود را اصلاح کنم. من مشتاقانه منتظر اضافه شدن برخی دکمه های اضافی در آینده هستم - مانند Buffer یا Reddit ... اما این برای الان عالی است!
