পেজস্পিড অপটিমাইজেশন — ২০২৬-এ আপনার ওয়েবসাইটকে দ্রুতগতির করুন
কেন গতি একটি র্যাঙ্কিং ফ্যাক্টর
গুগল নিশ্চিত করেছে যে পৃষ্ঠা গতি র্যাঙ্কিংকে প্রভাবিত করে। ধীর পৃষ্ঠা ব্যবহারকারীদের frustrates করে, এবং গুগল সেরা অভিজ্ঞতা প্রদান করতে চায়। গুগলের তথ্য দেখায় যে যখন লোড সময় ১ থেকে ৩ সেকেন্ডে যায়, তখন ব্যবহারকারী ছাড়ার সম্ভাবনা ৩২% বৃদ্ধি পায়।
তবে এটি শুধুমাত্র র্যাঙ্কিংয়ের বিষয়ে নয়। গতি আপনার ফলস্বরূপ সরাসরি প্রভাব ফেলে:
- কনভার্সন — লোড টাইমের প্রতি অতিরিক্ত সেকেন্ড কনভার্সন হার ৭% পর্যন্ত কমিয়ে দেয়
- বাউন্স রেট — ৩ সেকেন্ডের বেশি সময় নিলে ৫৩% মোবাইল ব্যবহারকারী একটি পৃষ্ঠা থেকে চলে যায়
- ব্যবহারকারীর অভিজ্ঞতা — দ্রুত পৃষ্ঠাগুলি পেশাদার এবং বিশ্বস্ত মনে হয়
কোর ওয়েব ভিটালস — গুগলের গতি মেট্রিক্স
গুগল গতি পরিমাপ করে তিনটি কোর ওয়েব ভিটালস মেট্রিক্সের মাধ্যমে:
LCP — বৃহত্তম কন্টেন্টফুল পেইন্ট
মেজার করে কখন বৃহত্তম দৃশ্যমান উপাদান (সাধারণত একটি ছবি বা শিরোনাম) লোডিং সম্পন্ন হয়।
- ভাল: ২.৫ সেকেন্ডের মধ্যে
- উন্নতির প্রয়োজন: ২.৫ — ৪.০ সেকেন্ড
- খারাপ: ৪.০ সেকেন্ডের উপর
INP — পরবর্তী পেইন্টের জন্য ইন্টার্যাকশন
মেজার করে কত দ্রুত পৃষ্ঠা ব্যবহারকারীর ইন্টার্যাকশনের (ক্লিক, টাইপ, স্ক্রল) প্রতিক্রিয়া জানায়।
- ভাল: ২০০ms এর মধ্যে
- উন্নতির প্রয়োজন: ২০০ — ৫০০ms
- খারাপ: ৫০০ms এর উপরে
CLS — সিকুইমেটিভ লেআউট শিফট
মেজার করে লোডিংয়ের সময় লেআউট কতটা স্থান পরিবর্তন করে। আপনি সেই অনুভূতিটি জানেন - আপনি কিছু ক্লিক করতে চান, কিন্তু হঠাৎ বিষয়বস্তু সরিয়ে যায় এবং আপনি কিছু অন্য ক্লিক করেন।
- ভাল: ০.১ এর নিচে
- উন্নতির প্রয়োজন: ০.১ — ০.২৫
- খারাপ: ০.২৫ এর উপরে
10টি নির্দিষ্ট অপটিমাইজেশন টিপস
1. চিত্র অপটিমাইজ করুন
ছবিগুলি সাধারণত সবচেয়ে বড় অপরাধী। আধুনিক ফরম্যাট যেমন WebP বা AVIF ব্যবহার করুন, যা দৃশ্যমান গুণমান হারানোর ছাড়া ৩০-৫০% ফাইলের আকার কমাতে পারে।
- আপলোডের আগে সমস্ত ছবিকে সংকুচিত করুন
- প্রথম লোডে দৃশ্যমান না থাকা ছবির জন্য
loading="lazy"ব্যবহার করুন - CLS এড়াতে সর্বদা
widthএবংheightনির্দিষ্ট করুন - বিভিন্ন স্ক্রীন আকারের জন্য
srcsetসহ প্রতিক্রিয়াশীল ছবিগুলি ব্যবহার করুন
2. CSS এবং JavaScript মিনিফাই করুন
আপনার CSS এবং JS ফাইলগুলির মধ্যে অপ্রয়োজনীয় কোড, অফসেট এবং মন্তব্য অবস্থান থেকে সরান। বেশিরভাগ বিল্ড টুলগুলি এটি স্বয়ংক্রিয়ভাবে করে, তবে এটি উৎপাদন পরিস্থিতিতে ঘটছে কিনা তা যাচাই করুন।
3. কম্প্রেশন চালু করুন
আপনার সার্ভার Gzip বা Brotli কম্প্রেশন সহ ফাইলগুলি পাঠাচ্ছে কিনা তা নিশ্চিত করুন। এটি ফাইলের আকার ৭০% পর্যন্ত কমাতে পারে।
4. ব্রাউজার ক্যাশিং ব্যবহার করুন
Cache-Control শিরোনাম সেট করুন যাতে ব্রাউজার স্থানীয়ভাবে স্ট্যাটিক ফাইলগুলি (CSS, JS, ছবি) সংরক্ষণ করে। পরবর্তী সময় ব্যবহারকারী যখন ভিজিট করে তখন, এই ফাইলগুলি আবার ডাউনলোড করা লাগবে না।
5. সার্ভারের প্রতিক্রিয়া সময় কমান
আপনার সার্ভারের প্রতিক্রিয়া সময় (টাইম টু ফার্স্ট বাইট, TTFB) ২০০ms এর নিচে থাকা উচিত। সমাধানসমূহ:
- একটি দ্রুত হোস্টিং প্রদানকারী ব্যবহার করুন
- সার্ভার-সাইড ক্যাশিং সক্ষম করুন
- ডেটাবেজ ক্যোয়ারিগুলি অপটিমাইজ করুন
- ব্যবহারকারীর নিকটবর্তী সার্ভার থেকে স্থিতিশীল ফাইল সার্ভ করার জন্য একটি CDN ব্যবহার করুন
6. নন-ক্রিটিক্যাল JavaScript স্থগিত করুন
প্রাথমিক দর্শনের জন্য অপ্রয়োজনীয় JavaScript সমান্তরালে লোড হওয়া উচিত async অথবা defer এর সাথে। এতে সাধারণত বিশ্লেষণ, চ্যাট উইজেট এবং সামাজিক মিডিয়া এম্বেড অন্তর্ভুক্ত থাকে।
7. ক্রিটিক্যাল রিসোর্সগুলি প্রিলোড করুন
প্রাথমিক দর্শনের জন্য প্রয়োজনীয় ফন্ট, CSS এবং ছবির জন্য ব্যবহার করুন। এটি ব্রাউজারকে এই ফাইলগুলিকে অগ্রাধিকার দেওয়ার নির্দেশ দেয়।
8. রেন্ডার-ব্লকিং রিসোর্স সরান
তে CSS এবং JavaScript পৃষ্ঠা রেন্ডারিংকে ব্লক করে। অপ্রধান CSS নিচে স্থানান্তর করুন, এবং প্রাথমিক দর্শনের জন্য প্রয়োজনীয় CSS (ক্রিটিক্যাল CSS) ইনলাইন করুন।
9. একটি CDN ব্যবহার করুন
একটি কন্টেন্ট ডেলিভারি নেটওয়ার্ক আপনার ফাইলগুলি সার্ভারগুলির মধ্যে বিশ্বব্যাপী বিতরণ করে। ব্যবহারকারীরা সবচেয়ে নিকটবর্তী সার্ভার থেকে ডাউনলোড করে, Latency উল্লেখযোগ্যভাবে কমায়।
10. ওয়েব ফন্ট অপটিমাইজ করুন
কাস্টম ফন্টগুলি টেক্সট প্রদর্শনে বিলম্ব ঘটাতে পারে:
- কাস্টম ফন্ট লোড হওয়ার সময় টেক্সট একটি বিকল্প ফন্ট সহ প্রদর্শনের জন্য
font-display: swapব্যবহার করুন - আপনার ফন্টগুলিকে কেবলমাত্র আপনি যে অক্ষরগুলি ব্যবহার করেন সেগুলিতে সঙ্কুচিত করুন
- সবচেয়ে গুরুত্বপূর্ণ ফন্টগুলি প্রিলোড করুন
- শরীরের টেক্সটের জন্য সিস্টেম ফন্টগুলি বিবেচনা করুন
কিভাবে আপনার গতির পরীক্ষা করবেন
গুগল পেজস্পিড ইনসাইটস
গুগলের অফিসিয়াল টুল। ল্যাব ডেটা (সিমুলেটেড) এবং ফিল্ড ডেটা (বাস্তব ব্যবহারকারীরা) এ কল্পনামূলক উন্নতির সুপারিশগুলির সাথে নিয়ে আসে।
ক্রোম ডেভ টুলস
ডেভ টুলস (F12) খুলুন, "পারফরম্যান্স" প্যানেলে যান এবং একটি পৃষ্ঠা লোড রেকর্ড করুন। আপনি দেখতে পারবেন ঠিক কি সময় নেয় এবং কোন কোন অর্ডারে ফাইলগুলি লোড হয়।
ওয়েবপেজটেস্ট
একটি উন্নত পরীক্ষামূলক টুল যা আপনাকে বিভিন্ন লোকেশন এবং সংযোগ গতি থেকে পরীক্ষা করার অনুমতি দেয়। বিস্তারিত ওয়াটারফল ডায়াগ্রাম প্রদান করে।
অগ্রাধিকার — এখান থেকে শুরু করুন
যদি আপনাকে তিনটি জিনিসে মনোযোগ দিতে হয়:
- ছবি — সংকুচিত করুন এবং WebP তে রূপান্তর করুন। সবচেয়ে বড় প্রভাব সর্বনিম্ন প্রচেষ্টায়।
- ক্যাশিং — সঠিক Cache-Control শিরোনাম সেট করুন। একবারের সেটআপ।
- JavaScript — সব অপ্রধান স্থগিত করুন। তৃতীয় পক্ষের স্ক্রিপ্টগুলি কমান।
আপনার সাইটের কার্যকরিতা ঠিক কি রকম তা জানতে চান? একটি বিনামূল্যে অডিট চালান এবং আপনার কোর ওয়েব ভিটালস এবং গতির স্কোর দেখুন।