Zinn® Cache: অব্যবহৃত CSS সরান, JavaScript বিলম্বিত করুন এবং WebP ও AVIF পরিবেশন করুন

অব্যবহৃত CSS সরান, JavaScript বিলম্বিত করুন এবং WebP ও AVIF পরিবেশন করুন

অব্যবহৃত CSS সরাতে এবং স্ক্রিপ্ট বিলম্বিত করতে Zinn® Cache Pro-এর CSS এবং JavaScript ট্যাব ব্যবহার করুন, এবং WebP, AVIF ও অনুপস্থিত ছবির আকারের জন্য এর ছবি ট্যাব ব্যবহার করুন — কেন কোনো মিনাইফাই বা কম্বাইন করার বিকল্প নেই, এবং কীভাবে এমন পরিবর্তন পূর্বাবস্থায় ফিরিয়ে আনবেন যা কোনো পৃষ্ঠাকে ত্রুটিযুক্ত করে।

1. একবারে একটি পরিবর্তন পরীক্ষা করুন — সম্পদ অপ্টিমাইজেশন আপনার থিমের ফাইল ব্রাউজার যেভাবে গ্রহণ করে তা পরিবর্তন করে। একটি সেটিংস পরিবর্তন করুন, সাইট পরীক্ষা করুন, তারপর এগিয়ে যান, যাতে কোনো সমস্যার স্পষ্ট কারণ চিহ্নিত করা যায়।
2. CSS এবং JavaScript ট্যাব খুলুন — WordPress-এ Zinn Digital®, Cache Pro, তারপর CSS এবং JavaScript খুলুন। ছবিগুলো তাদের নিজস্ব ট্যাবে রয়েছে।
3. নিরাপদ ডিফল্ট দিয়ে শুরু করুন — নিরাপদ ডিফল্ট ব্যবহার করুন চালু রাখুন। এটি কখনই jQuery বা কুকি-সম্মতি ব্যানার বিলম্বিত করে না এবং চেকআউট পৃষ্ঠাগুলোকে প্রভাবিত করে না।
4. JavaScript বিলম্বিত করুন, তারপর অব্যবহৃত CSS সরান — পরিদর্শক ইন্টারঅ্যাক্ট না করা পর্যন্ত JavaScript বিলম্বিত করুন চালু করুন, সংরক্ষণ করুন এবং সাইন আউট থাকা অবস্থায় আপনার প্রধান পৃষ্ঠাগুলো পরীক্ষা করুন। তারপর অব্যবহৃত CSS সরান চালু করুন। যদি কোনো কিছু কাজ করা বন্ধ করে দেয়, তবে যে ফাইলগুলোকে অপরিবর্তিত রাখতে হবে তার তালিকায় এর স্ক্রিপ্ট বা স্টাইলশীট যুক্ত করুন।
5. WebP এবং AVIF ছবি পরিবেশন করুন — ছবি ট্যাবে WebP বা AVIF চালু করুন, তারপর আপনার বিদ্যমান ছবিগুলো রূপান্তর করুন। মূল ফাইলগুলো যেখানে আছে সেখানেই থাকবে, এবং এক ক্লিকেই প্রতিটি রূপান্তরিত অনুলিপি সরানো যায়।
6. কেন কোনো মিনাইফাই বা কম্বাইন বিকল্প নেই — ফাইলগুলো একত্রিত করা HTTP/1.1-এ সহায়ক ছিল কিন্তু HTTP/2 এবং HTTP/3-এ পৃষ্ঠাগুলোকে ধীরগতির করে, এবং ফাইল সংকুচিত হওয়ার পরে মিনাইফাই করা মাত্র কয়েক শতাংশ সাশ্রয় করে যেখানে এটি লেআউট ভেঙে যাওয়ার সবচেয়ে সাধারণ কারণ। অব্যবহৃত CSS সরানো এবং JavaScript বিলম্বিত করাই মূল সুবিধা প্রদান করে।

স্ক্রিনশট সহ: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress