Blogger Website Speed কিভাবে বাড়াবেন | How To increase Blogger Website Speed, optimization, HTML Code – Canbebangali

 

Blogger Website Speed কিভাবে বাড়াবেন | How To increase Blogger Website Speed, optimization, HTML Code – Canbebangali

আপনি যদি ফ্রি ব্লোগার(Free Blogger Website) নিয়ে কাজ করছেন তাহলে আপনি নিশ্চয় ওয়েবসাইট স্পিড় নিয়ে চিন্তায় আছেন (How To increase Blogger Website Speed) আজকের আলোচনাতে ব্লোগার এর স্পিড় কিভাবে বাড়াবেন তা নিয়ে আলোচনা করবো এবং ব্লোগার ওয়েবসাইটে কেন স্পিড় এর সমস্যা হয় এটাও আলোচনা করবো।

আপনি যদি আপনার ওয়েবসাইটের স্পিড়(Website Speed optimization) বাড়াতে চান তাহলে সঙ্গে থাকুন।

Table Of Contents

• ওয়েবসাইট স্পিড় কি ?(What is Website Speed)

• ওয়েবসাইটের স্পিড় কেন গুরুত্বপূর্ণ ?(Why is Website Speed important)

• ওয়েবসাইট স্পিড় কেন স্লো হয় ? (Why Website Speed Slow)

• ওয়েবসাইট স্পিড় কিভাবে দেখা যায় ?( Website Speed Showing Prosess)

• ওয়েবসাইটের স্পিড় বাড়ানো উপায় ?(How To optimization Website Speed)

ওয়েবসাইট স্পিড় কি ?(What is Website Speed)

ওয়েবসাইট স্পিড় হল – আপনি যে সকল কনটেন্ট পোস্ট করেছেন তা কত সময়ের মধ্যে দর্শকদের সামনে হাজির হচ্ছে, একেই ওয়েবসাইট স্পিড়(Website Speed) বলে। 

একটা সাধারণ বলতে হলে- আপনি যখন কোনো ওয়েবসাইটে ভিজিট করেন, এই সময় ওয়েবসাইট টা সম্পুর্ন আপনার ‌সামনে আসতে বা লোড হতে যে সময় টুকু লাগে তাকেই বলা হয় ওয়েবসাইট স্পিড়।

ওয়েবসাইটের স্পিড় কেন গুরুত্বপূর্ণ ?(Why is Website Speed important)

আপনার যদি ওয়েবসাইট থাকে এবং সেই ওয়েবসাইটে যদি স্পিড় না থাকে তাহলে আপনার ওয়েবসাইট কোনো দিন রেঙ্ক করবে না। একটা উদাহরণ দিয়ে বোঝায় – ধরুন আপনার একটা দোকান আছে এবং দোকানে প্রচুর মালপত্র আছে। কিন্তু আপনার দোকানে কর্মচারীরা খুবই দূর্বল। যা কারনে আপনার দোকানে কোনো কাস্টোমার আসে না। এবং আপনার দোকান একদিন বন্ধ হয়ে যাবে।

এই উদাহরণে দোকান হল – ওয়েবসাইট, কাস্টোমার হল – দর্শক বা ভিজিট এবং কর্মচারী হল – ওয়েবসাইট স্পিড়।

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

আসা করি বুঝতে পেরেছেন যে ওয়েবসাইট এর স্পিড় কেন গুরুত্বপূর্ণ।

ওয়েবসাইট স্পিড় কেন স্লো হয় ? (Why Website Speed Slow)

ওয়েবসাইট এর স্পিড় কম হওয়ার কারণ অনেক হতে পারে। যেমন –

• html & javascript code

• google fonts

• image size

• template

• therd party elements

1. html & javascript code

আপনি যে template ব্যবহার করেন, এখানে প্রচুর html & javascript code থাকে।‌ এই সব কোড আপনাকে ডিলেট করতে হয়। আপনি যদি ডিলেট না করেন তাহলে আপনার ওয়েবসাইট এর স্পিড় কম হয়ে যায়। 

আপনি কি ভাবে html & javascript code আপনার ওয়েবসাইট থেকে ডিলেট করবেন – 

• সর্বপ্রথম আপনি ব্লোগার ওয়েবসাইটে চলে আসুন।

• এখানে এসে Layout Option এ ক্লিক করুন।

• এরপর, আপনি দেখুন যে আপনার অপ্রয়োজনীয় কিছু আছে কি । যেমন – Subscribe Button, Ads Code, Adsense Code, Javascript code, Extra Pages ইত্যাদি। 

• এইসব থাকলে Remove or Delete করে দিন।

• এরপর সেভ করে নিন।

2. google fonts

আপনি যে template ব্যবহার করেন, আপনার ওয়েবসাইট এর জন্য এখানে প্রচুর google fonts এর লিঙ্ক ব্যবহার করা হয়। google fonts আপনার ওয়েবসাইট এর স্পিড় কমিয়ে দেয়। google fonts আপনাকে ডিলেট করতে হবে, আপনার ওয়েবসাইট থেকে । 

3. image size

আপনি আপনার প্রতিটা অ্যাটিকেলে নিশ্চয় image ব্যবহার করেন। কিন্তু আপনি হয়তো জানেন না যে এই image বা ছবিগুলো আপনার ওয়েবসাইট এর স্পিড় কমিয়ে দেয়। আপনি আপনার অ্যাটিকেলে ছবি ব্যবহার করার আগে ছবিটাকে রিসাইজ (resize) বা compressor করে সাইজ কমিয়ে নিবেন তারপর আপলোড করবেন।

4. template

আপনি আপনার ওয়েবসাইটের জন্য দুই ধরনের template ব্যবহার করতে পারবেন 1/ Paid Template 2/ Free Template আপনি যদি Paid Template ব্যবহার করেন তাহলে আপনার ওয়েবসাইট স্পিড় নিয়ে কোনো সমস্যা হবে না। আপনি নিজের ইচ্ছা মতো Template এর মধ্যে Edit করতে পারবেন।

কিন্তু আপনি যদি Free Template ব্যবহার করেন তাহলে আপনার ওয়েবসাইট এর স্পিড় নিয়ে সমস্যা হয়। কারণ এখানে আপনি Edit বা Template এর মধ্যে কোনো পরিবর্তন করতে পারবেন না। Free Template এ প্রচুর html & javascript code এর ব্যবহার করা হয়। যাতে গ্ৰাহক Paid Template নেয়।

কিন্তু আপনি যদি কোডিং জানেন তাহলে আপনি Free Template এরমধ্যে পরিবর্তন করতে পারবেন এবং ওয়েবসাইট স্পিড(Website Speed optimization) বাড়িয়ে নিতে পারবেন।

5. therd party elements

আমরা অনেক সময় ওয়েবসাইট কে সুন্দর দেখানোর জন্য বিভিন্ন ওয়েবসাইট থেকে html code নিয়ে এসে নিজের ওয়েবসাইটে বসিয়ে দিয়। এটা করা আমাদের জন্য খুবই খারাপ কাজ। এই therd party elements গুলো আপনার ওয়েবসাইট এর স্পিড় কমিয়ে দেয়। আপনি যদি এই ধরনের কোনো কোড ব্যবহার করে থাকেন তাহলে আজকেই ডিলেট করে দিন।

ওয়েবসাইটের স্পিড় বাড়ানো উপায় ?(How To optimization Website Speed)

ওয়েবসাইটের স্পিড় বাড়ানো জন্য কিছু html code ব্যবহার করতে হয়। আপনি যদি কোডিং জানেন তাহলে আপনি নিজেই এটা করতে পারবেন। কিন্তু আমাদের মধ্যে ‌অনেকেই আছেন যারা কোডিং জানেন না। তাহলে সঙ্গে থাকুন সম্পুর্ণ জানকারী পেয়ে যাবেন।

Noteআপনি edit করার আগে আপনার ওয়েবসাইট এর backup নিয়ে রাখবেন। কারণ যদি কোনো কারণে কিছু ভুল হয়ে যায়। তাহলে backup এর সাহায্যে ঠিক করতে পারবেন।

Step 1 :Reduce java script execution time�

</body> এর জায়গায় নিচের কোড বসাতে হবে – 

&lt;!–</body>�–&gt; &lt;/body&gt;�

(সেভ করুন)

এরপর, আপনি <head> এর জায়গায় নিচের কোড বসিয়ে দিন – 

&lt;head&gt;

(সেভ করুন)

এরপর, </head> এরপর নিচের কোড বসিয়ে দিন – 

&lt;/head&gt;&lt;!–<head/>–&gt;�

(সেভ করুন)

Step 2: Eliminate render-blocking resources

আপনি এই সম্পুর্ণ কোডটি খোঁজার জন্য Ctrl+f press করে সার্চ বক্সে ajax লিখে সার্চ করুন।

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js’/>� এর জায়গায় আপনি নিচের কোড বসিয়ে দিন – 

<script id=’script-batch’ type=’text/javascript’>�     (function(d){�       var js = d.createElement(&#54;script&#39;); js.async = true; js.defer = true;�       js.src = &quot;https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js&quot;;�       d.getElementsByTagName(&#65;head&#39;)[0].appendChild(js);�     }(document));�  </script>

(সেভ করুন)

Step 3 : Remove Google Font

আপনি Ctrl+f press করে সার্চ বক্সে google fonts লিখে সার্চ করুন। এরপর নিচের কোডগুলো আসবে এই সবগুলোকে ডিলেট করে দিন।


<!– Google Fonts –>

    <link href=’//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i’ media=’all’ rel=’stylesheet’ type=’text/css’/>

    <link href=’https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css’ rel=’stylesheet’/>�

(সেভ করুন)

Step 4: Increase Speed with gzip Compression Code

সার্চ করুন DOCTYPE এরপর <DOCTYPE HTML> আসবে এখানে একটা ইন্টার প্রেস করুন। এরপর নিচের কোড বসিয়ে দিন – 

<?php if (substr_ count($_SERVER[‘HTTP_ACCEPT_ENCODING’],’gzip’)) ob_start(“ob_gZhandler”);else ob_ start();?>

(সেভ করুন)

এরপর সেভ করে নিন। এবং সেভ হয়ে যাওয়ার পর আবার ইন্টার প্রেস করুন এবং নিচের কোড বসিয়ে দিন – 

<?php flush();?>

এরপর সেভ করে নিন। এখানে আপনার কাজ সম্পুর্ন হল। 

ওয়েবসাইট এর স্পিড় কিভাবে দেখা যায় ?(How To Website Speed Test)

ওয়েবসাইট এর স্পিড় চেক করার অনেক উপায় আছে, কিন্তু আজকে আমি google search console এর সাহায্যে Website Speed Test করে দেখাবো।

• প্রথমে আপনাকে google search console এ আসতে হবে।

• এরপর, এখানে নিজের ওয়েবসাইট এ চলে আসুন।

• এরপর Manu অপশনে ক্লিক করুন।

• এখানে নিচের দিকে Core Web Vitals অপশন দেখতে পাবেন, এখানে ক্লিক করুন।

• এখন নতুন পেজ খুলবে। এখানে Mobile And Desktop অপশন দেখতে পাবেন।

• এখানে Mobile অপশনে ক্লিক করুন।

• মোবাইলে ক্লিক করতেই নতুন পেজ খুলবে এখানে আপনার ওয়েবসাইট Analyze করবে এবং আপনার ওয়েবসাইট এর স্পিড় দেখিয়ে দিবে।

Leave a Comment