ব্লগে কাস্টম ফন্ট ব্যবহার করুন লোডিং স্পিড ঠিক রেখে


আমরা যারা বাংলা ভাষায় ব্লগ লিখি আমাদের ব্লগের পোস্ট সুন্দর দেখানোর জন্য আমরা আমাদের ব্লগে বিভিন্ন কাস্টম ফন্ট ব্যবহার করে থাকি।

এতে করে আমাদের ব্লগের লোডিং স্পিড করে যায়। কেমন হয় যদি ব্লগের লোডিং স্পিড ঠিক রেখে ব্লগে কাস্টম ফন্ট ব্যবহার করা যায়।

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

আমরা অনেকেই সরাসরি ফন্টের লিংক ব্লগের <head> ট্যাগের মধ্যে রেখে দিই।  এতে করে ব্লগের সাথে ফন্টটাও লোড হয়। ফলে ব্লগের লোডিং স্পিড করে যায়।

post by https://www.janarlokkhe.xyz

কিন্তু আপনি যদি কিছু টেকনিক অনুসরণ করেন তাহলে সহজেই এই সমস্যাটি এড়ানো যায়। এই সমস্যাটি এড়ানোর জন্য আমরা জাভাস্ক্রিপ্ট কোড ব্যবহার করতে পারি।

জাভাস্ক্রিপ্ট কোড আমাদের ব্লগে ফন্ট লোড হতে কিছুটা সময় দেয় মানে ব্লগ সম্পূর্ণ লোড হওয়ার কিছুক্ষন পর ফন্ট লোড করে। এতে করে ব্লগের লোডিং স্পিড ঠিক থাকে।

যেকোনো ডিভাইসে খুব দ্রুত ব্লগ লোড হয়। যা ব্লগের SEO এর জন্য খুবই গুরুত্বপূর্ণ।

ব্লগের লোডি স্পিড ঠিক রেখে ফন্ট ব্যবহার করার উপায়

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

প্রথমে ব্লগারের টেমপ্লেট এডিট অপশনে চলে যাবেন এবং সবার নিচে স্ক্রোল করে যাবেন।

সবার শেষে দেখতে পাবেন </body> ট্যাগ আছে। নিচের দেওয়া জাভাস্ক্রিপ্ট কোডটা ট্যাগের আগে বসিয়ে দিবেন।

<script>
setTimeout(() => {
var cfont=document.createElement("link");
cfont.href="https://fonts.maateen.me/solaiman-lipi/font.css",cfont.rel="stylesheet",
document.head.appendChild(cfont)},5000);
</script>

অথবা নিচের কোডটি

<script>setTimeout(() =>{
var FontStyle=document.createElement('style');
FontStyle.textContent="@font-face{font-family:"SolaimanLipi";src:url("https://fonts.maateen.me/solaiman-lipi/SolaimanLipi.woff")format("woff");font-weight:normal;font-style:normal;} body{font-family:"SolaimanLipi";}";
document.head.appendChild(FontStyle);},5000);</script>

উপরে লক্ষ করুন,

ফন্ট লিংকটি আপনার দেওয়া ইচ্ছা মতো দিতে পারবেন।

আপনার পচন্দ মতো ফন্টের লিংক দেন এখানে।

তারপর দেখুন দেওয়া আছে 5000 এখানে আপনার ফন্ট 5 সেকেন্ড পর লোড করবে।

5000 মিলিসেকেন্ডে 5 সেকেন্ড হয়। আপনি এখানে আপনার পচন্দমতো সময় দিতে পারবেন।

অসুবিধা

এই সিস্টেমের কিছু অসুবিধা রয়েছে যেগুলো আপনার জানার প্রয়োজন।

এই সিস্টেমে ফন্ট লোড হতে 5 সেকেন্ড সময় নিবে। যা হয়তো কিছুটা বিরক্তিকর।

এই সিস্টেমে ক্যাশ এ ফন্ট যুক্ত হবে না।

তবে আপনি যদি প্রফেশনাল ব্লগার হয়ে থাকেন এবং আপনার যদি ভালো একটি ব্লগার থিম প্রয়োজন হয় তাহলে আপনি আমাদের তৈরি ব্লগার টেমপ্লেট ব্যবহার করতে পারেন।

জাভাস্ক্রিপ্ট সহ সকল প্রকারের ট্রিক্স পেতে আমার ছোট্ট ব্লগটি ভিজিট করতে পারেন।



Leave a Reply

Your email address will not be published. Required fields are marked *