#eTubeGuideBangla : কিভাবে ব্লগার ওয়েবসাইট থেকে ব্লগার থেকে অপসারিত ব্যাকগ্রাউন্ড ইমেজ লোডিং গতি

» #eTubeGuideBangla ভিডিও বিবরণ : #eTubeGuideBangla : How To Speed Blogger Website Loading Removed Background image from blogger

কিভাবে ব্লগার ওয়েবসাইট থেকে ব্যাকগ্রাউন্ড ইমেজ অপসারণ এবং লোডিং গতি বাড়ানো যাবে

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

---

ধাপ ১: ব্যাকগ্রাউন্ড ইমেজ অপসারণ

ব্লগার ওয়েবসাইটে ব্যাকগ্রাউন্ড ইমেজ অপসারণ করতে হলে আপনি থিমের HTML কোডে পরিবর্তন করতে হবে।

1. ব্লগার ড্যাশবোর্ডে সাইন ইন করুন:

   • Blogger.com এ গিয়ে আপনার গুগল অ্যাকাউন্ট দিয়ে সাইন ইন করুন।
   • ব্লগ ড্যাশবোর্ডে প্রবেশ করুন এবং যে ব্লগটি কাস্টমাইজ করতে চান সেটি নির্বাচন করুন।

2. Theme সেকশনে যান:

   • ব্লগ ড্যাশবোর্ডে Theme (থিম) সেকশনে যান।

3. HTML কাস্টমাইজেশন:

   • Customize অপশনে ক্লিক করে Edit HTML সিলেক্ট করুন।

4. ব্যাকগ্রাউন্ড ইমেজ খুঁজে বের করুন:

   • HTML কোডে background বা background-image সম্পর্কিত কোড খুঁজুন। এটি সাধারণত CSS কোডের মধ্যে থাকে।

   উদাহরণ:

   css
   body {
       background-image: url('URL_to_background_image');
   }

5. ব্যাকগ্রাউন্ড ইমেজ অপসারণ করুন:

   • ঐ কোডে ইমেজের URL সরিয়ে দিন অথবা background-image: none; যুক্ত করুন।

   উদাহরণ:

   css
   body {
       background-image: none;
   }

6. সেভ করুন:

   • কোডে পরিবর্তন করার পর Save বাটনে ক্লিক করুন।

---

ধাপ ২: ইমেজ লোডিং গতি উন্নত করা

ইমেজ লোডিং গতি বাড়ানোর জন্য আপনি নিচের পদ্ধতিগুলি অনুসরণ করতে পারেন:

1. ইমেজ কমপ্রেস করুন:

   • বড় সাইজের ইমেজ লোডিং সময় দীর্ঘ হতে পারে, তাই ইমেজের সাইজ কম্প্রেস করুন। আপনি ইমেজ কমপ্রেস করার জন্য TinyPNG বা ImageOptim এর মতো টুল ব্যবহার করতে পারেন।

2. Lazy Loading ব্যবহার করুন:

   • Lazy loading এমন একটি কৌশল, যেখানে ইমেজ শুধু তখনই লোড হয় যখন ব্যবহারকারী সেগুলি স্ক্রল করে দেখেন। এটি পেজ লোডিং সময় কমাতে সাহায্য করে।

   ব্লগার HTML কোডে lazy loading যোগ করার জন্য:

   html
   <img src="image_url" loading="lazy" alt="description">
   

3. ইমেজ ফরম্যাট পরিবর্তন করুন:

   • ইমেজের ফরম্যাট পরিবর্তন করে কম সাইজের ফাইল ব্যবহার করতে পারেন। যেমন JPEG ইমেজকে WebP ফরম্যাটে রূপান্তর করা যায়, যা দ্রুত লোড হয় এবং কম সাইজে থাকে।

4. CDN (Content Delivery Network) ব্যবহার করুন:

   • ইমেজ দ্রুত লোড করার জন্য আপনি CDN ব্যবহার করতে পারেন, যেমন Cloudflare বা Imsanity, যা ইমেজ সার্ভ করার জন্য দ্রুত সার্ভার ব্যবহার করে।

5. ইমেজ সাইজ উপযুক্ত রাখুন:

   • সাইটের জন্য সঠিক রেজোলিউশনের ইমেজ নির্বাচন করুন। খুব বড় রেজোলিউশনের ইমেজ ব্যবহার না করে ওয়েবের জন্য অপটিমাইজড সাইজ ব্যবহার করুন।

---

ধাপ ৩: ব্লগের পেজ লোডিং গতি চেক করুন

1. ব্লগের লোডিং গতি চেক করতে আপনি Google PageSpeed Insights ব্যবহার করতে পারেন।
2. PageSpeed Insights আপনার সাইটের লোডিং গতি এবং কোথায় উন্নতি করা দরকার তা জানাবে।

---

উপসংহার:

ব্লগার ওয়েবসাইট থেকে ব্যাকগ্রাউন্ড ইমেজ অপসারণ এবং লোডিং গতি বাড়ানোর জন্য আপনি HTML কোডে পরিবর্তন করতে পারেন এবং ইমেজ অপটিমাইজেশনের কৌশলগুলি ব্যবহার করতে পারেন। এগুলি আপনার সাইটের পারফরম্যান্স এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে সাহায্য করবে।

» #eTubeGuideBangla ভিডিও #হ্যাশট্যাগ :

#Blogger #WebsiteOptimization #BackgroundImage #SpeedOptimization #WebPerformance #ImageOptimization #BloggerDesign #BloggerTips #WebDesign #WebsiteSpeed #LoadSpeed #ContentOptimization #WebsiteImprovement #SEO #WebsiteContent #SpeedUpWebsite #ImageCompression #WebTools #WebsiteHelp #ContentStrategy #DigitalMarketing #WebDevelopment #AdRevenue #OnlineIncome #BloggerCustomization #PerformanceBoost #WebsiteGrowth #AdPlacement #WebsiteSupport #SEOForBlogger #PageSpeed #WebPerformanceTips #BloggerSpeed #BloggerImages #SpeedTesting #SEOOptimization #SiteSpeed #OnlineBusiness #SEOContent #WebsitePerformance #ContentGeneration #WebOptimizationTips #WebPageSpeed #TechTips #WebsiteEnhancement #BloggerHelp #AdDisplay #PageLoadTime #SiteOptimization #WebContent #AdSystem

Video Tutorial Here.................