গুগল পেজসপেইড ফিক্সড-ব্লকিং জাভাস্ক্রিপ্ট এবং সিএসএস-এর উপরোক্ত ভঙ্গিটি সরিয়ে ফেলুন

জাভাস্ক্রিপ্ট এবং সিএসএস ব্লক করে রেন্ডার সমাধান করুন

Google PageSpeed ​​[1] পরীক্ষার এইচটিএমএল সম্পূর্ণরূপে লোড হওয়ার পর আপনার সাইট এর JS এবং CSS ফাইলগুলি বিতরণ করার জন্য প্রস্তাবিত রিফার-ব্লকিং জাভাস্ক্রিপ্ট এবং CSS সিলেক্ট করুন - এবং তাই, আপনার HTML লোডিং থামাবেন না তাদের ডাউনলোড করতে

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

উপরের-ভাঁজ বিষয়বস্তুতে রেন্ডার-ব্লক করা জাভাস্ক্রিপ্ট এবং সিএসএস নির্মূল করুন: কীভাবে এটি ঠিক করতে হয় তা দেখান

1. একটি বাহ্যিক সিস্টেম আপনার জন্য আপনার ওয়েবসাইটকে অনুকূলিতকরণ করুন
   
2. একটি সিডিএন ব্যবহার করুন যা রেন্ডার-ব্লকিং রিসোর্সগুলি নির্মূলের জন্য প্রয়োজনীয় তিনটি অপ্টিমাইজেশন সহ আপনার পক্ষে সমস্ত সম্ভাব্য অনুকূলকরণ সম্পাদন করবে:
   
3. জাভাস্ক্রিপ্ট ফাইল লোড স্থিত করুন
   
4. এইচটিএমএল লোডের পরে সিএসএস লোড করুন
   
5. একটি ওয়ার্ডপ্রেস প্লাগইন ব্যবহার করুন
   

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

এইচটিসেস কোডে রেন্ডার-ব্লকিং রিসোর্সগুলি নির্মূল করার কোনও বিদ্যমান সমাধান নেই কারণ ইস্যুটি ডওমের সাথে সম্পর্কিত, যার অর্থ ওয়েবসাইটের সামগ্রী এবং অন্তর্ভুক্ত সংস্থানগুলি জাভাস্ক্রিপ্ট এবং সিএসএসের মতো ক্রমযুক্ত, তবে কেবল তা নয়। এগুলি Htaccess এ ট্রিগার করা যায় না, তবে কেবল HTML DOM বিষয়বস্তুতে content

আপনি যদি ডেস্কটপের জন্য এই সমস্যাগুলি সমাধান করেন তবে আপনি একই সাথে মোবাইলের জন্য রেন্ডার-ব্লকিং রিসোর্সগুলি দূর করতে পারবেন কারণ উভয়ই হুবহু একই!

Did you know that you can even have all these steps executed automatically for you by using an external  সাইট স্পিড এক্সিলারেটর   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

জাভাস্ক্রিপ্ট ফাইল লোড স্থিত করুন

আপনার জেনারেল ফাইল লোড প্রতিস্থাপন করার জন্য [2], আপনি আপনার স্ক্রিপ্ট লিঙ্কগুলিতে async বা ডিফার নির্দেশ যোগ করতে পারেন। Async গ্যারান্টি দেয় না যে তারা একই অনুক্রমে লোড করা হয় - অতএব, যদি আপনার বেশ কয়েকটি স্ক্রিপ্ট আছে যা অন্যের পরে এক চালানো উচিত, defer ক্রম গ্যারান্টি বাঞ্ছনীয়:

এইচটিএমএল লোডের পরে সিএসএস লোড করুন

সম্পূর্ণ এইচটিএমএলটির পরে সিএসএস লোড হওয়ার জন্য Google আপনার পছন্দের ক্লোজিং ট্যাগের আগে এবং বডি ক্লোজিং ট্যাগের আগে, আপনার এইচটিএমএল শেষে যোগ করার জন্য [3] এই টুকরা কোডটি প্রস্তাব করে:

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

গুগল সাইটের গতির পরীক্ষা পাস!

এটি আমাকে Google PageSpeed ​​[1] পরীক্ষায় পাস করার অনুমতি দেয়, মোবাইলের উপর 51 এর একটি স্কোর থেকে উঠে যাওয়া ওয়েবসাইটের উপরে রেন্ডার-ব্লকিং জাভাস্ক্রিপ্ট এবং CSS- তে (উপরের লিখিত ব্রাউজার ক্যাশে [4]) ওয়েবসাইটে ওয়েবসাইটটির উপর ( চিত্র 1) থেকে 72 (চিত্র 2), এবং আপ 59 (3 ডিজি) থেকে ডেস্কটপে 79 (চিত্র 4)।

কিভাবে ওয়ার্ডপ্রেস মধ্যে রেন্ডার-ব্লকিং সম্পদ নিষ্কাশন করতে

ওয়ার্ডপ্রেস এ রেন্ডার-ব্লকিং রিসোর্সগুলি বাদ দিতে, এটি JetPack মতো প্লাগইন ইনস্টল করা প্রয়োজন।

তারপরে, বিকল্পগুলিতে যান, যার জন্য আপনাকে প্রশাসক হতে হবে এবং JetPack বিকল্পগুলি> লেখার> পারফরম্যান্স এবং গতি> চেক করুন সাইট অ্যাক্সিলারেটর সক্ষম করুন, চিত্র লোড সময় গতি বাড়ান, স্ট্যাটিক ফাইল লোড সময় গতি করুন এবং অলস লোডিং সক্ষম করুন চিত্রসমূহ।

এসইও বেসিকগুলি শিখুন: আজ তালিকাভুক্ত!

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

এসইও শিখতে শুরু করুন

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

এছাড়াও, একটি অলস লোড ফাংশন ব্যবহার করে অফ-পর্দার লোডিং ইমেজ স্থগিত করতে ভুলবেন না। এটি কঠিন হয়ে ওঠে এবং একটি বহিরাগত লাইব্রেরীকে অফ-স্ক্রীনের লোড করার জন্য একটি বহিরাগত লাইব্রেরির প্রয়োজনীয়তা প্রয়োজন, এটি এখন HTML5 এ natively করা সম্ভব!

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

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

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

একবার রেন্ডারিং ব্লকিং সংস্থার প্রধান সামগ্রীর পরে লোড করার নির্দেশাবলী থাকবে, অর্থাত্ HTML ডোম, আপনি ইতিমধ্যে Google Lighthouse টেস্টে অনেকগুলি পয়েন্ট অর্জন করবেন, পৃষ্ঠাটির গতি অন্তর্দৃষ্টি পরীক্ষা, অথবা Google Core ওয়েব ডিফারস।

একটি বাহ্যিক সিস্টেম আপনার জন্য আপনার ওয়েবসাইটকে অনুকূলিতকরণ করুন

আপনি কী জানেন যে কোনও সাইট নিখরচায় নিবন্ধন করা এবং আপনার ডিএনএস পরিবর্তন করা বাদ দিয়ে আপনি আসলেই আপনার পক্ষে সমস্ত গুগল পেজস্পাইড সমস্যাগুলি আপনার নিজের পক্ষ থেকে সমাধান করতে পেরেছিলেন?

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

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

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

প্রায়শই জিজ্ঞাসিত প্রশ্ন

উপরের-ভাঁজ সামগ্রীতে রেন্ডার-ব্লকিং জাভাস্ক্রিপ্ট এবং সিএসএস কীভাবে নির্মূল করবেন?

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

ওয়েব বিকাশকারীরা কীভাবে রেন্ডার-ব্লকিং জাভাস্ক্রিপ্ট এবং সিএসএস অপসারণের জন্য গুগল পেজস্পিডের সুপারিশকে সম্বোধন করতে পারেন?

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

পারফেক্ট ক্রোম বাতিঘর স্কোর: কি হবে?