এলিমেন্টর দিয়ে সাইট বানানো সহজ, কিন্তু সেই সহজটাই আপনার ক্লায়েন্টের সাইট স্লো করে দিচ্ছে। ওয়ার্ডপ্রেস মানেই ফাস্ট সাইট না, এলিমেন্টর বসিয়ে দিলে সেটা প্রায়ই ধীর হয়ে যায়, আর সমস্যাটা ধরা পড়ে তখনই যখন ক্লায়েন্ট PageSpeed স্কোর নিয়ে প্রশ্ন তোলে।
একটা এলিমেন্টর ইনস্টলেশন আনজিপ করলে ২১ মেগাবাইটের বেশি কোড লোড হয়। প্রতিটা পেজে যুক্ত হয় বাড়তি ২০০ থেকে ৪০০ কিলোবাইট CSS আর JavaScript, কনটেন্ট, ছবি বা থার্ড পার্টি স্ক্রিপ্ট গোনার আগেই। মোবাইল কানেকশনে এই বাড়তি ওজনই TTFB আর LCP তে ১ থেকে ৩ সেকেন্ড যুক্ত করে দিতে পারে।
এলিমেন্টর সাইট স্লো হওয়ার আসল কারণ
অপটিমাইজেশন ছাড়া এলিমেন্টর সাইটে মোবাইল LCP সাধারণত ৩.৮ থেকে ৫.২ সেকেন্ড পর্যন্ত হয়। গুটেনবার্গ ব্লক এডিটর আর লাইটওয়েট থিম দিয়ে বানানো সাইট নিয়মিতভাবে ২ সেকেন্ডের নিচে LCP পায়। কারণটা সহজ: এলিমেন্টরের প্রতিটা উপাদানের জন্য বাড়তি র্যাপার ডিভ, বাড়তি ইনলাইন স্টাইল আর জাভাস্ক্রিপ্ট জেনারেট করে, যেটা গুটেনবার্গ করে না।
এই বাড়তি কোডের একটা বড় অংশ সাইটের প্রতিটা পেজে লোড হয়, এমনকি যেসব উইজেট আসলে ব্যবহারই হচ্ছে না সেগুলোর CSS/JS পর্যন্ত। ফলে পেজ যত সিম্পল হোক, এলিমেন্টরের বেস ওভারহেডটা প্রায়ই থেকে যায়।
গুটেনবার্গ বনাম এলিমেন্টর: পার্থক্যটা কতটা
একই পেজ গুটেনবার্গ ব্লকে বানালে CSS/JS পেলোড ৩ থেকে ৫ গুণ কম হয় এলিমেন্টরের তুলনায়। এটা কোনো ছোট পার্থক্য না, কারণ Core Web Vitals এর LCP আর INP স্কোর সরাসরি এই পেলোডের সাইজ আর এক্সিকিউশন টাইমের উপর নির্ভর করে।
এর মানে এই না যে এলিমেন্টর খারাপ প্লাগইন। সমস্যাটা হলো, বেশিরভাগ সাইটে এলিমেন্টরের ডিফল্ট সেটিংসই ব্যবহার হয়, আর ডিফল্ট সেটিংসে পারফরম্যান্স অপটিমাইজেশন অফ থাকে।
ফ্রিল্যান্সাররা এলিমেন্টর কেন ছাড়তে পারছে না
সমস্যাটা এলিমেন্টর একা তৈরি করেনি। ক্লায়েন্ট ডিজাইন দেখে অভ্যস্ত, আর এলিমেন্টরের ড্র্যাগ-অ্যান্ড-ড্রপ দিয়ে সেই ডিজাইন কপি করা তুলনামূলক সহজ। দ্রুত ডেলিভারি দেওয়ার চাপে ডিজাইনে ফোকাস করতে গিয়ে স্পিডের হিসাবটা প্রায়ই পেছনে পড়ে যায়।
১০+ বছর ওয়ার্ডপ্রেস সাইট বানানো এবং ৯৫০+ ফাইভার ক্লায়েন্ট প্রজেক্টের অভিজ্ঞতা থেকে একটা কথা স্পষ্ট: এলিমেন্টর সমস্যা না, ভুল ব্যবহার সমস্যা। যে সাইটগুলো বছরের পর বছর ফাস্ট থাকে, সেগুলোর কমন প্যাটার্ন হলো থিম, প্লাগইন আর ইচ্ছাকৃতভাবে অপটিমাইজ করা এলিমেন্টর সেটআপ।
এলিমেন্টর রেখেই সাইট ফাস্ট রাখার উপায়
এলিমেন্টর বাদ দেওয়া বাধ্যতামূলক না। এলিমেন্টরের নিজের সেটিংসেই এমন কিছু অপশন আছে যা সঠিকভাবে অন করলে বড় পারফরম্যান্স আনে।
- Elementor সেটিংসে “Optimized DOM Output” এবং “Improved Asset Loading” চালু করা, এই দুটো ডিফল্টে অফ থাকে
- যেসব উইজেট বা অ্যানিমেশন আসলে দরকার নেই সেগুলো পেজ থেকে সরিয়ে দেওয়া
- গ্লোবাল ফন্ট আর আইকন লাইব্রেরি প্রয়োজন অনুযায়ী লিমিটেড রাখা, সব ফন্ট-উইট একসাথে লোড না করা
- LiteSpeed Cache বা WP Rocket এর মতো ক্যাশিং প্লাগইন দিয়ে বাড়তি ওভারহেড পুষিয়ে নেওয়া
- ন্যূনতম ১ জিবি RAM এর হোস্টিং, কারণ এলিমেন্টর এডিটরে এর চেয়ে কম রিসোর্সে কাজ করা কষ্টকর হয়ে যায়
এই সেটিংসগুলো ঠিক করার পর অপ্টিমাইজড এলিমেন্টর সাইট মোবাইল LCP ২.০ থেকে ২.৮ সেকেন্ডে নামিয়ে আনতে পারে। সমস্যা হলো, প্লাগইন বা এলিমেন্টর আপডেট হওয়ার সাথে সাথে এই সেটিংস বারবার রিসেট বা বাইপাস হয়ে যেতে পারে, তাই এটা একবার করে ভুলে থাকার মতো কাজ না।
কখন লাইটওয়েট থিম আর গুটেনবার্গ বেছে নেওয়া উচিত
প্রতিটা প্রজেক্টে এলিমেন্টর লাগবে, এই ধারণাটাই আসলে সবচেয়ে বড় ভুল। সাইটের ধরন অনুযায়ী উপযুক্ত টুল বাছাই করাই আসল স্কিল।
- পোর্টফোলিও, ল্যান্ডিং পেজ বা সিম্পল বিজনেস সাইট: GeneratePress বা Kadence থিমের সাথে গুটেনবার্গ ব্লক আর Spectra ব্যবহার করলে সবচেয়ে ফাস্ট রেজাল্ট পাওয়া যায়
- ঘন ঘন লেআউট পরিবর্তন করতে হয় এমন কমপ্লেক্স সাইট বা ক্লায়েন্ট নিজে এডিট করবে এমন সাইট: এলিমেন্টর যুক্তিসঙ্গত, তবে অপটিমাইজেশন সেটিংস বাধ্যতামূলক
- ই-কমার্স বা মেম্বারশিপ সাইটের মতো ডাইনামিক প্রজেক্ট: হোস্টিং আর ক্যাশিং স্ট্র্যাটেজিই এখানে এলিমেন্টর বা গুটেনবার্গ থেকে বেশি গুরুত্বপূর্ণ হয়ে যায়
যারা নতুন করে ওয়ার্ডপ্রেস শিখছেন এবং থিম-প্লাগইন বাছাইয়ের এই যুক্তিটা গোড়া থেকে বুঝে নিতে চান, তাদের জন্য আগের ওয়ার্ডপ্রেস স্পিড অপটিমাইজেশন গাইড এ থিম আর প্লাগইন নির্বাচনের বিস্তারিত লজিক দেওয়া আছে।
ধাপে ধাপে চেকলিস্ট
এলোমেলোভাবে সেটিংস পরিবর্তন না করে এই ক্রম অনুসরণ করলে ফলাফল মাপা সহজ হয় এবং কোন পরিবর্তনে কী প্রভাব পড়ছে সেটা বোঝা যায়।
- PageSpeed Insights এ গিয়ে বর্তমান LCP, INP, CLS স্কোর মেপে নিন, এটাই বেসলাইন
- Elementor সেটিংস থেকে Optimized DOM Output এবং Improved Asset Loading চালু করুন
- অব্যবহৃত উইজেট, প্লাগইন আর ডেমো ডেটা ডিলিট করুন
- একটা নির্ভরযোগ্য ক্যাশিং প্লাগইন সেট করুন এবং পেজ ক্যাশ, ব্রাউজার ক্যাশ, CSS/JS মিনিফিকেশন চালু করুন
- হোস্টিং টায়ার যাচাই করুন, TTFB ৬০০ মিলিসেকেন্ডের বেশি হলে প্রথমে হোস্টিং আপগ্রেড বিবেচনা করুন
- পরিবর্তনের পর আবার PageSpeed Insights এ টেস্ট করে বেসলাইনের সাথে তুলনা করুন
এই প্রক্রিয়াটা ম্যানুয়ালি নিজে করা সম্ভব, তবে সময় লাগে এবং ভুল সেটিংসে সাইট থেকে ভেঙে যাওয়ার ঝুঁকিও থাকে। যাদের কাছে সময় নেই বা টেকনিক্যাল ঝুঁকি নিতে চান না, তাদের জন্য প্রফেশনাল স্পিড অপটিমাইজেশন সার্ভিস নেওয়াই ব্যবহারিক সমাধান।
ছবি অপটিমাইজ না করাও এলিমেন্টর সাইট স্লো হওয়ার একটা বড় কারণ, বিশেষ করে এখন যখন অনেকেই AI দিয়ে তৈরি ছবি সরাসরি আপলোড করে দেন কোনো কমপ্রেশন ছাড়াই। ফিচার্ড ইমেজ এবং অন্যান্য ছবি সঠিকভাবে সাইজ ও অপটিমাইজ করার নিয়ম বিস্তারিত আছে AI দিয়ে ফিচার্ড ইমেজ বানানোর গাইড-এ।
শেষ কথা
এলিমেন্টর নিজে সমস্যা না, ডিফল্ট সেটিংসে ছেড়ে দেওয়া এলিমেন্টর সমস্যা। সাইট বানানোর সময়ই যদি সঠিক থিম, লিমিটেড প্লাগইন আর অপ্টিমাইজড এলিমেন্টর সেটআপ বেছে নেওয়া হয়, Core Web Vitals নিয়ে পরে মাথা ঘামাতে হয় না। যারা এই পুরো প্রক্রিয়াটা গোড়া থেকে শিখে নিজের বা ক্লায়েন্টের সাইট প্রপারলি বানাতে চান, তাদের জন্য ওয়ার্ডপ্রেস প্রো কোর্স এ পুরো ওয়ার্কফ্লো বিস্তারিত দেখানো আছে।
প্রায়ই জিজ্ঞাসিত প্রশ্ন (FAQ)
