আপনি কি ওয়ার্ডপ্রেসে অলস লোডিং বাস্তবায়ন করতে শিখতে চান?
যদি আপনার ওয়ার্ডপ্রেস ওয়েবসাইটটি ভিজ্যুয়াল কন্টেন্টের উপর অনেক বেশি নির্ভর করে, তাহলে আপনাকে এতে অলস লোডিং কার্যকারিতা যোগ করতে হতে পারে। এই ওয়ার্ডপ্রেস বৈশিষ্ট্যটি একটি ওয়েবসাইটের পৃষ্ঠার গতি এবং কর্মক্ষমতা উন্নত করতে সাহায্য করে, এটি আপনার এসইও প্রচেষ্টার জন্য অপরিহার্য করে তোলে।
এই নিবন্ধটি অলস লোডিং কীভাবে কাজ করে সেইসাথে এর সুবিধা এবং অসুবিধাগুলি অন্বেষণ করবে। আপনি কীভাবে আপনার ওয়েবসাইটে এটি প্রয়োগ করবেন এবং সেরা ফলাফলের জন্য এটির ব্যবহার অপ্টিমাইজ করার উপায়গুলিও শিখবেন।
আরও অ্যাডো না করে, আমরা আপনাকে ওয়ার্ডপ্রেস থিমগুলির তালিকাটি পরামর্শের জন্য আমন্ত্রণ জানাই। তবে এর আগে, যদি আপনি ওয়ার্ডপ্রেস আবিষ্কারটি ইনস্টল না করেন একটি ওয়ার্ডপ্রেস ব্লগ 7 পদক্ষেপ ইনস্টল করার জন্য কিভাবে et কিভাবে আপনার ব্লগে ওয়ার্ডপ্রেস থিম অনুসন্ধান, ইনস্টল এবং সক্রিয় করবেন
তারপরে কেন আমরা এখানে আছি to
অলস লোডিং কি?
এটি এমন একটি বৈশিষ্ট্য যা একটি ওয়েবসাইটকে শুধুমাত্র ব্যবহারকারীর কাছে দৃশ্যমান ছবি লোড করতে দেয়। এটি ভিউপোর্টের বাইরে ছবি আপলোড না করে ওয়েবসাইটটিকে দ্রুত লোডিং গতি বজায় রাখতে সহায়তা করে।
কিভাবে ওয়ার্ডপ্রেস অলস লোডিং কাজ করে?
যখন একজন ব্যবহারকারী একটি ওয়ার্ডপ্রেস ওয়েবসাইট পরিদর্শন করেন, তখন তাদের ব্রাউজার ওয়েবপৃষ্ঠার সমস্ত ছবি একবারে ডাউনলোড করে। অনেক উচ্চ-রেজোলিউশন ছবি সহ পৃষ্ঠাগুলির জন্য, এই প্রক্রিয়াটি উল্লেখযোগ্যভাবে লোডিং সময় কমাতে পারে, যা আপনার ওয়েবসাইটের কার্যকারিতাকে ক্ষতিগ্রস্ত করতে পারে।
আপনার ওয়েবসাইটে একটি অলস লোডিং যুক্ত করা এটি শুধুমাত্র ব্যবহারকারীর স্ক্রিনে দৃশ্যমান ছবিগুলি ডাউনলোড করতে অনুরোধ করে৷ বাকি মিডিয়া ফাইলগুলি একটি স্থানধারক চিত্র দিয়ে প্রতিস্থাপিত হয় এবং ব্যবহারকারী যখন ওয়েব পৃষ্ঠাটি স্ক্রোল করে তখনই লোড হয়৷
ওয়ার্ডপ্রেস অলস লোডিং এর সুবিধা এবং অসুবিধা
আপনি যদি এখনও ভাবছেন যে আপনার ওয়ার্ডপ্রেসে অলস ইমেজ লোডিং প্রয়োগ করা উচিত কিনা, এখানে বৈশিষ্ট্যটির সুবিধা এবং অসুবিধা রয়েছে:
Avantages:
- ব্যান্ডউইথের ব্যবহার কমায়, হোস্টিং খরচ কমায়।
- ওয়েবসাইটের গতি উন্নত করে যার ফলে দর্শকদের ব্রাউজিং অভিজ্ঞতা উন্নত হয়।
- মোবাইল অভিজ্ঞতা উন্নত.
- প্রচেষ্টা উন্নত করে এসইও, সার্চ ইঞ্জিনে আপনার ওয়েবসাইটের র্যাঙ্কিং বৃদ্ধি করে।
বিরুদ্ধে:
- বিষয়বস্তু বাফারিং ঘটায়, যা লোডিং গতিকে প্রভাবিত করে।
- দ্রুত স্ক্রোলিং মন্থর করে।
কীভাবে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে অলস লোডিং যুক্ত করবেন: 3টি পদ্ধতি
আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে অলস লোডিং বাস্তবায়নের তিনটি উপায় রয়েছে। আমরা সুপারিশ করি যে আপনি এমন পদ্ধতি বেছে নিন যা আপনার পরিস্থিতির জন্য সবচেয়ে উপযুক্ত।
1. ওয়ার্ডপ্রেস 5.4 বা উচ্চতর আপগ্রেড করুন৷
ওয়ার্ডপ্রেস 5.4 এবং পরবর্তী ডিফল্টরূপে অলস লোডিং সমর্থন করে। আপনার ওয়ার্ডপ্রেস আপডেট করা হচ্ছে সর্বশেষ সংস্করণে স্বয়ংক্রিয়ভাবে অলস লোডিং সমর্থন করবে।
যদিও এটি সবচেয়ে সহজ পদ্ধতি, এটি আপনাকে কোন চিত্রগুলি অলসভাবে লোড করতে হবে তা কনফিগার করার অনুমতি দেয় না। অতএব, আপনার ওয়েবসাইট বৈশিষ্ট্যটির অপব্যবহার করতে পারে, পূর্বোক্ত অসুবিধাগুলি প্রকাশ করে।
বিবেচনা করার আরেকটি বিষয় হল ওয়ার্ডপ্রেসের প্রতিটি সংস্করণে অলস লোডিং বৈশিষ্ট্যের ভিন্ন প্রকৃতি। সম্প্রতি, ওয়ার্ডপ্রেস ওয়ার্ডপ্রেসের একটি নতুন সংস্করণ প্রকাশ করেছে যা পুরানো সংস্করণগুলি থেকে দুর্বল বিস্তৃত বিষয়বস্তু স্কোরের সমস্যাগুলি সমাধানের জন্য উন্নতিগুলি প্রয়োগ করে৷
এর মানে হল যে ওয়ার্ডপ্রেসের পুরানো সংস্করণে চলমান ওয়েবসাইটগুলি ওয়ার্ডপ্রেস 5.9 চালানোর মতো একই সুবিধা পায় না যা সর্বশেষ সংস্করণ।
2. ব্রাউজারের মাধ্যমে নেটিভ অলস লোডিং সক্ষম করুন৷
ক্রোম, ফায়ারফক্স এবং অপেরার মতো জনপ্রিয় ব্রাউজারগুলি অলস লোডিং সমর্থন করে। আপনি শুধু বৈশিষ্ট্য যোগ করতে হবে এটি স্বয়ংক্রিয়ভাবে সক্রিয় করতে লক্ষ্যযুক্ত ছবি এবং ভিডিওগুলিতে।
নেটিভ ওয়ার্ডপ্রেস অলস লোডিং-এ, লোডিং অ্যাট্রিবিউট এই তিনটি মানকে সমর্থন করে:
- অটো : ডিফল্টরূপে অলস লোডিং ট্রিগার করে, যা একটি লোডিং বৈশিষ্ট্য অন্তর্ভুক্ত না করার সমতুল্য।
- অলস : প্রতিটি ভিউপোর্ট থেকে নির্দিষ্ট দূরত্বে না পৌঁছানো পর্যন্ত সম্পদের লোডিং বিতরণ করে।
- আগ্রহী : পৃষ্ঠা লোড হওয়ার সাথে সাথে সমস্ত সংস্থান লোড করে, তাদের অবস্থান নির্বিশেষে।
এখানে ব্যবহারের একটি উদাহরণ:
<img src=”nom-image.png” loading=”lazy” alt=”alt attribute” width=”800″ height=”411″>এই পদ্ধতিটি অলসভাবে নির্দিষ্ট কিছু ছবি লোড করার জন্য দুর্দান্ত, প্রতিটিকে একটি লোডিং বৈশিষ্ট্য দেয় যা ভিউপোর্টে উপস্থিত হওয়ার সময় নির্দেশ করে। যাইহোক, অলসভাবে পৃথক ছবি লোড করতে কিছু সময় লাগতে পারে, বিশেষ করে যদি আপনার ওয়েবসাইটে প্রচুর মিডিয়া ফাইল থাকে।
3. একটি ওয়ার্ডপ্রেস প্লাগইন ইনস্টল করুন
যেহেতু সমস্ত ব্রাউজার ইমেজ এবং ভিডিওগুলির জন্য অলস লোডিং সমর্থন করে না, তাই দ্বিতীয় পদ্ধতিটি সব সময় কাজ নাও করতে পারে। আপনি এই সমস্যা প্রশমিত করতে পারেন একটি অলস লোডিং ওয়ার্ডপ্রেস প্লাগইন ইনস্টল করে. এই পদ্ধতিটি আপনাকে কোডিং ছাড়াই অলসভাবে কোন ছবি লোড করতে হবে তার উপর আরও নিয়ন্ত্রণ দেয়।
এখানে বেছে নেওয়ার জন্য সেরা লেজি লোডিং ওয়ার্ডপ্রেস প্লাগইনগুলি দেওয়া হল, যা ওয়ার্ডপ্রেস প্লাগইন ডিরেক্টরির মাধ্যমে অ্যাক্সেসযোগ্য।
আপনার ওয়েবসাইট লোডিং গতি উন্নত করুন
এই ওয়ার্ডপ্রেস প্লাগইন সম্পর্কে একটি ভাল জিনিস হল যে এটি AVIF সহ সমস্ত ধরনের ইমেজ সমর্থন করে। এই ফ্রিমিয়াম অলস লোডিং ওয়ার্ডপ্রেস প্লাগইন অপ্টিমাইজেশান এবং আপডেট প্রদান করে। ছবির স্কেল দর্শকদের ডিভাইসে তাদের মানিয়ে নিতে, নিশ্চিত করা একটি ব্যবহারকারী অভিজ্ঞতা অনুকূল
যখন এটি একটি ধীর নেটওয়ার্ক শনাক্ত করে, তখন এই ওয়ার্ডপ্রেস প্লাগইনটি আপনাকে ইমেজের গুণমান হ্রাস করার বিকল্প দেয়। তাছাড়া, আপনি এই ওয়ার্ডপ্রেস প্লাগইনের ক্লাউড লাইব্রেরিতে ছবি সংরক্ষণ করে স্টোরেজ স্পেস বাঁচাতে পারেন।
এই বিনামূল্যের প্লাগইন আপনাকে 5 মাসিক ভিজিটের জন্য ছবি অপ্টিমাইজ করতে দেয়৷ প্রো প্ল্যান কেনার ফলে আপনি 000 মাসিক সক্রিয় দর্শক এবং আরও অনেক কিছুর জন্য অলসভাবে ছবি লোড করতে পারবেন। উভয় পরিকল্পনার জন্য ছবি AWS ক্লাউডফ্রন্ট CDN এর মাধ্যমে পরিবেশিত হয়।
ডাউনলোড | ডেমো | ওয়েব হোস্টিং
Smush
Smush একটি জনপ্রিয় ইমেজ অপ্টিমাইজেশন প্লাগইন যা অলস লোডিং সমর্থন করে। এটি জনপ্রিয় ওয়ার্ডপ্রেস থিম, পেজ বিল্ডার এবং মিডিয়া লাইব্রেরি প্লাগইনগুলির সাথে সামঞ্জস্যপূর্ণ। এছাড়াও, এটি আপনাকে সীমাহীন কনফিগারেশনে প্লাগইন সেটিংস সংরক্ষণ করতে এবং মাত্র কয়েকটি ক্লিকে সেগুলি প্রয়োগ করতে দেয়।
অন্যান্য দরকারী বৈশিষ্ট্যগুলি হল ভুল চিত্রের আকার সনাক্তকরণ, এর জন্য সমর্থন Multisite এবং ইমেজ কম্প্রেশন টুল। Smush Pro তে আপগ্রেড করা আপনাকে আকারের সীমাবদ্ধতা ছাড়াই বড় ছবিগুলিকে অপ্টিমাইজ করতে, আসল ছবিগুলি সংরক্ষণ করতে এবং অন্যান্য WPMU প্রো প্লাগইনগুলি অ্যাক্সেস করতে দেয়৷ থেকে দাম শুরু হয় 5 X / মাস.
ডাউনলোড | ডেমো | ওয়েব হোস্টিং
a3 অলস লোড
a3 Lazy Load হল একটি বিনামূল্যের মোবাইল-ভিত্তিক অলস লোডিং প্লাগইন৷ এটি ওয়ার্ডপ্রেস 5.9 এবং ওয়েবপি এবং এএমপি প্লাগইন সহ বেশ কয়েকটি জনপ্রিয় টুলের সাথে সম্পূর্ণ সামঞ্জস্যপূর্ণ।
মৌলিক অলস লোডিং কার্যকারিতা অফার করার পাশাপাশি, a3 Lazy Load আপনাকে পৃষ্ঠা, পোস্ট, কাস্টম পোস্টের ধরন এবং উইজেটে এমবেড করা ভিডিও সহ অলস লোড ভিডিও করতে দেয়। অলস লোডিং প্রভাব এবং হেডার বা ফুটার থেকে স্ক্রিপ্ট লোড করার ক্ষমতাও উপলব্ধ।
অন্যান্য উল্লেখযোগ্য বৈশিষ্ট্য যেমন মাল্টিসাইট সমর্থন, ওয়েবপি চিত্র সমর্থন, এবং অলস আইফ্রেম লোডিং - এটি এমন আইফ্রেমের ক্ষেত্রে প্রযোজ্য যা ওয়ার্ডপ্রেস কোর লোড করে না, যেমন Google মানচিত্র এবং এমবেডেড মিডিয়া।
ডাউনলোড | ডেমো | ওয়েব হোস্টিং
ওয়ার্ডপ্রেস অলস লোডিং টিপস
অলস লোডিং থেকে সর্বাধিক পাওয়ার চাবিকাঠি হল এটি সঠিকভাবে ব্যবহার করা। আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে অলস লোডিং সেট আপ করার জন্য এখানে কিছু টিপস রয়েছে:
- হেডার ইমেজ লোড অলস না. যেহেতু পৃষ্ঠার শীর্ষে স্থাপিত ছবিগুলি লোড করার সময় দৃশ্যমান হয়, তাই তাদের অলস লোডিংয়ের কোনও সুবিধা নেই৷
- উপযুক্ত স্থানধারক নির্বাচন করুন. আমরা আপনার চিত্রগুলির জন্য একটি স্থানধারক হিসাবে একটি কঠিন রঙের কাস্ট বা নিম্ন মানের ছবি ব্যবহার করার পরামর্শ দিই৷
- ছবি লোড করার জন্য বাফার সময় যোগ করুন। এইভাবে, আপনার ছবিগুলি ভিজিটর ভিউপোর্টে প্রবেশের ঠিক আগে প্রস্তুত, যে কোনও অপেক্ষার সময় বাদ দিয়ে।
- চিত্রের পাত্রের মাত্রা নির্ধারণ করুন। এটি আপনাকে আকস্মিক লেআউট পরিবর্তনগুলি এড়াতে সাহায্য করবে, যা লোড করার সময় আপনার ওয়েব পৃষ্ঠাটিকে পরিপাটি দেখাবে৷
- শুধুমাত্র দীর্ঘ পৃষ্ঠাগুলিতে অলস লোডিং প্রয়োগ করুন। দীর্ঘ পৃষ্ঠাগুলিতে সেইগুলি অন্তর্ভুক্ত থাকে যেগুলি শেষ পর্যন্ত পৌঁছতে দুইটির বেশি স্পিন নেয় এবং পাঁচটিরও বেশি চিত্র থাকে৷
ওয়ার্ডপ্রেসে অলস লোডিং আপনাকে দর্শকদের একটি ভাল ব্রাউজিং অভিজ্ঞতা দিতে দেয়। ওয়েবসাইটের গতি উন্নত করার পাশাপাশি, এই বৈশিষ্ট্যটি আপনার ব্যান্ডউইথের ব্যবহারও কমিয়ে দেয়। সর্বোপরি, এটি সার্চ ইঞ্জিন ফলাফলে আরও ভাল র্যাঙ্কিংয়ের জন্য আপনার এসইও প্রচেষ্টাকে সাহায্য করে।
অন্যান্য প্রস্তাবিত সংস্থানসমূহ
আপনার ওয়েবসাইট এবং ব্লগের নিয়ন্ত্রণ এবং নিয়ন্ত্রণে আরও যেতে আমরা আপনাকে নীচের সংস্থাগুলির সাথে পরামর্শ করার জন্য আমন্ত্রণ জানাচ্ছি।
- ফিক্স করবেন কিভাবে ওয়ার্ডপ্রেস ত্রুটি পুনঃনির্দেশ
- কিছু প্লাগইন আপনার ব্লগে Google পরিষেবাগুলি একত্রিত করে
- বিজ্ঞপ্তিগুলি প্রদর্শনের জন্য এক্সএনএমএক্স ওয়ার্ডপ্রেস প্লাগইন
- কিভাবে ওয়ার্ডপ্রেস উপর কাস্টম টেমপ্লেট তৈরি করতে
- কিভাবে ওয়ার্ডপ্রেস বিভিন্ন ব্যাকগ্রাউন্ড ব্যবহার
উপসংহার
এটি এই টিউটোরিয়ালের জন্য যা আপনাকে দেখায় কিভাবে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে অলস লোডিং প্রয়োগ করতে হয়। আমরা আশা করি এই নিবন্ধটি আপনাকে বুঝতে সাহায্য করেছে কিভাবে ওয়ার্ডপ্রেস ওয়েবসাইটগুলিতে অলস লোডিং বৈশিষ্ট্য থেকে সর্বাধিক সুবিধা পেতে হয়। একটি ব্যবহার করতে ভুলবেন না ওয়ার্ডপ্রেস হোস্টিং আপনার ওয়েবসাইটের কর্মক্ষমতা আরও উন্নত করতে উচ্চ মানের।
আপনার যদি কোনও উদ্বেগ বা পরামর্শ থাকে তবে দয়া করে আমাদের মধ্যে এটি জানান commentaires.
তবে, আপনি আমাদের সাথে পরামর্শ করতে পারবেন সম্পদ, আপনার যদি ইন্টারনেট সাইট তৈরির প্রকল্পগুলি পরিচালনা করতে আরও উপাদানগুলির প্রয়োজন হয়, তবে আমাদের গাইডের সাথে পরামর্শ করে ওয়ার্ডপ্রেস ব্লগ তৈরি বা এক ডিভি: সর্বকালের সেরা ওয়ার্ডপ্রেস থিম.
এদিকে, আপনার বিভিন্ন সামাজিক নেটওয়ার্কে এই নিবন্ধটি ভাগ করুন.
...