স্লো ওয়েবসাইটকে ফাস্ট করার অজানা কিন্তু কার্যকর টিপস

বর্তমানে অনলাইনে আয়ের একটি অন্যতম সহজ মাধ্যম হচ্ছে Google Adsense। আর আপনার যদি একটি Blog থাকে তাহলে adsense পাওয়ার সম্ভাবনা অনেকখানি বেড়ে যায়। কিন্তু Blog থাকলেই হবে না, আপনার Blog এ থাকতে হবে ভিজিটর। গুগলের করা একটি সার্ভে অনুসারে, ৫৩% মোবাইল ব্যবহারকারী ভিজিটর আপনার সাইটটি ছেড়ে চলে যাবে,যদি আপনার সাইটটি লোড হতে তিন সেকেন্ডের বেশি সময় নেয়। তাহলে বুঝতেই পারছেন সার্চ ইঞ্জিনে ভাল র‌্যাঙ্কিং করতে হলে অবশ্যই আপনার স্লো সাইট কে ফাস্ট করতে হবে। আর কিভাবে আপনার সাইটকে ফাস্ট করা যায় আজ সে বিষয়েই আলোচনা করব আমরা।

আপনার ওয়েবসাইটের গতি কীভাবে পরীক্ষা করবেনঃ

আপনার সাইটের গতি নির্ণয়ের সর্বাধিক গুরুত্বপূর্ণ মাধ্যম হল গুগলের PageSpeed Insights test। গুগল যেহেতু ঠিক করে আপনার সাইটটি র‌্যাঙ্কিংয়ে কত নাম্বারে থাকবে এজন্য তাদের যথাসম্ভব খুশি করার চেষ্টা করতে হবে। PageSpeed Insights test এ একটি ভাল স্কোর সরাসরি আপনার Seo এবং  Ranking কে প্রভাবিত করবে।

এজন্য প্রথমে  https://developers.google.com/speed/pagespeed/insights/ এড্রেসে গিয়ে কেবল আপনার সাইটের URL টি প্রবেশ করাবেন এবং আপনার ফলাফলগুলি দেখতে “ANALYZE”  বাটন এ ক্লিক করুন। PageSpeed Insights আপনার সাইটে বর্তমানে কি কি ভুল আছে সে সম্পর্কে ধারণা দেয়। আপনার সাইটের test score বেশি না হওয়া পর্যন্ত এখানে আপনি যে Error /ভুল গুলা দেখতে পাবেন, একটি একটি করে সেগুলার সমাধানের চেস্টা করুন । এছাড়া কীভাবে আপনার সাইটের পেজ ব্রাউজারে load হয় তা দেখতে চাইলে আপনাকে Chrome ব্রাউজারের Developers tools ব্যবহার করতে হবে। এজন্য আপনার সাইটে গিয়ে মাউসের Right Button এ ক্লিক করুন এবং Inspect অপশনটি বাছাই করুন। এ কাজটি আপনি Setting Menu থেকে ও করতে পারেন। এখানে দুটি Tab রয়েছে: Network এবং Performence । Network tab টির মাধ্যমে আপনার সাইটে কতগুলি Request করা হয়েছিল এবং Raquest গুলোর Respond time কত ছিল তা দেখতে পাবেন। Performence tab এ আপনার সাইটের সমস্যাগুলি সম্পর্কে বিস্তারিত জানতে পারবেন।

আপনার স্লো সাইটের গতি বৃদ্ধিতে যেসকল পদক্ষেপ নেয়া আবশ্যক তা নিম্নে তুলে ধরা হলঃ

গুগলের PageSpeed Module ইন্সটল করাঃ

Apache এবং Nginx এর জন্য গুগলের page speed extention রয়েছে। আপনি গুগলের এই PageSpeed Module টি ইনস্টল করতে পারেন । এই extention টি অটোমেটিক্যালি আপনার সাইটের অপ্টিমাইজেশনের জন্য কাজ করবে। যেমন আপনার HTML কে সংক্ষিপ্ত এবং কমপ্রেস করা, একাধিক JS এবং CSS ফাইলগুলিকে কম্বাইন করা, আপনার সাইটের Image গুলা কমপ্রেস করা ইত্যাদি। সর্বোপরি এটি আপনার সাইটের সাধারণ সমস্যা গুলোর সমাধান করে আপনার শ্রম ও সময় দুটোই বাঁচাবে।

ওয়েবসাইটের আকার কমানোঃ

আপনার সাইট টি load হতে কত সময় নিবে তা নির্ভর করে আপনার ওয়েবসাইটের আকারের উপর। আপনার ওয়েবসাইটের আকার কমানোর মাধ্যমে সাইটের load time ও কমাতে পারেন। আপনার ওয়েবসাইটটি Optimised না করলে মোবাইল ডিভাইস গুলোতে load time অনেক বেশি হবে যা আপনার গুগল র‍্যাংকিং এ বিরুপ প্রভাব ফেলবে। আপনার সাইট এর আকার কমাতে নিচের পদক্ষেপ গুলা গ্রহন করুন-

সাইটের পিকচার/Image কমপ্রেস করাঃ

সাইটে পিকচার/Imageসহ অন্যান্য মিডিয়া ফাইল এর আকার যত বেশি হয়,সাইট load হতে তত বেশি সময় নেয়। আপনি যদি পিকচার বা Image গুলা চেক না করে upload করেন তবে এর ভিতর একাধিক Image থাকতে পারে যেগুলা কয়েক মেগাবাইট পর্যন্ত হতে পারে। আর এই Image গুলিই আপনার সাইটকে স্লো করার অন্যতম প্রধান কারন। এজন্য এখনই আপনার Imageগুলির আকার পরীক্ষা করা উচিত (যা আপনি Chrome dev console network ট্যাব থেকে করতে পারেন) এবং নিশ্চিত হয়ে নিন যেন এগুলির কোনওটি এক মেগাবাইটের কাছাকাছিও না যায়। মনে রাখবেন সাইটের বেশিরভাগ Image প্রায় 100 কিলোবাইটের ভিতর হওয়া উচিত।আর Image এর আকার কমানোর প্রথম উপায় হল Image গুলো কমপ্রেস করা।
Image কমপ্রেস করার জন্য অনেকগুলি অনলাইন টুল রয়েছে (সেগুলা নিয়ে অন্য একদিন আলোচনা করব) যে গুলা দিয়ে আপনি সহজেই এটি করতে পারেন অথবা আপনি ফটোশপ থেকে ম্যানুয়ালি এগুলি কমপ্রেস করে পুনরায় upload করতে পারেন, বা আপনি command লাইন এর মাধ্যমে একটি সম্পূর্ণ ফোল্ডার কে কমপ্রেস করতে পারেন।
এজন্য নিচের কমান্ড লাইন ইউস করুনঃ

for f in *.jpg; do convert -quality 70 $f $f; done

এটি আপনার সাইটের প্রতিটি  jpg ফাইলকে 70% কমপ্রেস করবে যার ফলে একদিকে যেমন আপনার সাইট ফাস্ট হবে অন্যদিকে আপনার অনেক জায়গাও সাশ্রয় হবে। এছাড়া Image কম্প্রেস করার জন্য ওয়ার্ডপ্রেসের একটি প্লাগইন রয়েছে- https://wordpress.org/plugins/a3-lazy-load/ ।

Javascript ফাইলগুলি মিনিফাইড করুনঃ

আপনার সাইটে একগাদা Javascript ব্যবহার করা উচিত নয়, কিন্তু যদি করতেই হয় তবে আপনার স্ক্রিপ্ট ফাইলগুলির আকার সংক্ষিপ্ত করা উচিত। Minifying বা সংক্ষিপ্তকরণ হল একটি কৌশল যা আপনার অপ্রয়োজনীয় কোড,নতুন লাইন, ট্যাব,হোয়াইট স্পেস সরিয়ে ফেলে। যেমন function এবং veriable এর নামগুলি সাংকেতিক চিহ্ন বা অক্ষরের দ্বারা প্রতিস্থাপন করে।
এছাড়া Gzipping এর মাধ্যমেও সাইটের স্পিড অল্প হলেও বাড়াতে পারেন। Gzipping এমন আরও একটি মাধ্যম যার মাধ্যমে টেক্সট গুলো কম্প্রেস করআ যায়।

অপ্রয়োজনীয় জিনিস অপসারণঃ

সাইটের গতি বৃদ্ধির আরেকটি গুরুত্বপূর্ন পদক্ষেপটি হল সাইটের অপ্রয়োজনীয় জিনিসগুলি সরিয়ে নেওয়া। উদাহরণ স্বরুপ বলা যেতে পারে, আমরা অনেকেই সাইটে একাধিক  jQuery এবং Javascript  লাইব্রেরি ইউস করে থাকি। কিন্তু আপনারা হয়ত জানেন না যে jQuery আপনার সাইটের গতি বৃদ্ধিতে অন্যতম প্রধান অন্তরায়। jQuery সাইটের রেন্ডারিংকে বাধাগ্রস্ত করে ফলে আপনার সাইটের load time বেশি হয়।
আবার আমরা অনেকেই ওয়ার্ডপ্রেস সাইটে ইচ্ছামত plugin এবং widget ব্যবহার করে থাকি। কিন্তু আপনি কি জানেন এই অপ্রয়োজনীয় plugin এবং widget গুলি অতিরিক্ত বোঝার মত যা আপনার সাইটের load time কে প্রভাবিত করে। তাই অপ্রয়োজনীয় plugin এবং widget এর ব্যবহার থেকে বিরত থাকুন।

ওয়েব ফন্টের ব্যবহার না করাঃ

সাইটে আমরা সাধারনত বিভিন্ন ওয়েব ফন্ট যেমন google font গুলা বেশি ইউস করে থাকি কারণ এগুলা দেখতে খুবই সুন্দর। কিন্তু google font গুলো কিন্তু rendaring process কে বাধাগ্রস্থ করে ফলে আপনার সাইট load হতে দেরি হয়। এজন্য আমাদের কাস্টম ফন্ট ব্যবহার করাই উত্তম। আর যদি google font ব্যবহার করতেই হয় তবে নিচের কোডগুলা ইউস করলে কিছুটা সুফল পাবেনঃ

@font-face {
font-family: 'CustomFont';
src: url("CustomFont.woff") format('woff');
font-display: optional;
}

[ আপনি যদি উইন্ডোজ এর সিস্টেম ফন্ট কিভাবে চেঞ্জ করতে হয় তা জানতে চান তাহলে পড়ুন- https://banglavibe.com/how-to-change-the-default-font-of-windows-10/ ]

CDN ব্যবহার করুনঃ

CDN এর পুর্ণরুপ হল A content delivery network। CDN এর মাধ্যমে আপনি আপনার সাইটের গতি যথেস্ট বাড়িয়ে তুলতে পারে। সহজভাবে বলতে গেলে একটি সিডিএন আপনার সাইটটির cached file সারা বিশ্ব জুড়ে অনেকগুলি সার্ভারে জমা করে রাখে। তাই যখন কেউ আপনার সাইটে প্রবেশ করতে চায় তখন সেই ব্যক্তির নিকটবর্তি সার্ভারের মাধ্যমেই সেবা পেয়ে থাকে যা আপনার সাইটকে করে অনেক বেশি দ্রুত। আপনি ক্লাউডফ্লেয়ার বা ফাস্টলি এর মতো একটি অরিজিন সিডিএন ব্যবহার করতে পারেন, যা আপনার আপনার সাইটকে cache করে রাখবে ফলে ব্রাউজিং হবে গতিময়। এছাড়া CDN আপনার সাইটকে ব্রুট এ্যটাকসহ অন্যান্য আক্রমণ থেকে নিরাপত্তা প্রদান করে থাকে।
কিন্তু আপনার যদি সিডিএন না থাকে তবে আপনি ওয়ার্ডপ্রেস সাইটে W3 total cache মতো প্লাগইন ব্যবহার করতে পারেন।

আপনার সাইটের জন্য রইল শুভ কামনা।
আজ তাহলে এই পর্যন্ত।
ধন্যবাদ।