এসইও

Google পৃষ্ঠা গতির মানদণ্ডের জন্য আপনার সাইটটি অপ্টিমাইজ করার 5 উপায়

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

কম্পিউটার ইমেজ সঙ্গে মানুষ

এবং মে 2018 থেকে? গুগল আরও পরিবর্তন করেছে। তাই আমরা আজ আপনার সাইট অপ্টিমাইজ করার পাঁচটি উপায় শেয়ার করছি৷

চলুন শুরু করা যাক।

কেন এখন আপনার সাইটের গতি অপ্টিমাইজ করবেন?

বাতিঘর 3.0 বাদ পড়ার পর থেকে বছরে বিবর্তিত হতে চলেছে। Google সম্প্রতি ঘোষণা করেছে যে এটি লাইটহাউসের জন্য "প্ল্যাটফর্ম প্যাক" এ কাজ করছে, যার মাধ্যমে পরীক্ষকরা তাদের সাইটে ব্যবহৃত CMS এবং কোড লাইব্রেরির জন্য নির্দিষ্ট গতির অপ্টিমাইজেশান টিপস পেতে পারেন।

সুতরাং আপনি যদি ওয়ার্ডপ্রেসের সাথে অ্যাঙ্গুলার জাভাস্ক্রিপ্ট ব্যবহার করেন, উদাহরণস্বরূপ, আপনি ভাগ্যবান, তবে প্ল্যাটফর্ম প্যাকের আরও রূপগুলি ইতিমধ্যেই গিটহাব সম্প্রদায়ের সহায়তায় বিকাশের অধীনে রয়েছে।

পৃষ্ঠা গতির অন্তর্দৃষ্টি সহ Google এর লাইটহাউস আপডেট৷

ছবির উৎস

2016 সালে মোবাইল-ফার্স্ট ইনডেক্স প্রবর্তন করার পর থেকে Google সার্চ র‌্যাঙ্কিং মাপকাঠি হিসাবে ধীরে ধীরে সাইটের গতির গুরুত্ব বাড়িয়ে চলেছে, তাই এই মেট্রিক্স এবং প্রবণতাগুলিতে মনোযোগ দেওয়া বুদ্ধিমানের কাজ। গুগল গড়ে প্রায় 62টি অ্যালগরিদম টুইক আপডেট এনেছে সপ্তাহান্তিক কাল 2018 সালে, তাই আপনার র‍্যাঙ্ক ভাল হওয়া নিশ্চিত করা একটি ক্রমবর্ধমান গতিশীল অনুশীলন হয়ে উঠছে। এবং মোবাইল-প্রথম সূচকের আপেক্ষিক নতুনত্বের সাথে সাথে ওয়েবসাইট ট্র্যাফিকের উপর এর অসম প্রভাবের কারণে, এটি বোঝায় যে বেশিরভাগ অ্যালগরিদম পরিমার্জনগুলি মোবাইলে ফোকাস করবে৷

লাইটহাউসের উপর ঘনিষ্ঠ দৃষ্টি রাখার জন্য সম্ভবত সবচেয়ে শক্তিশালী যুক্তি হল, এই প্রথমবার Google একটি স্ব-পরিষেবা গতি পরিমাপ সরঞ্জাম তৈরি করেছে যা বটগুলির বিপরীতে বাস্তব সাইট দর্শকদের দ্বারা অভিজ্ঞ ল্যাগ সময়ের প্রতিলিপি করার চেষ্টা করে৷

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

এই সমস্ত কিছু মাথায় রেখে, আমরা আপনার সাইটের গতিতে Google দেবতাদের খুশি করতে আপনাকে সাহায্য করার জন্য পাঁচটি টিপস সংগ্রহ করেছি৷

1. অলস লোডিং কার্যকর করুন

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

মাঝারি থেকে অলস লোডিং উদাহরণ

চিত্র উত্স

অলস লোডিংয়ের সাথে, ওয়েব পৃষ্ঠার শুধুমাত্র একটি অংশ একটি সময়ে লোড করা হয় - দর্শকরা সেই সেকেন্ডের দিকে যে বিভাগটি দেখছে, তাই আপনি পরের অংশটি লোড করা বন্ধ রাখবেন যতক্ষণ না দর্শক এটিতে স্ক্রোল করে। এটি ফার্স্ট মিনিংফুল পেইন্ট এবং ফার্স্ট কন্টেন্ট পেইন্টের মতো মেট্রিক্সে পৌঁছাতে যে সময় নেয় তা কমিয়ে দেয়, যেটি দুটি মেট্রিক যা লাইটহাউস সাইটের গতি এবং কর্মক্ষমতা পরিমাপ করতে ব্যবহার করে।

আপনি যদি "অসীম স্ক্রোলিং" প্রয়োগ করেন তবে অলস লোডিং একটি আবশ্যক, যা সামগ্রী-ভারী সাইটগুলির সাথে জনপ্রিয়, তবে এটি সমস্ত ধরণের ওয়েবসাইটে সাহায্য করতে পারে৷ প্রকৃতপক্ষে, Duda ওয়েব ডিজাইন প্ল্যাটফর্মটি খুঁজে পেয়েছে যে Duda-চালিত সাইটগুলিতে অলস লোডিং বাস্তবায়নের পরে, সেই বৈশিষ্ট্যগুলি লাইটহাউস স্কোর লিফটে গড়ে 10 পয়েন্ট দেখেছে - এতে লাঠি নাড়ানোর কিছু নেই

2. নেক্সট-জেনার ইমেজ ফরম্যাটগুলির সর্বাধিক ব্যবহার করুন৷

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

নেক্সট-জেন ফরম্যাটের মধ্যে রয়েছে JPEG 2000, JPEG XR, এবং WebP। এই ফর্ম্যাটগুলি চিত্রগুলিকে সংকুচিত করে এবং রূপান্তর করে যাতে সেগুলিকে প্রথাগত PNGs এবং JPGs থেকে অনেক ছোট করে, কিন্তু সেগুলি ছবির মানের উপর নেতিবাচক প্রভাব ফেলে না৷ আপনি যখন নেক্সট-জেন ফরম্যাটগুলি ব্যবহার করেন, তখন আপনি চিত্রের গুণমানকে ত্যাগ না করেই, এমনকি বড় পিক্সেল মাত্রা সহ ভিজ্যুয়ালগুলির জন্যও পৃষ্ঠা লোডের সময়কে তীব্রভাবে ত্বরান্বিত করতে পারেন৷ উন্মাদ ল্যাব থেকে এই ডেটা পরীক্ষা করে দেখুন যেটি শট করেছে যে ওয়েবপি ফাইলগুলি PNG ফাইলগুলির চেয়ে কত ছোট:

ওয়েবপি বনাম পিএনজি ফাইল গ্রাফ

Google বিশেষ করে ওয়েবমাস্টারদের তার নিজস্ব নতুন WebP ফর্ম্যাটিং ব্যবহার করতে উৎসাহিত করে, যা Chrome এবং Opera ব্রাউজার দ্বারা সমর্থিত। WebP এমন ছবি তৈরি করে যা PNG এর থেকে 26% ছোট এবং JPG ফরম্যাটের থেকে 25-35% ছোট।

3. একটি সামগ্রী বিতরণ নেটওয়ার্ক ব্যবহার করুন৷

একটি বিষয়বস্তু বিতরণ নেটওয়ার্ক, বা CDN, আপনার পৃষ্ঠা লোডের গতি বাড়ানোর জন্য একটি দুর্দান্ত সমাধান, যা Lighthouse 3.0-এ ভাল পারফরম্যান্স রেটিং এর জন্য দ্বিতীয় গুরুত্বপূর্ণ মেট্রিক।

মূলত, একটি CDN হল সার্ভারগুলির একটি নেটওয়ার্ক যা সারা বিশ্বে বিতরণ করা হয় এবং আপনার সামগ্রী সরবরাহ করার জন্য একসাথে কাজ করে। যেহেতু একটি CDN-এর সার্ভারগুলি ভৌগোলিকভাবে বিচ্ছুরিত, সেখানে সবসময় এমন একটি থাকে যা প্রায় প্রতিটি ব্যবহারকারীর সবচেয়ে কাছে থাকে, আপনার বিষয়বস্তু তাদের ব্রাউজারে পৌঁছাতে যে সময় লাগে তা কমিয়ে দেয়৷

CDN ব্যাখ্যা

ছবির উৎস

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

4. অপ্রয়োজনীয় প্লাগইন পরিত্রাণ পান

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

আপনার পেমেন্ট প্রসেসরের মতো কিছু প্লাগইন আপনার সাইটের জন্য অত্যাবশ্যক হতে পারে, কিন্তু অন্যরা হয়তো আর বেশি উদ্দেশ্য পূরণ করতে পারে না। অনেক প্লাগইন তথ্যের জন্য তৃতীয় পক্ষের সার্ভারকে জিজ্ঞাসা করে, যা জিনিসগুলিকে আরও ধীর করে দিতে পারে। DigWP-এর একটি সাম্প্রতিক সমীক্ষায়, 900 টিরও বেশি ওয়ার্ডপ্রেস পেশাদাররা প্লাগইনগুলির সংখ্যা নির্দেশ করেছেন যেগুলিকে তারা সাধারণত "অনেক"-এর থ্রেশহোল্ড হিসাবে দেখেন এবং 75% উত্তরদাতা সম্মত হন যে 25 সীমা। উত্তরদাতাদের এক-তৃতীয়াংশেরও বেশি সীমা হিসাবে 10 সুপারিশ করেছে।

প্লাগইনগুলির তালিকা

অতিরিক্ত প্লাগইনগুলি ডাটাবেস ব্লোট হতে পারে, অকারণে আপনার সাইটের ওজনকে প্রসারিত করে, এটিকে লোড করা অনেক ধীর করে তোলে, তাই আপনার কাছে যত কম হবে তত ভাল।

5. আপনি ব্যবহার করেন না এমন CSS নিয়মগুলি সরান৷

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

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

CSS নিয়ম

ছবির উৎস

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

Google-এর গতির মানদণ্ড অনুসরণ করলে কর্মক্ষমতা উন্নত হয়

Lighthouse 3.0-এর প্রবর্তন এবং চলমান বিকাশকে Google-এর সর্বশেষ গতির মানদণ্ড অনুসারে আপনার সাইটকে অপ্টিমাইজ করার গুরুত্বের আরেকটি অনুস্মারক হিসাবে দেখা উচিত। আপনার প্রয়োজন নেই এমন CSS নিয়ম এবং প্লাগইনগুলি থেকে পরিত্রাণ পেয়ে, CDN এবং পরবর্তী-জেন ইমেজ ফরম্যাটগুলি ব্যবহার করে এবং অলস লোডিংয়ের সর্বাধিক সুবিধা করে, আপনি আপনার সাইটকে স্ট্রীমলাইন করতে পারেন, পৃষ্ঠা লোডের সময় কমাতে পারেন এবং Google-এর মধ্যে থাকার জন্য কর্মক্ষমতা উন্নত করতে পারেন ভাল বই.

লেখক সম্পর্কে

একজন পরামর্শক, সোশ্যাল মিডিয়া বিশেষজ্ঞ, এবং তেল আভিভে ব্লগার, গ্যাব্রিয়েল সাদেহ শক্তিশালী ডিজিটাল বিপণন কৌশলগুলির মাধ্যমে ব্র্যান্ডগুলিকে তাদের কণ্ঠস্বর ভাগ করে নিতে এবং তাদের ব্যবসাগুলিকে স্কেল করতে সহায়তা করে৷ তার সাথে যোগাযোগ করার সর্বোত্তম উপায় হল তার লিঙ্কডইন প্রোফাইলের মাধ্যমে।

সম্পরকিত প্রবন্ধ

0 মন্তব্য
ইনলাইন প্রতিক্রিয়া
সমস্ত মন্তব্য দেখুন
শীর্ষ বোতামে ফিরে যান