তৃতীয় পক্ষের সংস্থানগুলি প্রায়শই বিজ্ঞাপন বা ভিডিও প্রদর্শন এবং সোশ্যাল মিডিয়ার সাথে একীভূত করার জন্য ব্যবহৃত হয়। ডিফল্ট পদ্ধতি হল পৃষ্ঠাটি লোড হওয়ার সাথে সাথে তৃতীয় পক্ষের সংস্থানগুলি লোড করা, তবে এটি অপ্রয়োজনীয়ভাবে পৃষ্ঠা লোডকে ধীর করে দিতে পারে। যদি তৃতীয় পক্ষের বিষয়বস্তু সমালোচনামূলক না হয়, তাহলে অলসভাবে লোড করে এই কর্মক্ষমতা খরচ কমানো যেতে পারে।
এই অডিট তৃতীয় পক্ষের এম্বেডগুলিকে হাইলাইট করে যা অলসভাবে মিথস্ক্রিয়ায় লোড করা যেতে পারে। এই ক্ষেত্রে, ব্যবহারকারী এটির সাথে যোগাযোগ না করা পর্যন্ত তৃতীয় পক্ষের সামগ্রীর জায়গায় একটি সম্মুখভাগ ব্যবহার করা হয়।
কিভাবে লাইটহাউস ডিফারেবল থার্ড-পার্টি এম্বেড সনাক্ত করে
লাইটহাউস থার্ড-পার্টি পণ্যের সন্ধান করে যা পিছিয়ে দেওয়া যেতে পারে, যেমন সোশ্যাল বোতাম উইজেট বা ভিডিও এম্বেড (উদাহরণস্বরূপ, YouTube এম্বেড করা প্লেয়ার)।
স্থগিত পণ্য এবং উপলব্ধ সম্মুখভাগ সম্পর্কে ডেটা তৃতীয়-পক্ষ-ওয়েবে রক্ষণাবেক্ষণ করা হয়।
অডিট ব্যর্থ হয় যদি পৃষ্ঠাটি এই তৃতীয় পক্ষের এম্বেডগুলির একটির সাথে সম্পর্কিত সংস্থানগুলি লোড করে৷
একটি সম্মুখভাগ দিয়ে তৃতীয় পক্ষগুলিকে স্থগিত করুন
আপনার HTML-এ সরাসরি একটি তৃতীয়-পক্ষ এম্বেড যোগ করার পরিবর্তে, একটি স্থির উপাদান সহ পৃষ্ঠাটি লোড করুন যা প্রকৃত এম্বেড করা তৃতীয়-পক্ষের অনুরূপ। মিথস্ক্রিয়া প্যাটার্ন এই মত কিছু দেখতে হবে:
- লোডের সময়: পৃষ্ঠায় সম্মুখভাগ যোগ করুন।
- মাউসওভারে: সম্মুখভাগটি তৃতীয় পক্ষের সংস্থানগুলির সাথে পূর্ব-সংযোগ করে৷
- ক্লিক করলে: সম্মুখভাগ নিজেকে তৃতীয় পক্ষের পণ্য দিয়ে প্রতিস্থাপন করে।
প্রস্তাবিত facades
সাধারণভাবে, ভিডিও এম্বেড, সোশ্যাল বোতাম উইজেট এবং চ্যাট উইজেট সবই সম্মুখের প্যাটার্ন ব্যবহার করতে পারে। একটি সম্মুখভাগ নির্বাচন করার সময়, আকার এবং বৈশিষ্ট্য সেটের মধ্যে ভারসাম্য বিবেচনা করুন।
নিম্নলিখিত তালিকাটি ওপেন-সোর্স সম্মুখভাগের আমাদের সুপারিশগুলি অফার করে। আপনি একটি অলস iframe লোডারও ব্যবহার করতে পারেন, যেমন vb/lazyframe ।
ইউটিউব এমবেডেড প্লেয়ার
Vimeo এমবেডেড প্লেয়ার
লাইভ চ্যাট (ইন্টারকম, ড্রিফ্ট, হেল্প স্কাউট, ফেসবুক মেসেঞ্জার)
আপনার নিজের সম্মুখভাগ লিখুন
আপনি একটি কাস্টম ফ্যাসাড সমাধান তৈরি করতে বেছে নিতে পারেন যা পূর্বে বর্ণিত ইন্টারঅ্যাকশন প্যাটার্ন ব্যবহার করে। স্থগিত তৃতীয় পক্ষের পণ্যের তুলনায় সম্মুখভাগটি উল্লেখযোগ্যভাবে ছোট হওয়া উচিত এবং শুধুমাত্র পণ্যটির চেহারা অনুকরণ করার জন্য যথেষ্ট কোড অন্তর্ভুক্ত করা উচিত।
আপনি যদি আপনার সমাধান তালিকায় অন্তর্ভুক্ত করতে চান তবে জমা দেওয়ার প্রক্রিয়াটি দেখুন।
সম্পদ
Facades অডিট সহ অলস লোড তৃতীয় পক্ষের সংস্থানগুলির জন্য উত্স কোড।