TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

কিভাবে ওয়ার্ডপ্রেসে ফন্ট দিয়ে প্রিলোড কী রিকোয়েস্ট ঠিক করবেন?

0

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

কিভাবে প্রিলোড ব্যবহার করবেন?

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

মূলত, প্রিলোড হল এইচটিএমএল লিঙ্ক ট্যাগের রিল প্রপার্টির একটি মান। এখানে আপনার সাইটে প্রিলোড রিকোয়েস্ট ব্যবহার করার একটি সিনট্যাক্স রয়েছে:

<link rel="preload" href="font.woff" as="style">

সাইটটিতে লোড হওয়া প্রতিটি CSS, স্ক্রিপ্ট এবং ফন্ট ফাইলের জন্য আপনাকে আপনার HTML এর হেড ট্যাগের মধ্যে এই লিঙ্ক ট্যাগটি োকানো দরকার।

প্রিলোড সহ গুগল পেজস্পিড সমস্যা

যদিও প্রিলোড লোডিংয়ের সময়কে গতি দেয়, এটি সঠিকভাবে ব্যবহার করা উচিত। প্রি -লোড রিকোয়েস্টের কারণে কোন সুযোগ পাওয়া যায় কিনা তা দেখতে পেজস্পিড ইনসাইটস টুল দিয়ে আপনার সাইট চেক করুন। নীচে একটি উদাহরণ উদাহরণ যা দেখায় যে আপনি প্রিলোড কী অনুরোধের কারণে 7.05 সেকেন্ড বাঁচাতে পারেন।

যখন আপনি নিচের তীরটিতে ক্লিক করবেন, আপনি সমস্ত সম্পর্কিত বিষয়বস্তু দেখতে পাবেন যা বিলম্বের কারণ। এই ক্ষেত্রে, সবই ওয়েবপেজে লোড করা ফন্ট।

কিভাবে ওয়ার্ডপ্রেসে ফন্ট দিয়ে প্রিলোড কী রিকোয়েস্ট ঠিক করবেন?

পেজস্পিড ইনসাইটগুলিতে প্রিলোড কী অনুরোধ ত্রুটি

ওয়ার্ডপ্রেস প্লাগইন এবং প্রিলোডিং

এখন, আপনি আপনার ওয়ার্ডপ্রেস সাইটের জন্য গুগল পেজস্পিড রিপোর্টে প্রিলোডিং কিভাবে প্রদর্শিত হয় তা নিয়ে বিভ্রান্ত হতে পারেন। আপনি এই ত্রুটি পাবেন অনেক কারণ আছে:

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

ক্যাশিং প্লাগইনগুলি সমস্ত সম্পদে প্রিলোড অনুরোধ কী যুক্ত করে। যাইহোক, @font-face ব্যবহার করে CSS এ আমদানি করা ফন্টগুলি প্রিলোড কী রিকোয়েস্ট ব্যবহার করবে না। এই ত্রুটি হতে পারে PageSpeed ​​দেখায় যে প্রিলোড কী সাইট থেকে লোড করা ফন্ট দ্বারা ব্যবহৃত হয় না।

কিভাবে ফন্ট দিয়ে প্রিলোড কী রিকোয়েস্ট ঠিক করবেন?

PageSpeed ​​এ দেখানো সেই সম্পদের জন্য আপনি আপনার সাইটের হেডারে প্রিলোড কী যোগ করে ত্রুটিটি দূর করতে পারেন। যাইহোক, আপনার হেডারে স্বয়ংক্রিয়ভাবে মেটা ট্যাগ toোকানোর জন্য প্লাগইনও রয়েছে। আমরা ম্যানুয়াল এবং প্লাগইন উভয় পদ্ধতি ব্যাখ্যা করব।

গুগল পিএসআই -তে প্রিলোড কী রিকোয়েস্ট ঠিক করতে WP রকেট ব্যবহার করা

প্রথমে আমরা WP রকেট প্লাগইন দিয়ে ব্যাখ্যা করবো যেহেতু এটি সহজ এবং আপনার PHP ফাইল পরিবর্তন করার প্রয়োজন নেই।

WP রকেটের সাথে ফন্ট প্রিলোডিং অন্তর্ভুক্ত করুন

WP রকেট হল প্রিমিয়াম ক্যাশিং প্লাগইন যা আপনাকে ফন্টের প্রিলোডিং অন্তর্ভুক্ত করতে দেয়। আপনি যদি WP রকেট ব্যবহার করেন, তাহলে "সেটিংস> WP রকেট> প্রিলোড" বিভাগে যান। "প্রিলোড ফন্টস" টেক্সট বক্সের অধীনে ফন্ট রিসোর্সের আপেক্ষিক ইউআরএলগুলি আটকান এবং আপনার পরিবর্তনগুলি সংরক্ষণ করুন। এটি আপনাকে প্রিলোড অনুরোধের সমস্যা থেকে মুক্তি পেতে সাহায্য করবে। গুগল পেজস্পিড ইনসাইটস টুলে। প্লাগইন দ্বারা লোড করা ফন্টের জন্য /font-file-name "।

কিভাবে ওয়ার্ডপ্রেসে ফন্ট দিয়ে প্রিলোড কী রিকোয়েস্ট ঠিক করবেন?

WP রকেট প্লাগিনে প্রিললোড ফন্ট

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

ম্যানুয়ালি প্রিলোড মেটা ট্যাগ যোগ করা

আপনার থিমের header.php ফাইলে ম্যানুয়ালি মেটা ট্যাগ toোকানোর জন্য নিচের ধাপগুলো অনুসরণ করুন। আমরা চাইল্ড থিম ব্যবহার করার সুপারিশ করি যাতে মূল থিম আপডেট করার সময় পরিবর্তনগুলি স্থায়ী থাকে।

লিঙ্ক মেটা ট্যাগ প্রস্তুত করা হচ্ছে

প্রথম ধাপ হল গুগল পেজস্পিডে দেখানো সম্পদের জন্য সমস্ত ইউআরএল পাওয়া। সাধারণত, আপনি URL গুলির শেষ অংশ দেখতে পাবেন, ব্লকিং রিসোর্সের সম্পূর্ণ URL দেখতে লিঙ্কগুলির উপর মাউস ঘুরান। এখন, আপনি URL টি অনুলিপি করতে পারেন এবং একটি টেক্সট এডিটরে পেস্ট করতে পারেন।

লিঙ্ক ট্যাগে অন্তর্ভুক্ত করার জন্য আপনাকে নিচের বিন্যাসে URL গুলি ব্যবহার করতে হবে:

<link rel="preload" href="Font URL Showing in PageSpeed" as="font" crossorigin="anonymous">

আপনার থিম এবং প্লাগইন দ্বারা ব্যবহৃত প্রতিটি ফন্ট রিসোর্সের জন্য লিঙ্ক ট্যাগ প্রস্তুত করুন।

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

  • ফাইলজিলার মতো এফটিপি ক্লায়েন্ট ব্যবহার করে আপনার হোস্টিং অ্যাকাউন্টে লগইন করুন বা আপনার হোস্টিং অ্যাকাউন্টে ফাইল ম্যানেজার অ্যাপটি সন্ধান করুন।
  • "/Wp-content/theme/yourtheme" ফোল্ডারে নেভিগেট করুন এবং header.php ফাইলটি সনাক্ত করুন।

কিভাবে ওয়ার্ডপ্রেসে ফন্ট দিয়ে প্রিলোড কী রিকোয়েস্ট ঠিক করবেন?

হেডার ফাইল সম্পাদনা করুন

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

কিভাবে ওয়ার্ডপ্রেসে ফন্ট দিয়ে প্রিলোড কী রিকোয়েস্ট ঠিক করবেন?

হেডার ফাইলে প্রিলোড প্যারামিটার যুক্ত করুন

বিকল্পভাবে, আপনি আপনার অ্যাডমিন ড্যাশবোর্ডে "চেহারা> থিম সম্পাদক" এ গিয়ে ফাইলটি সম্পাদনা করতে পারেন। আমরা চাইল্ড থিম ব্যবহার করার এবং header.php ফাইল সংশোধন করার সুপারিশ করছি। আপনি যদি মূল থিম ফাইলটি সংশোধন করেন, প্রতিবার যখন আপনি থিমটি আপডেট করবেন তখন আপনাকে এই কোডটি ম্যানুয়ালি সন্নিবেশ করতে হবে।

আবার পেজস্পিড চেক করুন

ম্যানুয়ালি লিঙ্ক ট্যাগ orোকাতে বা WP রকেট ব্যবহার করার পরে, আপনার সাইটে ক্যাশে সাফ করা নিশ্চিত করুন। PageSpeed ​​অন্তর্দৃষ্টিতে আবার পরীক্ষা করুন এবং এখন আপনি প্রিলোড কী অনুরোধ ত্রুটি দেখতে পাবেন না।

কিভাবে ওয়ার্ডপ্রেসে ফন্ট দিয়ে প্রিলোড কী রিকোয়েস্ট ঠিক করবেন?

কোন প্রিলোড সমস্যা নেই

আপনি "উত্তীর্ণ নিরীক্ষা" বিভাগে ক্লিক করতে পারেন এবং "প্রিলোড কী অনুরোধ" সমস্যাটি উত্তীর্ণ অবস্থায় আছে কিনা তা পরীক্ষা করতে পারেন।

উপসংহার

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

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত