সোসাইটি.জেএস সহ অলস লোড সামাজিক বোতামগুলি
অ্যাঞ্জির তালিকায় ওয়েব টিমের সাথে আজ আমার একটি দুর্দান্ত দিন ছিল। অ্যাঞ্জির তালিকা তাদের সাইটটিকে একটি অবিশ্বাস্য রিসোর্স লাইব্রেরিতে গড়ে তুলছে… এবং সব সময় তারা তাদের সাইটের গতি বাড়ানো অব্যাহত রেখেছে। তাদের পৃষ্ঠাগুলি অন্ধ গতিতে লোড হয়। আপনি আমাকে বিশ্বাস না হলে, এই পৃষ্ঠায় পপ আপ গ্যারেজ দরজা.
পৃষ্ঠাটি চিত্র, ভিডিও এবং সামাজিক বোতামগুলিকে অন্তর্ভুক্ত করে... এবং এখনও মিলিসেকেন্ডে লোড হয়৷ তাদের সাইটকে আমার সাথে তুলনা করা একটি F-16 এর সাথে প্রিয়াসের দৌড়ের মতো। সেগুলি এখনও করা হয়নি, হয়, সর্বদা গ্রাহকের অভিজ্ঞতা উন্নত করার উপায়গুলি সন্ধান করে এবং সামগ্রী খুঁজে পাওয়া এবং ভাগ করা যায়৷
আমাদের কোনো পূর্ণ-সময়ের উন্নয়ন দল বা কোনো পাবলিক কোম্পানির সংস্থান নেই, তাই আমাদের অগ্রগতি অ্যাঞ্জির তালিকার চেয়ে কিছুটা ধীর। আমাদের সাথে একটি অবিশ্বাস্য হোস্ট আছে flywheel - তাদের উন্নত ক্যাশিং এবং CDN ব্যবহার করে, কিন্তু আমরা জানি এখনও কিছু জিনিস আমাদের ক্ষতি করছে। উদাহরণস্বরূপ, আমাদের ছবি অপ্টিমাইজ করা হয় না। সেখানে এমন পরিষেবা রয়েছে যেগুলি আপনি আপনার চিত্রগুলিকে তাদের আকারের একটি ভগ্নাংশে রূপান্তর করতে পারেন তাদের স্বচ্ছতা বজায় রেখে… আমরা সেগুলি দেখছি।
আমি যখন তাদের আমাদের সাইটটি দেখাচ্ছিলাম, তখন একটি সোশ্যাল বোতাম লোড করার সময় পেজটি হিম হয়ে যাওয়ায় আমি কাঁপতে থাকি এবং আমার মাথা ঝুলিয়ে রাখি। আমি মনে করি এটা ফেসবুক ছিল. আরহ… এক বা দুই সেকেন্ড পরে বোতামটি হাজির এবং বাকি পৃষ্ঠা লোড হয়ে গেল। উঃ
আমি যখন সমস্যাটি বর্ণনা করেছি, তখন তাদের প্রকৌশলীর সাথে সাথে একটি সমাধান ছিল, socialite.js. সোশ্যালাইট সোশ্যাল শেয়ারিং বোতামের আধিক্য বাস্তবায়ন এবং সক্রিয় করার একটি খুব সহজ উপায় প্রদান করে — যে কোনো সময় আপনি চান৷ ডকুমেন্ট লোডের উপর, নিবন্ধ হোভারে, যেকোনো ইভেন্টে! যেহেতু সোশ্যালাইট অ্যাসিঙ্ক্রোনাসভাবে বোতামগুলি লোড করে, তাই 50kb সোশ্যাল মিডিয়ার জন্য অপেক্ষা করার সময় নথিটি হ্যাং হবে না৷
সৌভাগ্যক্রমে, ইতিমধ্যে একটি ওয়ার্ডপ্রেস প্লাগইন রয়েছে যা সোশ্যালাইটকে অন্তর্ভুক্ত করে, যাকে বলা হয় WPSsocialite. আজ রাতে আমি বোতাম লোড করার জন্য আমার সমস্ত কাস্টমাইজড কোড ছিঁড়ে ফেলেছি এবং WPSocialite প্রয়োগ করেছি। আমি সিএসএস কাস্টমাইজ করতে এবং আমার পছন্দের বোতামগুলি সংশোধন করতে সক্ষম হয়েছি। আমি ভবিষ্যতে কিছু অতিরিক্ত বোতাম যোগ করার অপেক্ষায় রয়েছি - যেমন বাফার বা রেডডিট... তবে এটি এখনকার জন্য উপযুক্ত!