গুগল পেজস্পিড অপ্টিমাইজেশান হল গুগল সার্চ ফলাফলে যেকোনো ব্লগ বা ওয়েবসাইট র্যাঙ্কিংয়ের একটি অপরিহার্য অংশ। আপনার ওয়ার্ডপ্রেস ব্লগের পৃষ্ঠার গতি অপ্টিমাইজ করতে এবং Google PageSpeed Insights-এ 100 এর নিখুঁত পারফরম্যান্স অর্জনের জন্য এখানে আমার ধাপে ধাপে নির্দেশিকা রয়েছে।
আপনার ওয়েবসাইটের লোডিং গতি একটি গুরুত্বপূর্ণ অংশ একজন ব্যবহারকারীর অভিজ্ঞতা আপনার ব্লগে সেজন্য আপনি যদি চান সফলতার জন্য একটি দ্রুত ওয়েবসাইট থাকা অপরিহার্য একটি ব্লগ তৈরি.
গুগল তাদের পেজস্পিড স্কোর ব্যবহার করে তাদের গতির উপর ভিত্তি করে ওয়েবসাইটগুলিকে র্যাঙ্ক করে। Google-এর PageSpeed পরীক্ষায় 100 এর নিখুঁত স্কোর পাওয়া সহজ নয়। কিন্তু আমি আপনাকে সাহায্য করতে এখানে আছি! আপনার যদি একটি ব্লগ বা একটি ই-কমার্স সাইট থাকে তাতে কিছু যায় আসে না, আমরা ধাপে ধাপে ব্যাখ্যা করব কিভাবে আপনার Google PageSpeed স্কোর 100 এ বাড়ানো যায়।
সুচিপত্র
- গুগল পেজস্পিড অপ্টিমাইজেশান: পেজস্পিড ইনসাইটসে কিভাবে 100 স্কোর করবেন
- গুগল পেজস্পিড কী?
- পৃষ্ঠার গতি কেন গুরুত্বপূর্ণ?
- কিভাবে আপনার ওয়েবসাইটের গতি পরীক্ষা করবেন
- পেজস্পিডের সর্বোত্তম অভ্যাস: সাধারণ গুগল পেজস্পিড সমস্যা এবং সেগুলি কীভাবে ঠিক করা যায়
- সার্ভার প্রতিক্রিয়া সময় গতি বাড়ান
- কম্প্রেশন সক্রিয়
- CSS, HTML এবং JavaScript ছোট করুন
- অব্যবহৃত CSS কমিয়ে দিন
- ব্রাউজার ক্যাশিং সুবিধা নিন
- রেন্ডার-ব্লকিং রিসোর্স বাদ দিন
- দক্ষতার সাথে ছবি এনকোড করুন
- সঠিক আকারের ছবি
- অফ-স্ক্রিন ছবি স্থগিত
- ওয়েবফন্ট লোডের সময় সমস্ত পাঠ্য দৃশ্যমান থাকে
- একাধিক পৃষ্ঠা পুনঃনির্দেশ এড়িয়ে চলুন
- গুগল পেজস্পিড অপ্টিমাইজেশন এবং পরিসংখ্যান সম্পর্কিত প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
- আপনার ব্লগের জন্য গুগল পেজস্পিড অপ্টিমাইজেশন সম্পর্কে চূড়ান্ত চিন্তাভাবনা
গুগল পেজস্পিড অপ্টিমাইজেশান: পেজস্পিড ইনসাইটসে কিভাবে 100 স্কোর করবেন
আসুন প্রথমে Google PageSpeed-এর মৌলিক বিষয়গুলি পর্যালোচনা করি, তারপর আমরা আপনার ব্লগের গতি অপ্টিমাইজ করার জন্য ডুব দেব।
Google PageSpeed কি?
পৃষ্ঠার গতি হল আপনার ওয়েবসাইটের বিষয়বস্তু ব্যবহারকারীর ব্রাউজারে পৌঁছাতে যে সময় লাগে।
এটি খুবই গুরুত্বপূর্ণ কারণ আপনার সাইটে আসা ব্যবহারকারীদের আপনার সামগ্রীর জন্য অপেক্ষা করতে হবে না। আপনি অনুভূতি জানেন বা আপনি Google এ আপনার প্রশ্নের উত্তর খুঁজে পান, একটি লিঙ্কে ক্লিক করুন এবং শেষ পর্যন্ত ছেড়ে দিন কারণ পৃষ্ঠাটি দ্রুত লোড হয় না।
গুগলও এটা জানে; এই কারণে আপনার সাইটের গতি একটি প্রধান র্যাঙ্কিং ফ্যাক্টর। আপনার সাইটের গতি পরীক্ষা করার জন্য সবচেয়ে জনপ্রিয় টুল হল গুগল পেজস্পিড অন্তর্দৃষ্টি . পৃষ্ঠার গতির পরিপ্রেক্ষিতে Google আপনার সাইট সম্পর্কে ঠিক কী ভাবে তা খুঁজে বের করার এটি সেরা উপায়।
উল্লেখযোগ্য Google PageSpeed মেট্রিক্স:
- সবচেয়ে বড় কন্টেন্টফুল পেইন্ট (LCP): ব্যবহারকারীদের দ্বারা অনুভূত পৃষ্ঠা লোডিং গতি পরিমাপ. প্রধানত যখন ভাঁজের উপরের বিষয়বস্তু লোড করা শেষ হয়।
- প্রথম ইনপুট বিলম্ব (এফআইডি) : একজন ব্যবহারকারী ওয়েবসাইটের সাথে ইন্টারঅ্যাক্ট না করা পর্যন্ত বিলম্বের সেকেন্ডের মধ্যে পরিমাপ করুন।
- সম্মিলিত লেআউট শিফট (সিএলএস) : পৃষ্ঠার বিন্যাস "পরিবর্তন" বন্ধ না হওয়া পর্যন্ত সেকেন্ডে পরিমাপ করুন। উদাহরণস্বরূপ, একটি ছবি লোড করার ফলে আপনার সাইটে লেআউট পরিবর্তন হতে পারে। এটি গুরুত্বপূর্ণ কারণ একজন ব্যবহারকারী আপনার সাইটের লোডিং শেষ হওয়ার আগে সেটিতে ক্লিক করতে চাইতে পারেন, যা তাদের অন্য কিছুতে ক্লিক করতে পারে।
- প্রথম কন্টেন্টফুল পেইন্ট (FCP): স্ক্রীনে কিছু রেন্ডার করা সময়ের একটি পরিমাপ।
- নেক্সট পেইন্টের সাথে মিথস্ক্রিয়া (INP): নেক্সট পেইন্টের সাথে ইন্টারঅ্যাকশন একটি পৃষ্ঠার সাথে ব্যবহারকারীর ইন্টারঅ্যাকশনের লেটেন্সি পর্যবেক্ষণ করে। উদাহরণস্বরূপ, যদি একজন ব্যবহারকারী একটি অ্যাকর্ডিয়নে ক্লিক করেন এবং এটি খোলার সময় একটি অপ্রত্যাশিত বিলম্ব হয়।
- টাইম টু ফার্স্ট বাইট (TTFB): ব্রাউজার সার্ভার থেকে প্রতিক্রিয়া না পাওয়া পর্যন্ত সময় পরিমাপ করে।
আপনি Google সার্চ কনসোলে (কোর ওয়েব ভাইটাল রিপোর্ট), পেজস্পিড ইনসাইটস এবং ক্রোম ইউজার এক্সপেরিয়েন্স রিপোর্টে প্রায়শই ব্যবহৃত এই পদগুলি দেখতে পাবেন।
পৃষ্ঠার গতি কেন গুরুত্বপূর্ণ?
পেজ স্পিড ম্যাটারস কারণ এটি সরাসরি প্রভাবিত করবে ট্রাফিক পরিমাণ et আপনার ব্লগ কত টাকা আয় করতে পারে .
গবেষণায় (ইংরেজিতে) দেখিয়েছেন যে সাইটের গতি সরাসরি প্রভাবিত করে রূপান্তর হার. পোর্টেন্টের ডেটা দেখায় যে 1 সেকেন্ড বনাম 5 সেকেন্ডের পৃষ্ঠা লোডের গতি থাকলে রূপান্তর প্রায় 50% কমে যাবে। আপনার সাইট লোড টাইম শুধুমাত্র আপনার Google র্যাঙ্কিংকে প্রভাবিত করবে না, কিন্তু এটি আপনার রূপান্তর হারকেও প্রভাবিত করবে।
Google অনুসন্ধান ফলাফলে আপনার অবস্থান থেকে গ্রাহকের ধৈর্য, আপনার সাইটের পৃষ্ঠা লোডের সময় ব্যবহারকারীর অভিজ্ঞতার প্রতিটি দিককে প্রভাবিত করে৷ যেহেতু ব্যবহারকারীরা প্রাথমিকভাবে মোবাইল ডিভাইস ব্যবহার করেন, তাই আপনার সাইটের দ্বারা লোড করা প্রতিটি কিলোবাইট ইচ্ছাকৃত হওয়া উচিত।
একটি পৃষ্ঠা লোড হওয়ার জন্য একজন ব্যবহারকারীকে যতক্ষণ বসে থাকতে হবে এবং অপেক্ষা করতে হবে, আপনার বাউন্স রেটও তত বেশি হবে। আপনার সাইটের গতি শুধুমাত্র Google-এর SERP-কে প্রভাবিত করে না, কিন্তু বেশিরভাগ সার্চ ইঞ্জিন পৃষ্ঠার গতি বিবেচনা করে। তাই আজকের ওয়েবে একটি দ্রুত লোডিং সাইট থাকা অপরিহার্য।
সৌভাগ্যবশত, একটি দ্রুত সাইট তৈরি করা খুব কঠিন নয় যদি আপনি আধুনিক টুল ব্যবহার করেন এবং জানেন কি করতে হবে।
কিভাবে আপনার ওয়েবসাইটের গতি পরীক্ষা করবেন
আপনি যদি Google PageSpeed এর সাথে অপরিচিত হন, তাহলে আপনার সাইটটি কত দ্রুত লোড হয় তা নির্ধারণ করার জন্য এটি Google আপনার সাইটে চালানো পরীক্ষার একটি সিরিজ। যখন Google-এ একজন ব্যবহারকারী সার্চের ফলাফলে ক্লিক করেন, তখন তারা আশা করেন যে এটি দ্রুত লোড হবে। এই কারণেই গুগল পরীক্ষা তৈরি করেছে গুগল পেজস্পিড অন্তর্দৃষ্টি .
Google PageSpeed Insights খুলুন
এটি ওয়েবসাইটের মালিকদের তাদের ওয়েবসাইটের গতি কমিয়েছে এবং কীভাবে এটি ঠিক করা যায় তা জানতে টুল দেয়। এছাড়াও, এটি গুগলকে তার সার্চ ইঞ্জিন অ্যালগরিদমে একটি ওয়েবসাইটকে সঠিকভাবে র্যাঙ্ক করার জন্য প্রয়োজনীয় ডেটা দেয়৷
টুল ব্যবহার করা আপনার ওয়েবসাইটের URL প্রবেশ করা এবং ক্লিক করার মতোই সহজ বিশ্লেষণ করা. পরীক্ষা দ্রুত চালানো হবে এবং আপনি অনেক মূল পরিমাপ পাবেন। এছাড়াও, আপনি যদি স্থানীয় পরীক্ষা চালাতে চান তবে আপনি ব্যবহার করতে পারেন lগুগলের ওপেন সোর্স ফ্ল্যাগশিপ সরাসরি আপনার ব্রাউজারে অনুরূপ ফলাফল তৈরি করতে।
ওয়েবসাইট পারফরম্যান্স দেখার আরেকটি জায়গা হল পেজ সিঙ্ক রিপোর্ট ব্যবহার করা Google Analytics এর।
আপনার সম্ভবত এই নিবন্ধে সবকিছু কভার করার প্রয়োজন হবে না, তবে আমি সবচেয়ে সাধারণ PageSpeed সমস্যাগুলি এবং কীভাবে সেগুলি ঠিক করতে পারি সেগুলি নিয়ে যাব৷
পেজস্পিডের সর্বোত্তম অভ্যাস: সাধারণ গুগল পেজস্পিড সমস্যা এবং সেগুলি কীভাবে ঠিক করা যায়
এই বিভাগে বেশিরভাগ উপদেশ অনুমান করে যে আপনি একটি ওয়ার্ডপ্রেস ব্লগ. আমি বিকাশকারীদের ম্যানুয়ালি সমস্যা সমাধানের জন্য আরও বিশদ নির্দেশাবলী অন্তর্ভুক্ত করেছি।
আপনার ওয়ার্ডপ্রেস সাইটের লোডিং স্পিড উন্নত করার সবচেয়ে ভালো উপায় হল ব্যবহার করা WP রকেট . WP-রকেট একটি অর্থপ্রদানকারী প্লাগইন তবে এটি মূল্যবান কারণ এটি বাক্সের বাইরে অনেকগুলি সেরা পারফরম্যান্স অনুশীলন প্রয়োগ করে৷ বেশিরভাগ পৃষ্ঠার গতির সমস্যা সমাধানের জন্য, আমি হাইলাইট করব যদি WP-রকেট সাহায্য করতে পারে এবং যদি পাওয়া যায় তবে একটি বিনামূল্যের বিকল্প দিতে পারে।
আপনার ওয়ার্ডপ্রেস থিম ওয়েবের গুরুত্বপূর্ণ উপাদানগুলিতেও গুরুত্বপূর্ণ ভূমিকা পালন করবে।
সার্ভার প্রতিক্রিয়া সময় গতি বাড়ান
একটি দুর্দান্ত Google PageSpeed স্কোরের জন্য দ্রুত সার্ভার প্রতিক্রিয়া সময় অপরিহার্য। মূলত, আপনার সার্ভার রেসপন্স টাইম হল আপনার ওয়েবসাইট সার্ভারের ওয়েবপেজ তৈরি করতে যে সময় লাগে। আপনি যদি আপনার PageSpeed রিপোর্টে এই সতর্কতাটি দেখতে পান তবে এটি ঠিক করার সবচেয়ে সহজ জিনিসগুলির মধ্যে একটি৷
এই সমস্যাটি দূর করার সবচেয়ে সাধারণ উপায় হল পৃষ্ঠা ক্যাশিং ব্যবহার করা। এর মানে হল যে আপনার সাইটটি ক্যাশে থেকে ওয়েব পেজ পরিবেশন করবে, তাই সার্ভারকে নিজেই সামান্য বা কোন কাজ করতে হবে না।
- পৃষ্ঠা ক্যাশিং সক্ষম করুন: যখন একজন ব্যবহারকারী আপনার সাইট থেকে একটি পৃষ্ঠার অনুরোধ করে, এটি অবশ্যই রেন্ডার এবং পরিবেশন করা উচিত। এই প্রক্রিয়া পৃষ্ঠা ক্যাশে সম্পূর্ণরূপে এড়িয়ে যেতে পারে. মূলত, যখন একজন ব্যবহারকারী আপনার ওয়েবসাইটে একটি পৃষ্ঠা পরিদর্শন করে, তখন এটি ক্যাশে পরবর্তী ব্যবহারকারীর জন্য সংরক্ষণ করা হবে যাতে এটি তাত্ক্ষণিকভাবে ফেরত দেওয়া যায়। অনেক ওয়ার্ডপ্রেস হোস্টিং কোম্পানিতে পৃষ্ঠা ক্যাশিং বিল্ট ইন আছে, কিন্তু আপনি যদি উচ্চ সার্ভার প্রতিক্রিয়া সময় দেখতে পান তবে সম্ভবত এটি সক্ষম করা নেই। সেরা কিছু ওয়ার্ডপ্রেস পৃষ্ঠা ক্যাশিং সমাধান অন্তর্ভুক্ত: WP রকেট , W3 মোট ক্যাশে et ক্যাশ Enabler.
- একটি আধুনিক স্ট্যাক ব্যবহার করুন: আপনার ওয়েব হোস্ট দ্বারা ব্যবহৃত PHP এবং MySQL এর সংস্করণগুলি পৃষ্ঠার গতিতে গুরুত্বপূর্ণ ভূমিকা পালন করে। ওয়েব হোস্টিং কোম্পানিগুলি আপনাকে এই দিকে কভার করা উচিত। আপনি যদি একজন ডেভেলপার হন, তার মানে পিএইচপি এবং ডাটাবেস সমাধানের সর্বশেষ সংস্করণের সাথে আপ টু ডেট রাখা।
কম্প্রেশন সক্রিয়
Brotli (নতুন, Chrome দ্বারা সমর্থিত) বা GZIP কম্প্রেশনের মাধ্যমে ব্যবহারকারীর ব্রাউজারে পাঠানোর আগে আপনার সাইট তার সামগ্রী এবং পৃষ্ঠার আকার সংকুচিত করতে পারে। এই কম্প্রেশন পদ্ধতিগুলি আপনার সাইটের প্রদর্শনের উপর কোন প্রভাব ফেলে না যেহেতু ব্যবহারকারীদের ব্রাউজারগুলি স্বয়ংক্রিয়ভাবে সংকুচিত সামগ্রী পরিচালনা করে।
সর্বাধিক জনপ্রিয় ওয়ার্ডপ্রেস হোস্টিং কোম্পানিগুলি স্বয়ংক্রিয়ভাবে আপনার জন্য কম্প্রেশন প্রয়োগ করবে। আপনি যদি নিশ্চিত করতে চান যে আপনার সাইটে একটি কম্প্রেশন পদ্ধতি সক্ষম হয়েছে, আপনি একটি ব্যবহার করতে পারেন GZIP কম্প্রেশন পরীক্ষা অনলাইন .
ওয়ার্ডপ্রেস প্লাগইন জনপ্রিয় পারফরম্যান্স সফ্টওয়্যার স্বয়ংক্রিয়ভাবে আপনার জন্য GZIP সংকুচিত করবে, সহ WP রকেট , ডাব্লু সুপার ক্যাশে (সেটিংস সক্রিয় করা আবশ্যক) এবং W3 মোট ক্যাশে (সেটিংস সক্রিয় করা আবশ্যক)। আপনি যদি কোনো কনফিগারেশন ছাড়াই Apache ব্যবহার করেন তাহলে WP-Rocket স্বয়ংক্রিয়ভাবে আপনার সাইটে GZIP কম্প্রেশন প্রয়োগ করবে।
বিকাশকারীদের জন্য: আপনার সার্ভারে Brotli বা GZIP কম্প্রেশন সক্ষম করতে, আপনি Apache বা Nginx ব্যবহার করছেন কিনা তা জানতে হবে। সার্ভার কনফিগারেশন পরিচালনা করার পরিবর্তে, আমি আপনাকে ক্লাউডফ্লেয়ার ব্যবহার করার পরামর্শ দিচ্ছি। ব্যবহারকারীর ব্রাউজার কী সমর্থন করে এবং কোন সামগ্রী স্বয়ংক্রিয়ভাবে পরিবেশিত হয় তার উপর নির্ভর করে CloudFlare GZIP এবং Brotli কম্প্রেশন প্রয়োগ করবে।
CSS, HTML এবং JavaScript ছোট করুন
HTML, CSS, এবং JavaScript সবই আপনার পৃষ্ঠা লোড করার গতিকে প্রভাবিত করে। কোড লেখার সময়, বেশিরভাগ বিকাশকারীরা এটিকে মানুষের পাঠযোগ্য করে তুলতে ট্যাব, স্পেস এবং অন্যান্য অপ্রয়োজনীয় কোড অন্তর্ভুক্ত করবে। এই সব অব্যবহৃত অক্ষর যোগ করে এবং আপনার সাইটকে কিছুটা ধীর করে দিতে পারে।
সৌভাগ্যবশত, ব্যবহারকারীর অভিজ্ঞতাকে প্রভাবিত না করেই এই সমস্ত সম্পদ সহজেই ছোট করা যায়। WP রকেট CSS এবং JavaScript-এর জন্য মিনিফিকেশন অপশন সহ একটি ফাইল অপ্টিমাইজেশান পেজ অফার করে। এছাড়াও, যদি WP-Rocket-এ পৃষ্ঠা ক্যাশিং সক্ষম করা থাকে, তাহলে পৃষ্ঠাগুলিতে HTML ছোটকরণ প্রয়োগ করা হবে। একটি বিনামূল্যের বিকল্প প্লাগইন ব্যবহার করা হয় Autoptimize CSS/JS/HTML ছোট করতে।
মনে রাখবেন যে আপনি যখন জাভাস্ক্রিপ্ট ছোট করবেন তখন এটি কার্যকারিতার সমস্যা হতে পারে, তাই সক্রিয় করার সময় পরীক্ষা করতে ভুলবেন না।
বিকাশকারীদের জন্য: অনেক ডেভেলপমেন্ট টুল ডেভেলপারদের তাদের ওয়ার্কফ্লো চলাকালীন তাদের ফাইল কম্প্রেস করতে দেয়। Node.js প্যাকেজ যেমন সিএসএস পরিষ্কার করুন তাদের উপর কাজ করার সময় মিনিফাইড ফাইল সংকুচিত করার জন্য একটি ওয়ার্কফ্লোতে যোগ করা যেতে পারে। এছাড়াও, ছোট প্রকল্পের জন্য, অনেক অনলাইন টুল রয়েছে যা সংকুচিত করে সিএসএস , JS এমনকি এইচটিএমএল . আপনি যদি ওয়ার্ডপ্রেস ব্যবহার করেন তবে আপনাকে কেবল একটি প্লাগইন ব্যবহার করতে হবে, কারণ তারা অনেক কম প্রচেষ্টায় একই ফলাফল সরবরাহ করবে।
অব্যবহৃত CSS কমিয়ে দিন
অব্যবহৃত CSS সরানো কঠিন হতে পারে। আপনার পৃষ্ঠার CSS নিয়মগুলি যেগুলি পৃষ্ঠা স্টাইলিংয়ের জন্য ব্যবহার করা হয় না সেগুলি অব্যবহৃত CSS হিসাবে বিবেচিত হয়৷ বেশিরভাগ ফ্রেমওয়ার্ক, থিম এবং প্লাগইনগুলি অব্যবহৃত CSS সহ আপনার সাইট ছেড়ে যাবে।
উদাহরণস্বরূপ, আপনার ওয়ার্ডপ্রেস থিমে একটি পরিচিতি পৃষ্ঠার জন্য স্টাইলিং থাকতে পারে তবে এটি আপনার সাইটের অন্যান্য পৃষ্ঠাগুলিতে ব্যবহার করা হয় না তবে স্টাইলশীটে এখনও বিদ্যমান।
সৌভাগ্যবশত, আপনি যদি ওয়ার্ডপ্রেস ব্যবহার করেন, তবে কয়েকটি প্লাগইন আছে যা স্বয়ংক্রিয়ভাবে অব্যবহৃত CSS ট্রিম করবে। WP-রকেট এবং Perfmatters আপনার ব্লগ থেকে অব্যবহৃত CSS মুছে ফেলার জন্য একটি দুর্দান্ত কাজ করবে। এই প্লাগইনগুলি আপনার পৃষ্ঠাগুলিকে লোড করবে এবং নিশ্চিত করবে যে আপনার পৃষ্ঠাগুলিকে সঠিকভাবে প্রদর্শন করার জন্য তাদের কাছে কেবলমাত্র প্রয়োজনীয় CSS আছে, আপনাকে একটি ছোট CSS ফাইল দিয়ে রাখবে৷
বিকাশকারীদের জন্য: এই প্রক্রিয়াটি ম্যানুয়ালি করতে, বিকাশকারীরা কাজ করতে পারে পাতা অপসারণ একটি ওয়ার্ডপ্রেস সাইটের শৈলী। এটি আপনাকে আপনার থিমের স্টাইলশীটে যে CSS যোগ করতে চান তা ম্যানুয়ালি নির্বাচন করার অনুমতি দেবে। এর জন্য অনলাইন টুলও রয়েছে অব্যবহৃত সিএসএস খুঁজুন আপনার সাইটে, কিন্তু তারা সম্ভবত বড় সাইটের জন্য দুর্দান্ত নয়।
ব্রাউজার ক্যাশিং সুবিধা নিন
যখন ব্যবহারকারীরা আপনার সাইটের একাধিক পৃষ্ঠা পরিদর্শন করেন, তখন তারা সম্ভবত একই রিসোর্স ব্যবহার করছেন। ছবি, CSS এবং জাভাস্ক্রিপ্ট প্রায়শই আপনার পুরো সাইটে শেয়ার করা হয়। এখানেই ব্রাউজার ক্যাশিং আসে; আপনি ব্যবহারকারীর ব্রাউজারকে পরবর্তীতে ব্যবহারের জন্য সম্পদ সংরক্ষণ করতে বলতে পারেন। বেশিরভাগ ওয়ার্ডপ্রেস পারফরম্যান্স প্লাগইন ব্রাউজার ক্যাশিং নিয়ম সক্রিয় করবে।
বিকাশকারীদের জন্য: আপনি Apache বা Ngnix ব্যবহার করছেন কিনা তার উপর নির্ভর করে, আপনি ব্যবহারকারীর ব্রাউজারকে নির্দিষ্ট বিষয়বস্তু ক্যাশে করতে বলার জন্য একটি সার্ভার কনফিগারেশন যোগ করতে পারেন। সাধারণত, এই ব্রাউজার ক্যাশিং পদ্ধতিগুলি CSS, JS এবং চিত্রগুলিতে প্রয়োগ করা হয়।
রেন্ডার-ব্লকিং রিসোর্স বাদ দিন
যখন একটি ওয়েব ব্রাউজার আপনার ওয়েবসাইটের কোড পড়ে, তখন এটি নির্ধারণ করে কি ডাউনলোড এবং প্রদর্শন করতে হবে। আপনার ট্যাগের জাভাস্ক্রিপ্ট এবং CSS ফাইল <head> রেন্ডার-ব্লকিং রিসোর্স হিসেবে বিবেচনা করা হয়। যখন ব্রাউজার পৃষ্ঠাটি ব্যবহারকারীর কাছে ফেরত দেওয়ার চেষ্টা করে, তখন এটি বন্ধ করা উচিত, ফাইল ডাউনলোড করা উচিত এবং সামগ্রিকভাবে পৃষ্ঠা প্রদর্শনে বিলম্ব করা উচিত।
আপনার সাইটে যদি রেন্ডার-ব্লকিং রিসোর্স থাকে, তাহলে Google PageSpeed Insights আপনাকে সবচেয়ে বড় ফাইল এবং সম্ভাব্য সঞ্চয় দেখাবে।
সৌভাগ্যবশত, বেশিরভাগ ওয়ার্ডপ্রেস পারফর্ম্যান্স প্লাগইন আপনাকে জাভাস্ক্রিপ্ট এবং CSS কে স্থগিত বা সংহত করতে সাহায্য করবে। ওয়ার্ডপ্রেস প্লাগইনগুলি আপনাকে অপ্রয়োজনীয় স্টাইলশিট এবং JS আপনার পৃষ্ঠার নীচে লোড করতেও সাহায্য করবে। WP-Rocket, Autoptimize (বিনামূল্যে) এবং Perfmatters সকলেই রেন্ডার-ব্লকিং অ্যাসেট মুছে ফেলার কাজ করে।
বিকাশকারীদের জন্য: ডেভেলপাররা রিসোর্স লোডিং উন্নত করতে বিভিন্ন ব্রাউজার বৈশিষ্ট্যের সুবিধা নিতে পারে। এই ব্যবহার অন্তর্ভুক্ত defer attribute স্ক্রিপ্টে, CSS/JS কে ফুটারে নিয়ে যাওয়া এবং হেডারে শুধুমাত্র সমালোচনামূলক CSS সহ।
দক্ষতার সাথে ছবি এনকোড করুন
চিত্র কম্প্রেশন অ্যালগরিদম অনুভূত গুণমান হারানো ছাড়া ছবি সংকুচিত করার জন্য অবিশ্বাস্য ফলাফল আছে.
সাধারণত, JPG এবং PNG ছবিগুলি এক্সপোর্ট করার সময় অতিরিক্ত কম্প্রেশন ব্যবহার করতে পারে। Imagify, ShortPixel et Smush স্বয়ংক্রিয়ভাবে ইমেজ সংকুচিত করার জন্য সমস্ত চমৎকার ওয়ার্ডপ্রেস প্লাগইন। মূলত, এই প্লাগইনগুলি আপনার ছবি আপলোড করার সাথে সাথে কম্প্রেস করবে, ফলে দ্রুত পৃষ্ঠা লোডের গতি হবে। আপনি ইমেজ প্রয়োগ কম্প্রেশন স্তর নির্বাচন করতে পারেন.
যেহেতু ইমেজ কম্প্রেস করার জন্য প্রসেসিং পাওয়ার খরচ হয়, তাই এই প্লাগইনগুলির অনেকগুলি ইমেজগুলির একটি বড় পরিমাণের জন্য চার্জ করবে। শর্টপিক্সেলও একটি অফার করে প্লাগ লাগানো তাদের সামগ্রী বিতরণ নেটওয়ার্ক এবং API ব্যবহার করে ক্লাউডে চিত্রগুলি সংকুচিত করতে। যদি আপনার সাইট ইতিমধ্যেই CloudFlare ব্যবহার করে, আপনি তাদের জন্য সাইন আপ করতে পারেন প্রো পরিকল্পনা ফ্লাইতে ইমেজ অপ্টিমাইজ করতে।
বিকাশকারীদের জন্য: অনেক ইমেজ অপটিমাইজেশন টুল উপলব্ধ আছে, যেমন অনলাইন টুল সহ চিত্র কম্প্রেসার এবং ডেস্কটপ অ্যাপ যেমন পিচি. আপনাকে স্কেলে চিত্রগুলি সংকুচিত করতে হবে, তাই আমি একটি CDN ব্যবহার করতে পছন্দ করি যা স্বয়ংক্রিয়ভাবে চিত্রগুলিকে সংকুচিত করে। আমার প্রিয় হল ক্লাউডফ্লেয়ার প্রো প্ল্যান ($20/মাস) যা স্বয়ংক্রিয়ভাবে কম্প্রেস করবে এবং এমনকি সার্ভার ওয়েবপি ছবিও। এছাড়াও আপনি আপনার সাইটের লোগোর মতো গ্রাফিক্সের জন্য SVG ব্যবহার করতে পারেন। নোট করার একটি ভাল নিয়ম হল প্রকৃত ফটোগুলির জন্য JPEG ফাইল এবং গ্রাফিক্সের জন্য SVG/PNG ফাইলগুলি ব্যবহার করা। একটি ছবির জন্য একটি PNG ফাইল ব্যবহার করার ফলে একটি অপ্রয়োজনীয় বড় ফাইল হবে।
সঠিক আকারের ছবি
একটি ভুল আকারের ছবির উদাহরণ হল ৮০০ পিক্সেল প্রশস্ত ডিভিশনে ২০০০ পিক্সেল x ২০০০ পিক্সেল আকারের একটি বড় ছবি। যেহেতু মাত্র ৮০০ পিক্সেল দৃশ্যমান, তাই ব্রাউজারকে কোনও কারণ ছাড়াই বড় ছবিটি লোড করতে হয়েছিল। এর ফলে পৃষ্ঠা লোডের গতি ধীর হয় এবং ব্যবহারকারীর অভিজ্ঞতা খারাপ হয়। বেশিরভাগ ভালভাবে ডিজাইন করা ওয়ার্ডপ্রেস থিমগুলিতে এই সমস্যা হবে না।
ডেভেলপারদের জন্য: আপনি যদি একটি ওয়ার্ডপ্রেস থিম তৈরি করেন, আপনি আপনার থিমের প্রস্থের সাথে সঠিকভাবে মেলে ডিফল্ট ওয়ার্ডপ্রেস ইমেজ আকার সেট করতে পারেন। চিত্রের আকার পরিবর্তন করার পরে আপনাকে ওয়ার্ডপ্রেস থাম্বনেলগুলি পুনরায় তৈরি করতে হবে। মনে রাখবেন যে আপনি যদি রেটিনা ডিসপ্লের জন্য চিত্রগুলি স্ট্রিম করতে চান তবে আপনার ব্যবহার করা উচিতsrcset বৈশিষ্ট্য. ওয়ার্ডপ্রেস এছাড়াও অন্তর্নির্মিত ফাংশন আছে একটি উচ্চ পিক্সেল ঘনত্বের পর্দায় ছবি প্রদর্শন করতে।
অফ-স্ক্রিন ছবি স্থগিত
যখন একটি ওয়েবসাইট লোড করা হয়, যদি এতে ছবি থাকে, সেগুলি সব লোড হবে। ছবিগুলি দৃশ্যমান হওয়ায় এটি সম্পদ এবং নেটওয়ার্ক ব্যবহারের অপচয়। সৌভাগ্যবশত, অফ-স্ক্রিন ছবি পোস্ট করা এখন আগের চেয়ে সহজ যে সমস্ত প্রধান ব্রাউজার সমর্থন করে অলস লোডিং .
ডিফল্টরূপে, ওয়ার্ডপ্রেস অ্যাট্রিবিউট প্রয়োগ করবে loading="lazy" স্বয়ংক্রিয়ভাবে অফ-স্ক্রিন ছবিগুলি লোড করা পিছিয়ে দেওয়ার জন্য চিত্রগুলিতে যাতে আপনি সম্ভবত এই ত্রুটিটি দেখতে পাবেন না। WP-রকেট ছবি, iFrames এবং YouTube এম্বেডগুলিতেও অলস লোডিং প্রয়োগ করবে। এছাড়াও আপনি ব্যবহার করতে পারেন বিনামূল্যে a3 অলস লোড প্লাগইন অফ-স্ক্রিন উপাদানগুলিতে অলস লোডিং প্রয়োগ করতে। আপনার সাইটে যদি অনেকগুলি ইমেজ ফাইল এবং জিআইএফ থাকে তবে এটি পৃষ্ঠা লোড উন্নত করার একটি গুরুত্বপূর্ণ দিক।
বিকাশকারীদের জন্য: একটি ছবিতে অলস লোডিং যোগ করার সবচেয়ে সহজ উপায় হল বৈশিষ্ট্য অন্তর্ভুক্ত করা loading="lazy" বীকনে <img>. এছাড়াও অনেক আছে জাভাস্ক্রিপ্ট লাইব্রেরি অলস সামগ্রী লোড করতে।
ওয়েবফন্ট লোডের সময় সমস্ত পাঠ্য দৃশ্যমান থাকে
যখন ওয়েব ফন্ট প্রথম চালু করা হয়েছিল, তখন ফন্ট লোড হওয়ার আগে টেক্সট লুকানো সাধারণ ছিল। এটি একটি বড় অবাঞ্ছিত ব্যাপার কারণ ব্যবহারকারীরা তাৎক্ষণিকভাবে আপনার সাইট পড়া শুরু করতে চান। CSS অপ্টিমাইজেশন সক্রিয় করা হলে WP-Rocket স্বয়ংক্রিয়ভাবে ওয়েব ফন্টের প্রদর্শন অপ্টিমাইজ করবে। বিনামূল্যের ওয়ার্ডপ্রেস প্লাগইন গুগল ফন্ট ডিসপ্লে অদলবদল করুন আপনার ওয়ার্ডপ্রেস সাইটের জন্য Google ফন্টে সঠিক সেটিং যোগ করবে।
বিকাশকারীদের জন্য: আপনি সম্ভবত গুগল ফন্ট ব্যবহার করছেন, যা এই সমস্যাটি সমাধান করা বেশ সহজ। আপনাকে যা করতে হবে তা হল ক্যোয়ারী স্ট্রিং যোগ করুন "&display=swap" আপনার Google ফন্ট ইউআরএলে; Google থেকে আরও বিশদ বিবরণ .
একাধিক পৃষ্ঠা পুনঃনির্দেশ এড়িয়ে চলুন
যদি আপনার সাইটে প্রচুর রিডাইরেক্ট থাকে, তাহলে এগুলো ধীরে ধীরে পেজ লোডের গতি বাড়াবে। উদাহরণস্বরূপ, যদি আপনার হোম পেজে পুনঃনির্দেশ করে /home.html, এটি আপনার ব্যবহারকারীদের প্রতিক্রিয়া একটি বিলম্বের কারণ হবে. আপনি এই ত্রুটি দেখতে পারেন যদি আপনার CSS বা JS ফাইল থাকে যা একটি পুনঃনির্দেশের দিকে পরিচালিত করে।
আরেকটি উদাহরণ হল যদি আপনার হেডার নেভিগেশন মেনুতে একটি URL একটি URL-এ যায় যা পুনঃনির্দেশ করে। আপনি যদি ওয়ার্ডপ্রেস ব্যবহার করেন তবে আপনার সাইট এর জন্য পতাকাঙ্কিত না হওয়ার সম্ভাবনা রয়েছে।
গুগল পেজস্পিড অপ্টিমাইজেশান এবং পরিসংখ্যানে প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
এখানে Google PageSpeed সম্পর্কে প্রায়শই জিজ্ঞাসিত প্রশ্ন রয়েছে৷ যদি কিছু অনুপস্থিত থাকে তবে এই নিবন্ধের শেষে মন্তব্যে জিজ্ঞাসা করুন।
গুগল পেজস্পিড পরীক্ষা কি?
Google PageSpeed প্রিভিউ পরীক্ষা একটি ওয়েবসাইটের কর্মক্ষমতা নির্ধারণ করতে ব্যবহৃত হয়। একটি পরীক্ষার ফলাফল আপনাকে 100 এর মধ্যে একটি পেজস্পিড স্কোর দেয়।
একটি Google PageSpeed স্কোর কি?
একটি Google PageSpeed স্কোর হল Google দ্বারা পরিচালিত একটি পরীক্ষা যা একটি ওয়েবসাইটের কর্মক্ষমতা বিশ্লেষণ করার জন্য ডিজাইন করা হয়েছে। 100 একটি নিখুঁত স্কোর যখন 90 ভাল হিসাবে বিবেচিত হয়। 50 এবং 90 এর মধ্যে একটি স্কোর উন্নতির প্রয়োজন এবং 50 এর নিচে একটি স্কোর খারাপ।
পৃষ্ঠার গতি কি এসইওকে প্রভাবিত করে?
হ্যাঁ। গুগল পেজস্পিড ইনসাইটস স্কোর এসইওতে একটি গুরুত্বপূর্ণ ফ্যাক্টর হিসেবে কাজ করে। গুগল একটি ওয়েবসাইটের র্যাঙ্কিংয়ের মূল কারণ হিসেবে পৃষ্ঠার গতি ব্যবহার করে।
আমি কিভাবে আমার Google PageSpeed স্কোর উন্নত করতে পারি?
আশা করি এই নিবন্ধটি আপনার Google PageSpeed স্কোর উন্নত করতে সাহায্য করেছে। মূল বিষয়গুলির মধ্যে রয়েছে রেন্ডার-ব্লকিং সংস্থানগুলি সরানো, অব্যবহৃত CSS সরানো, চিত্রগুলি অপ্টিমাইজ করা এবং প্রথম বাইটে সময় হ্রাস করা।
আপনার ব্লগের জন্য Google PageSpeed অপ্টিমাইজেশানের চূড়ান্ত চিন্তাভাবনা
আমি আশা করি আপনার Google PageSpeed অপ্টিমাইজেশানের জন্য এই টিপসগুলি আপনার ব্লগের কর্মক্ষমতা উন্নত করতে সাহায্য করবে এবং সময়ের সাথে সাথে অর্গানিক ট্রাফিক বাড়াতে সাহায্য করবে৷ ওয়েব বিকশিত হওয়ার সাথে সাথে সরঞ্জামগুলি ব্যবহার করা সহজ হবে, এটি ওয়ার্ডপ্রেস সাইটগুলির গতি বাড়ানো সহজ এবং সহজ হবে।
Google PageSpeed স্কোর উন্নত করতে আপনি অনেক কিছু করতে পারেন, কিন্তু আমি একটি পাস পরীক্ষা নেওয়ার পরামর্শ দিচ্ছি।
একটি পরীক্ষায় উত্তীর্ণ হওয়া (৯০-এর উপরে স্কোর) Google-এর অর্গানিক সার্চ ফলাফলের জন্য আপনার বিষয়বস্তুকে শীর্ষস্থানে র্যাঙ্ক করার ক্ষেত্রে গুরুত্বপূর্ণ ভূমিকা পালন করবে। যদিও মনে রাখবেন যে 90 এর একটি নিখুঁত স্কোর পাওয়া ওয়েব মান পরিবর্তনের সাথে সাথে একটি শেষ না হওয়া কাজ হয়ে উঠতে পারে, তাই সেই 100+ সীমার মধ্যে থাকার চেষ্টা করুন এবং আপনি ভাল থাকবেন।