কিভাবে সাইটগ্রাউন্ডে ওয়েবপ ইমেজ পরিবেশন করা যায়?

সাইটগ্রাউন্ড অফিসিয়াল WordPress.org দ্বারা প্রস্তাবিত হোস্টিং কোম্পানিগুলির মধ্যে একটি। সাম্প্রতিক বছরগুলিতে, সাইটগ্রাউন্ড হোস্টিং বিভিন্ন স্তরে বৃদ্ধি পেয়েছে। তারা traditionalতিহ্যবাহী cPanel সেটআপকে প্রতিস্থাপিত করেছে এবং সমস্ত বিদ্যমান অ্যাকাউন্টগুলি তাদের কাস্টম সাইট টুলস সেটআপে স্থানান্তরিত করেছে। এর সাহায্যে আপনি আপনার ওয়েবসাইট লোডিং এর গতি বাড়ানোর জন্য PNG বা JPEG এর পরিবর্তে WebP ছবি পরিবেশন করতে পারেন। এই প্রবন্ধে, আমরা ব্যাখ্যা করব কিভাবে সাইটগ্রাউন্ডে ওয়েবপ ইমেজ পরিবেশন করা যায় এবং ব্রাউজারে চেক করা যায়।

সম্পর্কিত: গুগল পেজস্পিড ইনসাইটস টুলে পরবর্তী-জেনার ফরম্যাটে ত্রুটি পরিবেশন করার জন্য ওয়ার্ডপ্রেসে ওয়েবপি কীভাবে ব্যবহার করবেন?

ওয়েবপ ইমেজ কেন?

যখনই আপনি গুগল পেজস্পিড ইনসাইটস টুলে পেজ স্পিড স্কোর চেক করবেন, এটি আপনাকে অনেক সুযোগ দেখাবে যা সাইটের স্পিড উন্নত করতে পারে। একটি গুরুত্বপূর্ণ পরামর্শ যা আপনি সহজে সমাধান করতে পারেন না তা হল "পরবর্তী-জেনার ফরম্যাটে ছবিগুলি পরিবেশন করুন"। পরবর্তী-জেনারেল ফরম্যাটে রয়েছে PNG, JPEG 2000 বা JPEG XR PNGতিহ্যবাহী ইমেজ ফরম্যাটগুলি PNG এবং JPEG- এর পরিবর্তে।

নেক্সট জেনারেল ফরম্যাটে ছবি পরিবেশন করুন

অতএব, ওয়েবপ ইমেজ পরিবেশন করা আপনাকে গুগল পেজস্পিড ইনসাইট সমস্যার সমাধান করতে সাহায্য করবে। তদুপরি, এটি একই মানের সাথে চিত্রের আকার 75% এরও কম কমিয়ে দেয় যাতে পৃষ্ঠা লোডিং গতি উন্নত হয়।

এটি সাইটগ্রাউন্ডের সাথে কীভাবে কাজ করে?

সাইটগ্রাউন্ড এসজি অপ্টিমাইজার প্লাগইন অফার করে যা আপনাকে আপনার সমস্ত ছবি ওয়েবপ ফরম্যাটে রূপান্তর করতে সক্ষম করে। ভাল অংশ হল যে আপনার অন্য কোন সেটআপের প্রয়োজন নেই।

• সমস্ত ওয়েবপি ইমেজ সার্ভারের পাশে সংরক্ষিত থাকে এবং আপনি সেগুলো আপনার মিডিয়া লাইব্রেরিতে বা FTP ব্যবহার করে দেখতে পারবেন না ।
• আপনি ব্রাউজারে সাইট দেখার সময় ওয়েবপ ইমেজ লোড হচ্ছে কিনা তা পরীক্ষা করতে পারেন।
• আপনাকে আপনার হোস্টিং অ্যাকাউন্টে পৃথক সাইটের ভিত্তিতে ওয়েবপ সক্রিয় করতে হবে।

কিভাবে সাইটগ্রাউন্ডে ওয়েবপ ইমেজ পরিবেশন করা যায়?

আপনি যদি এসজি অপটিমাইজার ব্যবহার না করেন, তাহলে আপনাকে প্রথমে প্লাগইনটি ইনস্টল করতে হবে।

• আপনার ওয়ার্ডপ্রেস সাইটে লগইন করুন এবং "প্লাগইন> নতুন যোগ করুন" বিভাগে যান।
• প্লাগইনটি খুঁজে পেতে "এসজি অপ্টিমাইজার" অনুসন্ধান করুন।
• আপনার সাইটে প্লাগইনটি ইনস্টল করুন এবং সক্রিয় করুন ।

এসজি অপ্টিমাইজার প্লাগইন ইনস্টল করুন

এসজি অপ্টিমাইজার ইনস্টল করার পরে, "এসজি অপ্টিমাইজার" মেনুতে যান এবং তারপরে "মিডিয়া অপ্টিমাইজেশন" বিভাগে যান। এখানে, আপনার সাইটে আপনার ওয়েবপ ইমেজ সক্ষম করার বিকল্প আছে।

মনে রাখবেন, যদি আপনি ইতিমধ্যেই কোন ক্যাশিং প্লাগইন ব্যবহার করেন তাহলে আপনার এসজি অপ্টিমাইজার প্লাগিনে অন্যান্য অপশন সক্রিয় করা উচিত নয় । নিশ্চিত করুন যে দুটি প্লাগইন এবং সাইট ভাঙার ক্ষেত্রে একই বিকল্পগুলি সক্ষম না করা।

নতুন ছবির জন্য ওয়েবপ সক্ষম করুন

প্রথমে "নতুন ছবিগুলির ওয়েবপি কপি তৈরি করুন" বিকল্পটি সক্ষম করুন। আপনার ওয়েবপি ছবির গুণমান চয়ন করার জন্য অপ্টিমাইজেশনের ধরণটি চয়ন করুন। লসলেস অপশন আপনাকে কোয়ালিটি ধরে রাখতে সাহায্য করে এবং লজেস অপশন ইমেজ কোয়ালিটি কমিয়ে সাইজ অনেক কম করে।

সাইটগ্রাউন্ডে ওয়েবপি চিত্র তৈরি করুন

আকারে নামমাত্র হ্রাসের সাথে গুণমান ধরে রাখতে আমরা আপনাকে ক্ষতিহীন নির্বাচন করার পরামর্শ দিই। যাইহোক, যদি আপনার সাইটে আপনার বড় ছবি থাকে এবং গুণমান হ্রাস আপনার জন্য গ্রহণযোগ্য হয় তবে ক্ষতিকারক বিকল্পটি বেছে নিন। ক্ষতিকারক বিকল্পের জন্য, আপনি স্লাইডার টেনে গুণমানের শতাংশ নির্বাচন করতে পারেন।

সাইটগ্রাউন্ডে লসি ওয়েবপি তৈরি করুন

একটি নতুন ছবি আপলোড করুন এবং ব্রাউজারে কয়েকটি ছবির গুণমান পরীক্ষা করুন (এর জন্য নীচের বিভাগটি দেখুন) আপনি সমস্ত বিদ্যমান চিত্রগুলি বাল্ক প্রক্রিয়া করার আগে।

বাল্ক জেনারেট ওয়েবপি ফাইল

একবার আপনি সিদ্ধান্ত নিয়েছেন এবং গুণমান সেটআপ করার পরে, "বাল্ক জেনারেট ওয়েবপি ফাইল" বোতামে ক্লিক করুন। এটি আপনার সমস্ত বিদ্যমান চিত্রগুলির জন্য ওয়েবপি সংস্করণ পুনর্জন্ম করবে। সাধারণ ইমেজ অপটিমাইজেশন অপশনের বিপরীতে, ওয়েবপি ইমেজ তৈরি করতে আপনার সাইটে ছবির সংখ্যার উপর নির্ভর করে কম সময় লাগবে। আমাদের ক্ষেত্রে, আমাদের 14K চিত্র রয়েছে যা এক মিনিটেরও কম সময় নেয়।

গুণগত পরিবর্তন

যেকোনো সময় আপনি মানকে ক্ষতিহীন থেকে ক্ষতিগ্রস্ত বা বিপরীতভাবে পরিবর্তন করার সিদ্ধান্ত নিতে পারেন। আপনি ক্ষতিকারক ওয়েবপি ইমেজের গুণমানও পরিবর্তন করতে পারেন। যখনই আপনি কোয়ালিটি পরিবর্তন করবেন, নতুন কোয়ালিটি সহ ইমেজগুলিকে পুনরুজ্জীবিত করতে "পুনরায় জেনারেট" লিঙ্কে ক্লিক করুন। বিকল্পভাবে, "সমস্ত ওয়েবপ ফাইলগুলি মুছুন" বোতামে ক্লিক করুন এবং তারপরে নতুন গুণমানের সাথে চিত্রগুলি পুনরায় তৈরি করতে "বাল্ক জেনারেট ওয়েবপি ফাইলগুলি" এ ক্লিক করুন।

ব্রাউজারে WebP ইমেজ পরীক্ষা করা

গুগল ক্রোমে আপনার সাইট খুলুন এবং ডেভেলপার কনসোল থেকে সোর্স কোড চেক করুন । আপনি এখনও দেখতে পাবেন যে ওয়েবপি ছবির পরিবর্তে PNG বা JPEG ছবি লোড হচ্ছে। যাইহোক, এটি চেক করার সঠিক উপায় নয়।

পিএনজি ছবি দেখানো উৎস

যেহেতু আপনি হোস্টিং সার্ভারে বা মিডিয়া লাইব্রেরি থেকে ওয়েবপি ছবি দেখতে পাচ্ছেন না, তাই আপনি বিভ্রান্ত হতে পারেন যে এটি আপনার সাইটে কাজ করে কি না। আপনার সাইট ওয়েবপি ইমেজের সাথে কাজ করে তা নিশ্চিত করার জন্য নিচের নির্দেশাবলী অনুসরণ করুন।

• গুগল ক্রোম খুলুন এবং ক্রোম ডেভেলপার সরঞ্জাম বিভাগ খুলুন। আপনি উইন্ডোজ এ F12 টিপে এবং ম্যাকের "অপশন + কমান্ড + আই" এ গিয়ে ডেভেলপার টুল অ্যাক্সেস করতে পারেন।
• "নেটওয়ার্ক" ট্যাবে ক্লিক করুন এবং ঠিকানা বারে ওয়েবপেজটি খুলুন। আপনি যদি ইতিমধ্যেই পৃষ্ঠাটি খুলে ফেলেছেন, পৃষ্ঠাটি পুনরায় লোড করতে রিফ্রেশ বোতামে ক্লিক করুন।
• এখন, আপনি দেখতে পারেন যে নেটওয়ার্ক কার্যক্রম রেকর্ড করা হচ্ছে এবং "Img" ট্যাবে ক্লিক করুন।
• এখানে, আপনি আপনার সাইট থেকে লোড হওয়া রিসোর্সের ধরন দেখতে পারেন।
• ছবির ধরন চেক করতে আপনি "নাম" বা "টাইপ" কলাম সাজাতে পারেন। এটি "ওয়েবপি" হিসাবে দেখানো উচিত।
• আপনার ওয়েবসাইট থেকে WebP ছবিগুলি পরিবেশন করা হয় তা নিশ্চিত করার এই উপায়।

ব্রাউজারে SiteGround WebP চেক করুন

পরীক্ষার বিকল্প উপায়

পরীক্ষার অন্য উপায় সহজ।

• ক্রোমে আপনার ওয়েবপেজ খুলুন এবং যেকোনো ছবিতে ডান ক্লিক করুন।
• "ছবিটি সেভ করুন …" বিকল্পটি নির্বাচন করুন।

ইমেজ সেভ করুন এভাবে

• আপনার ইমেজ ফরম্যাটটি "গুগল ওয়েবপি" হিসাবে দেখা উচিত।

WebP ইমেজ সেভ করুন

যদিও আসল ছবিটি PNG (বা JPEG), আপনার এই ফরম্যাটটিকে "Google WebP" হিসেবে দেখা উচিত কারণ এটি আপনার সাইটে উপলব্ধ ইমেজ ফরম্যাট।

ক্যাশেড ওয়েবপি ইমেজ

WP রকেটের মত কিছু ক্যাশিং প্লাগইন আপনাকে WebP ইমেজ ক্যাশে করতে দেয়। আপনি যদি WebP ইমেজ ক্যাশে করেন তাহলে আপলোড ডিরেক্টরিতে আপনি আপনার হোস্টিং সার্ভারে .png.webp অথবা .jpg.webp সংস্করণ খুঁজে পেতে পারেন। এটি সাইটগ্রাউন্ড ওয়েবপি পরিষেবার ডিফল্ট আচরণ নয় এবং যখন আপনি ক্যাশিং প্লাগইন নিষ্ক্রিয় করেন, তখন ক্যাশে তৈরি বন্ধ হয়ে যাবে এবং যাচাই করার জন্য আপনার উপরের পদ্ধতিগুলির মধ্যে একটি ব্যবহার করা উচিত।

WP রকেটে WebP ক্যাশিং

আমি কত আকার সংরক্ষণ করতে পারি?

এটি সত্যিই আপনার ওয়েবপি ইমেজগুলির জন্য আপনার গুণমানের উপর নির্ভর করে। আমাদের ক্ষেত্রে, আমরা ক্ষতিহীন বিকল্প বেছে নিই এবং একক ছবির জন্য 77% এর বেশি সঞ্চয় করি।

• মূল PNG ছবির আকার – 139KB
• ওয়েবপি ছবির আকার – 31 কেবি

গুগল পেজস্পিড অন্তর্দৃষ্টি দিয়ে পরীক্ষা করা হচ্ছে

এখন, গুগল পেজস্পিড ইনসাইটস টুলে ফিরে যান এবং আপনার একটি ওয়েবপেজ পরীক্ষা করুন। পরবর্তী জেনারেশন ফর্ম্যাটে ছবি পরিবেশন করার পরামর্শ এখনই অদৃশ্য হওয়া উচিত।

যত্ন নিতে পয়েন্ট

আপনার সাইটে WebP ব্যবহার করার সময় নিচের বিষয়গুলো খেয়াল রাখতে ভুলবেন না:

• সমস্ত ব্রাউজার ওয়েবপকে সমর্থন করে না, গুগল ক্রোম বা সমর্থিত কোনো ব্রাউজারে আপনার সাইট চেক করতে ভুলবেন না।
• ডাব্লুপি রকেটের মতো ক্যাশিং প্লাগইনগুলি পৃষ্ঠা লোডিং গতি বাড়ানোর জন্য ওয়েবপি চিত্রগুলি ক্যাশে করার প্রস্তাব দেয় । যাইহোক, এই ক্যাশিং প্লাগইনগুলি সাইটগ্রাউন্ড সার্ভারে ওয়েবপি চিত্রগুলি সনাক্ত করবে না। আপনি ওয়েবপি ইমেজ ক্যাশিং সক্ষম করার আগে প্লাগইন ডেভেলপারের সাথে নিশ্চিত করতে পারেন।
• ক্লাউডফ্লেয়ারের মতো সিডিএন পরিষেবাগুলি নির্বিঘ্নে সাইটগ্রাউন্ডের সাথে কাজ করবে। যাইহোক, যদি আপনার সিডিএন এর মাধ্যমে মিডিয়া ফাইলগুলি পরিবেশন করার জন্য একটি পৃথক CNAME সেটআপ থাকে, তাহলে আপনার CDN প্রদানকারীর সাথে নিশ্চিত করুন যে তারা WebP চিত্রগুলি পরিবেশন করতে পারে কিনা।
• এখনও CPANEL সেটআপ ব্যবহার করে সাইটগুলির জন্য WebP অপশন পাওয়া যায় না। সাইটগ্রাউন্ডের জন্য আপনার অ্যাকাউন্ট সাইট টুলে স্থানান্তর করার জন্য আপনার অপেক্ষা করতে হবে।
• ওয়েবপকে সক্ষম করতে আপনাকে এসজি অপ্টিমাইজার প্লাগইন ব্যবহার করতে হবে, প্লাগইন ছাড়া আপনার হোস্টিং অ্যাকাউন্ট থেকে সক্ষম করার কোনো উপায় নেই।
• যখনই আপনি ওয়েবপি ছবির গুণমান পরিবর্তন করেন তখন ছবিগুলি পুনর্জন্ম নিশ্চিত করুন।

চূড়ান্ত শব্দ

সাইটের গতি গুগল ঘোষিত কোর ওয়েব ভাইটালগুলির সাথে গুরুত্বপূর্ণ বিষয় হয়ে উঠছে যা ভবিষ্যতে র ranking্যাঙ্কিংকে প্রভাবিত করবে। সাইটগ্রাউন্ড ওয়েবসাইটগুলি ইতিমধ্যেই গুগল ক্লাউড প্ল্যাটফর্মে রয়েছে এবং ওয়েবপিতে আপনি অন্যান্য কোম্পানিতে হোস্ট করা প্রতিযোগিতার চেয়ে অনেক এগিয়ে থাকবেন।