How To Make Website Page Loading Faster/কিভাবে ওয়েবসাইট পেজ লোডিং দ্রুত করা যায়
Latest News and Blog on Website Design and Bangladesh.
How To Make Website Page Loading Faster/কিভাবে ওয়েবসাইট পেজ লোডিং দ্রুত করা যায়
পৃষ্ঠার গতি:
পৃষ্ঠার গতি হলো আপনার পৃষ্ঠার কনটেন্ট কত দ্রুত লোড হয় তার একটি পরিমাপক।
পেজের গতি কি?
পৃষ্ঠার গতি প্রায়শই “সাইটের গতি” দ্বারা বিভ্রান্ত হয়, যা আসলে একটি সাইটে পৃষ্ঠার দৃশ্যের নমুনার জন্য পৃষ্ঠার গতি। পৃষ্ঠার গতি “পৃষ্ঠার লোড টাইম” (একটি নির্দিষ্ট পৃষ্ঠায় বিষয়বস্তু সম্পূর্ণরূপে প্রদর্শন করতে সময় লাগে) বা “প্রথম বাইট থেকে সময়” (আপনার ব্রাউজারের তথ্য থেকে প্রথম বাইট পেতে কত সময় লাগে) বর্ণনা করা যেতে পারে। ওয়েব সার্ভার)।
আপনি গুগলের পেজস্পিড ইনসাইট দিয়ে আপনার পেজের গতি মূল্যায়ন করতে পারেন।
পেজস্পিড ইনসাইটস স্পিড স্কোর CrUX (ক্রোম ইউজার এক্সপেরিয়েন্স রিপোর্ট) থেকে তথ্য এবং
দুটি গুরুত্বপূর্ণ স্পিড মেট্রিকের প্রতিবেদন অন্তর্ভুক্ত করে: প্রথম কনটেন্টফুল পেইন্ট (FCP) এবং DOMContentLoaded (DCL)।
এসইও এর সেরা অনুশীলন:
গুগল সাইটের গতি নির্দেশ করেছে (এবং ফলস্বরূপ, পৃষ্ঠার গতি) তার অ্যালগরিদম দ্বারা পৃষ্ঠাগুলিকে
রেন্ক করার জন্য ব্যবহৃত একটি সংকেত। এবং গবেষণায় দেখা গেছে যে গুগল বিশেষভাবে প্রথম বাইটের সময় পরিমাপ করতে পারে যেমন এটি পৃষ্ঠার গতি বিবেচনা করে। উপরন্তু, একটি ধীর পৃষ্ঠার গতি মানে হল যে সার্চ ইঞ্জিনগুলি তাদের বরাদ্দকৃত ক্রল বাজেট ব্যবহার করে কম পৃষ্ঠাগুলি ক্রল করতে পারে এবং এটি আপনার সূচকে নেতিবাচকভাবে প্রভাবিত করতে পারে।পৃষ্ঠার গতি ব্যবহারকারীর অভিজ্ঞতার জন্যও গুরুত্বপূর্ণ। একটি দীর্ঘ লোড সময় সঙ্গে পেজ উচ্চ বাউন্স হার এবং পৃষ্ঠায় কম গড় সময় আছে।
দীর্ঘ লোড সময়গুলিও রূপান্তরকে নেতিবাচকভাবে প্রভাবিত করতে দেখানো হয়েছে।আপনার পৃষ্ঠার গতি বাড়ানোর কয়েকটি উপায় এখানে দেওয়া হল:
কম্প্রেশন সক্রিয় করা:
150 বাইটের চেয়ে বড় সিএসএস, এইচটিএমএল এবং জাভাস্ক্রিপ্ট ফাইলের আকার কমাতে ফাইল কম্প্রেশনের জন্য সফটওয়্যার অ্যাপ্লিকেশন জিজিপ ব্যবহার করুন।ইমেজ ফাইলগুলিতে gzip ব্যবহার করবেন না। পরিবর্তে, ফটোশপের মতো একটি প্রোগ্রামে এগুলিকে সংকুচিত করুন যেখানে আপনি ছবির গুণমানের উপর নিয়ন্ত্রণ রাখতে পারেন।
CSS, JavaScript এবং HTML ছোট করুন:
আপনার কোড অপ্টিমাইজ করে (স্পেস, কমা এবং অন্যান্য অপ্রয়োজনীয় অক্ষর অপসারণ সহ),আপনি নাটকীয়ভাবে আপনার পৃষ্ঠার গতি বাড়িয়ে তুলতে পারেন। এছাড়াও কোড মন্তব্য, বিন্যাস, এবং অব্যবহৃত কোড সরান।
গুগল CSSNano এবং UglifyJS ব্যবহার করার পরামর্শ দেয়।
রিডিরেক্ট কমানো:
প্রতিবার একটি পৃষ্ঠা অন্য পৃষ্ঠায় পুন রিডিরেক্ট নির্দেশিত হলে, আপনার ভিজিটর HTTP অনুরোধ-প্রতিক্রিয়া চক্র সম্পূর্ণ হওয়ার জন্য অপেক্ষা করার জন্য অতিরিক্ত সময় সম্মুখীন হয়। উদাহরণস্বরূপ, যদি আপনার মোবাইল রিডিরেক্ট নির্দেশ প্যাটার্নটি এইরকম দেখায়:
“example.com -> www.example.com -> m.example.com -> m.example.com/home,”
এই দুটি অতিরিক্ত রিডিরেক্ট নির্দেশের প্রত্যেকটি আপনার পৃষ্ঠা তৈরি করে ধীরে ধীরে লোড করুন।
রেন্ডার-ব্লক জাভাস্ক্রিপ্ট সরানো:
ব্রাউজারগুলিকে একটি পৃষ্ঠা রেন্ডার করার আগে এইচটিএমএল বিশ্লেষণ করে একটি ডোম গাছ তৈরি করতে হবে। যদি আপনার ব্রাউজার এই প্রক্রিয়া চলাকালীন একটি স্ক্রিপ্টের মুখোমুখি হয়, তবে এটি চালিয়ে যাওয়ার আগে এটি বন্ধ এবং কার্যকর করতে হবে।
গুগল জাভাস্ক্রিপ্ট ব্লক করার ব্যবহার এড়ানোর এবং কমানোর পরামর্শ দেয়।
লিভারেজ ব্রাউজার ক্যাশে:
ব্রাউজার অনেক তথ্য (স্টাইলশীট, ইমেজ, জাভাস্ক্রিপ্ট ফাইল, এবং আরও অনেক কিছু) ক্যাশ করে যাতে একজন ভিজিটর যখন আপনার সাইটে ফিরে আসে, ব্রাউজারকে পুরো পৃষ্ঠাটি পুনরায় লোড করতে হয় না। আপনার ক্যাশের জন্য ইতিমধ্যেই একটি মেয়াদ শেষ হওয়ার তারিখ আছে কিনা তা দেখতে YSlow এর মতো একটি টুল ব্যবহার করুন। তারপরে আপনার “মেয়াদোত্তীর্ণ” শিরোনামটি সেট করুন আপনি কতক্ষণ সেই তথ্যটি ক্যাশে রাখতে চান। অনেক ক্ষেত্রে, যদি না আপনার সাইটের ডিজাইন ঘন ঘন পরিবর্তন হয়, একটি বছর একটি যুক্তিসঙ্গত সময়কাল। গুগলের এখানে ক্যাশিংয়ের সুবিধা সম্পর্কে আরও তথ্য রয়েছে।
সার্ভারের প্রতিক্রিয়া সময় উন্নত করুন:
আপনার সার্ভারের রেসপন্স টাইম আপনার প্রাপ্ত ট্রাফিকের পরিমাণ, প্রতিটি পৃষ্ঠার রিসোর্স, আপনার সার্ভার যে সফটওয়্যার ব্যবহার করে এবং আপনি যে হোস্টিং সলিউশন ব্যবহার করেন তার দ্বারা প্রভাবিত হয়। আপনার সার্ভার রেসপন্স টাইম উন্নত করার জন্য, পারফরম্যান্সের বাধা যেমন স্লো ডাটাবেজ কোয়েরি, স্লো রাউটিং, বা পর্যাপ্ত মেমরির অভাব দেখুন এবং সেগুলো ঠিক করুন। সর্বোত্তম সার্ভারের প্রতিক্রিয়া সময় 200ms এর নিচে। আপনার সময়কে প্রথম বাইটে অপ্টিমাইজ করার বিষয়ে আরও জানুন।
কনটেন্ট বিতরণ নেটওয়ার্ক (CDN)ব্যবহার করুন:
কন্টেন্ট ডিস্ট্রিবিউশন নেটওয়ার্ক (সিডিএন), যাকে কন্টেন্ট ডেলিভারি নেটওয়ার্কও বলা হয়, সার্ভারের নেটওয়ার্ক যা কন্টেন্ট ডেলিভারির লোড বিতরণের জন্য ব্যবহৃত হয়। মূলত, আপনার সাইটের অনুলিপি একাধিক, ভৌগোলিকভাবে বৈচিত্র্যময় ডেটা সেন্টারে সংরক্ষিত থাকে যাতে ব্যবহারকারীরা আপনার সাইটে দ্রুত এবং আরো নির্ভরযোগ্য অ্যাক্সেস পায়।
ছবি অপটিমাইজ করুন:
নিশ্চিত করুন যে আপনার ছবিগুলি তাদের প্রয়োজনের চেয়ে বড় নয়, যেগুলি সঠিক ফাইল ফর্ম্যাটে রয়েছে (PNG গুলি সাধারণত 16 টিরও কম রঙের গ্রাফিক্সের জন্য ভাল যখন JPEG গুলি সাধারণত ফটোগ্রাফের জন্য ভাল) এবং সেগুলি ওয়েবের জন্য সংকুচিত। সিএসএস স্প্রাইট ব্যবহার করুন ছবিগুলির জন্য একটি টেমপ্লেট তৈরি করুন যা আপনি আপনার সাইটে প্রায়ই বোতাম এবং আইকন ব্যবহার করেন।
সিএসএস স্প্রাইটস আপনার ছবিগুলিকে একটি বড় ইমেজে একত্রিত করে যা একবারে লোড হয় (যার অর্থ কম HTTP অনুরোধ) এবং তারপরে আপনি যে বিভাগগুলি দেখাতে চান তা প্রদর্শন করুন। এর মানে হল যে আপনি ব্যবহারকারীদের একাধিক ছবি লোড হওয়ার জন্য অপেক্ষা না করে লোডের সময় বাঁচান।
শিখতে থাকুন:
**গুগল ডেভেলপারদের ডকুমেন্টেশন: পেজ স্পিড রুলস
পৃষ্ঠার গতি অপ্টিমাইজ করা – SEO এবং ওয়েব ডেভেলপারদের জন্য কার্যকরী টিপস
**PageSpeed ফায়ারফক্স এবং ক্রোম উভয়ের জন্যই গুগল থেকে ব্রাউজার এক্সটেনশন পান যাতে আপনার সাইটের গতি কমিয়ে দেয় এমন সমস্যাগুলি সনাক্ত করতে আপনাকে সাহায্য করে।
**YSlow এই ফায়ারফক্স অ্যাড-অনটিতে একটি গ্রেডিং সিস্টেম রয়েছে যা আপনাকে দ্রুত দেখতে সাহায্য করবে যে আপনার সাইট কতটা ভাল পারফর্ম করছে এবং আপনার সাইটের গতি কিভাবে উন্নত করা যায় সে সম্পর্কে অন্তর্দৃষ্টি প্রদান করে। এটি ফায়ারবাগের সাথে ব্যবহার করা প্রয়োজন।
**WebPageTest.org একটি পৃষ্ঠা কিভাবে কাজ করছে তার একটি দ্রুত প্রতিবেদন পান।
আপনার দক্ষতা কাজে লাগান..
আরো তথ্যের জন্য আমাদের সাথে যোগাযোগ করুন।
