HTML, CSS আর JS ছোট করুন
কোড কীভাবে ছোট করবেন
- আপনার HTML, CSS বা জাভাস্ক্রিপ্ট সেঁটে দিন। ভাষাটি নিজেই ধরা পড়ে, কিংবা আপনি নিজেই বসিয়ে দিতে পারেন।
- ছোট-করা রূপটি নিচে চলে আসে, সঙ্গে আগের ও পরের আকার আর কত শতাংশ বাঁচল তাও।
- এটি নকল করে নিন বা একটি .min ফাইল হিসেবে নামিয়ে নিন।
সাধারণ প্রশ্ন
ঠিক কী কী সরে যায়?
মন্তব্য আর অদরকারি ফাঁক। CSS-এ বন্ধনী, সেমিকোলন, কমা আর কোলনের পাশের ফাঁক সরে যায়, সঙ্গে প্রতিটি ব্লকের শেষ সেমিকোলনটিও। HTML-এ একটানা ফাঁক একটি ফাঁকে নেমে আসে আর মন্তব্য সরে যায়। জাভাস্ক্রিপ্টে মন্তব্য আর ইনডেন্ট সরে যায়।
জাভাস্ক্রিপ্টের লাইন-বদল থেকে যায় কেন?
কারণ সেগুলো সরালে কোডের কাজ বদলে যেতে পারে। জাভাস্ক্রিপ্ট লাইনের শেষে নিজেই সেমিকোলন বসিয়ে নেয়, তাই যে দুটি লাইন ওই বসানোর ওপর ভরসা করছিল, সেগুলো জুড়ে দিলে ভেঙে পড়ত। কেবল ইনডেন্ট, ফাঁকা লাইন আর মন্তব্যই সরানো হয়, যা যেকোনো কোডেই নিরাপদ।
এটি কি বিল্ড টুলের মতো ভেরিয়েবলের নাম বদলে দেবে?
না। নাম ছোট করা আর এক্সপ্রেশন আবার লেখার জন্য একটি আসল পার্সার লাগে, আর সেটি esbuild, terser বা SWC-র মতো বান্ডলারের কাজ। এই যন্ত্রটি হাতে ধরে একটি ফাইল ছেঁটে নেওয়ার জন্য, যেখানে বাঁচে সাধারণত 10% থেকে 30%।
স্ট্রিং আর রেগুলার এক্সপ্রেশনে এটি নিরাপদ?
হ্যাঁ। স্ক্যানারটি উদ্ধৃতিচিহ্ন, টেমপ্লেট লিটারেল আর রেগুলার এক্সপ্রেশন লিটারেলের হিসাব রাখে, তাই কোনো স্ট্রিংয়ের ভেতরের মন্তব্যের চিহ্ন, বা কোনো রেগুলার এক্সপ্রেশনের ভেতরের স্ল্যাশ, ছোঁয়াই হয় না।
HTML ট্যাগের মাঝের ফাঁক থেকে যায় কেন?
দুটি ইনলাইন এলিমেন্টের মাঝের একটি ফাঁক পাতায় দেখা যায়, তাই তা সরালে শব্দ দুটি গায়ে গায়ে লেগে যেত। আপনার মার্কআপে সবই ব্লক এলিমেন্ট হলে আর তা সরাতে চাইলে দ্বিতীয় ঘরটিতে টিক দিন।
জিজিপ কি এটি আগেই করে না?
বেশির ভাগটাই, হ্যাঁ। জিজিপ বা ব্রোটলি দিয়ে চাপা দেওয়া একটি সার্ভার একই ফাঁক আগেই চিপে ফেলে, তাই আগে ছোট করে নিলে কাঁচা বাইটের হিসাব যতটা বলে তার চেয়ে অনেক কমই বাঁচে। তবু ভেতরে বসানো কোড, ইমেলের নকশা আর চাপ ছাড়া পরিবেশন করা ফাইলে এটি কাজে দেয়।
আমার কোড কি আপলোড হয়?
না। লেখাটি আপনার ব্রাউজারেই প্রক্রিয়া করা হয় আর কোথাও পাঠানো হয় না।