(25) ওয়েবসাইট দ্রুত লোড হওয়ার জন্য অপটিমাইজেশন

আপনি এখন যে পাতাটিতে ভিজিট করেছেন সেটি কি খুব দ্রুত লোড হয়েছে? আমার মনে হয় অনেক ওয়েবসাইটের চেয়ে এটি দ্রুতগতির। আর তাই আজ দ্রুত ওয়েবসাইটলোড হওয়ার বিষয়ে আলোচনা করবো। এই আলোচনা করার আগে আপনি যদি জেনে নেন কিভাবে ওয়েব সারভার কাজ করে তাহলে বিষয়টি বুঝতে সহজ হবে।

ওয়েবসারভারের অনরেকগুলো সার্ভিস দিয়ে থাকে, তার মধ্যে সারভারসাইড সার্ভিস যা পিএইচপি থেকে এইচটিএমএল কোড তৈরী করে। আর ডাটাবেজ যা ডাটা টেবিল থেকে তথ্য সর্বরাহ করে। আবার আপনার এইচটিএমএল কোড javascript এবং CSS, ছবি ইত্যাদি ফাইলগুলো কল করে। ফাইল সাইজ বড় হলে দ্রুত লোড হয় না। তাহলে সারভারের কাজ বেড়ে যায় যেসব কারনে সেগুলোই মূলতঃ দ্রুত লোডের বাধা। তাই একটি লিস্ট করে নেই-
  • ১. পিএইচপি স্ক্রিপ্ট সহজ এইচটিএমএল ফাইলের চেয়ে বেশি সময় লাগবে।
  • ২. ডাটাবেজসহ কোন স্ক্রিপ্ট ডাটাবেজ ছাড়া ফাইলের চেয়ে বেশি সময় লাগবে।
  • ৩. অনেক বেশি জাভাস্ক্রিপ্ট ও সিএসএস ফাইল থাকলে লোড হতে বেশি সময় লাগবে।
  • ৪. বেশি সংখ্যক ছবি থাকলেও ওয়েবসাইট লোড হতে বেশি সময় লাগবে।
  • ৫. ভিন্ন ভিন্ন সারভারে যদি ফাইলগুলো থাকে এবং তা কল করে আনতে হয় তাহলে সবচেয়ে শ্লথ গতির সারভারের মতো সার্ভিস পাওয়া যাবে।
এই সমস্যাকে কাটিয়ে উঠতে আমাদের বেশ কিছু কাজ করতে হবে। তার মধ্যে কোড অপটিমাইজেশন নিচে আলোচনা করা হলোঃ

কোড অপটিমাইজেশন

  • ১. সাইড নোট মুছে দেওয়া।
  • ২. গ্রুপ সিলেক্ট ব্যবহার করা। এখানে একসাথে তিনটি সিলেক্টরের কাজ একসাথে করা হয়েছে। যেমন-
    h2, p, .block {
    	font-size: 1.5em;
    	padding: 10px 10px 10px 25px;
    	margin: 10px 0;
    	border: 1px solid #ddd;
    	background: #f0f0f0 url(crown.gif) no-repeat 5px 10px;
    }
    
  • ৩. শর্ট কোড ব্যবহার করা যেমন- #000000 এর পরিবর্তে #000
  • ৪. কোডগুলো অপটিমাইজ করার জন্য অনলাইন অপটিমাইজ সার্ভিস ব্যবহার করতে পারেন। সেখানে শুধু কোড গুলো জমা দিলে সেগুলো অপটিমাইজ কোড তৈরী করে দেবে।

জাভাস্ক্রিপ্ট অপটিমাইজ

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

লেখকঃ মাহবুব টিউটো

তিনি টিউটোরিয়ালবিডিসহ বেশ কিছু সফল অনলাইন প্রোজেক্টের উদ্যোক্তা ও পরিচালক। তিনি বর্তমানে একটি গ্রুপ প্রতিষ্ঠানে তথ্যপ্রযুক্তিতে কর্মরত আছেন। তার জন্ম, পড়ালেখা এবং আবাস্থল ঢাকায়। ফেসবুকে আর সাথে যোগাযোগ করতে পারেন। তার ইউটিউব চ্যানেলে ঘুরে আসতে পারেন।
হোস্টিং বেসিক 1. ওয়েব হোস্টিং কি?2. শেয়ার হোস্টিং3. ভিপিএস হোস্টিং- ভার্চুয়াল প্রাইভেট সারভার4. ডেডিকেটেড সারভার5. রিসেলার হোস্টিং6. ম্যানেজড ও আনম্যানেজড7. উইনডোজ এবং লিনাক্স হোস্টিং8. কো-লোকেশন কি?9. এসএসডি হোস্টিং10. স্পেশাল হোস্টিং11. ডকার (Docker) কি?12. ব্যান্ডউইথ ও ব্যান্ডউইথ এর পরিমাপডোমেইন বেসিক13. ডোমেইন নেম কি?14. সাব ডোমেইন কি? Incomplete15. ডিএনএস কি?16. ডিএএস জোন ফাইল এবং বর্ণনা17. ডোমেইন হোস্টিং সম্পর্ক কিভাবে তৈরী হয়? Incomplete18. ডোমেইন কনট্রোল প্যানেল পরিচিতি Incomplete19. ডোমেইন রিসেলার কি? Incomplete20. ডোমেইন ট্রান্সফার কিভাবে করা হয়? Incomplete21. ডিএনএস প্রোপাগেশন ডিলে” কি?ওয়েবসাইট অপটিমাইজেশন22. কোন ধরনের ওয়েবসাইটের জন্য কোন হোস্টিং প্রয়োজন Incomplete23. শেয়ার ও রিসেলার হোস্টিং টার্মস24. ওয়ার্ডপ্রেস ডেভলপারদেন টিপস Incompleteওয়েবসাইট দ্রুত লোড হওয়ার জন্য অপটিমাইজেশন26. ওয়েব ডেভলপারদের টিপস Incompleteওয়েব সিকিউরিটি27. ফিশিং কি?28. ফিশিং স্ক্রিপ্ট হোস্ট করা29. Brute force Attack কি?30. DDos Attack কি? কিভাবে পরিচালিত হয়? 31. Leech Protection Incomplete32. Shell Fork Bomb Protection Incomplete33. Email spamming34. সিএমএস এবং থিম এর মাধ্যমে স্প্যামিং35. সিএমএস এবং থিম এর মাধ্যমে স্প্যামিং Incomplete36. SQL Injection Incomplete37. Nulled Scriptঘরোয়া সারভার স্থাপন38. সারভারের অনন্য বৈশিষ্ট্য 39. সারভার রুমের পরিবেশ 40. টেকনিক্যাল সাপোর্ট Incompleteওয়েব হোস্টিং ব্যবসা41. ওয়েব হোস্টিং ব্যবসা কি? Incomplete42. কিভাবে রিসেলার দিয়ে শুরু করা যায়? Incomplete43. ওয়েব হোস্টিং সাপোর্ট টিপস Incomplete44. ওয়েব হোস্টিং মার্কেটিং টিপস Incomplete45. হোস্টিং ক্লাইন্টের সাথে যোগাযোগ টিপস46. হোস্টিং কনট্রোল প্যানেল কি?47. সি-প্যানেল (cPanel) কি?48. ওয়েব হোস্ট ম্যানেজার (WHM) কি?49. WHMCS কি?