এই জাভাস্ক্রিপ্ট মিনিফায়ারের মূল বৈশিষ্ট্য
- তাত্ক্ষণিক, ব্রাউজার-ভিত্তিক জেএস কম্প্রেশন (সার্ভারে ফাইল আপলোড নেই)
- মন্তব্য সরায় এবং অপ্রয়োজনীয় সাদা স্থান/নতুন লাইন সংকুচিত করে
- AST-ভিত্তিক কম্প্রেশন Terser-এর অনুরূপ (ধ্রুবক ভাঁজ, নিরাপদ অবস্থায় ডেড-কোড অপসারণ)
- API বা বিল্ড ইন্টিগ্রেশনের মাধ্যমে ঐচ্ছিক আইডেন্টিফায়ার ম্যাংলিং এবং উন্নত ফ্ল্যাগ
- আধুনিক জাভাস্ক্রিপ্ট (ES2015+), ক্লাসিক স্ক্রিপ্ট এবং সাধারণ মডিউল আউটপুটের সাথে কাজ করে
- মিনিফাইড জাভাস্ক্রিপ্ট এক ক্লিকে কপি বা ডাউনলোড করুন
- জাভাস্ক্রিপ্ট ফরম্যাটারের মতো একই কোর কম্পোনেন্ট ব্যবহার করে: একটি ক্রিয়ায় ফরম্যাটেড এবং মিনিফাইড আউটপুটের মধ্যে স্যুইচ করুন
- সর্বোচ্চ গোপনীয়তার জন্য 100% ক্লায়েন্ট-সাইড প্রসেসিং
🛠️ কিভাবে জাভাস্ক্রিপ্ট মিনিফাই করবেন for javascript-minifier
আপনার জেএস পেস্ট বা আপলোড করুন
একটি .js/.mjs ফাইল এডিটরে ড্রপ করুন বা সরাসরি আপনার জাভাস্ক্রিপ্ট পেস্ট করুন। টুলটি একক স্ক্রিপ্ট, ইউটিলিটি ফাইল এবং ছোট বান্ডিলের জন্য আদর্শ।
মিনিফিকেশন মোড নির্বাচন করুন
জাভাস্ক্রিপ্ট ফরম্যাটারের মতো একই কম্পোনেন্ট ব্যবহার করুন: ফরম্যাটেড কোডের পরিবর্তে কম্প্রেসড আউটপুট পেতে মিনিফাই অ্যাকশনে স্যুইচ করুন।
মিনিফায়ার চালান
আপনার কোড AST-তে পার্স করা হয়, মন্তব্য এবং অতিরিক্ত সাদা স্থান সরানো হয়, এবং বান্ডিলের আকার কমানোর জন্য নিরাপদ কম্প্রেশন পাস প্রয়োগ করা হয়।
ফলাফল কপি বা ডাউনলোড করুন
আউটপুট এডিটর থেকে মিনিফাইড জাভাস্ক্রিপ্ট কপি করুন বা এটি .min.js ফাইল হিসেবে ডাউনলোড করুন এবং আপনার HTML, CDN বা বিল্ড আউটপুটে অন্তর্ভুক্ত করুন।
প্রযুক্তিগত বিবরণ
মূল রূপান্তর (নিরাপদ ডিফল্ট)
রানটাইম আচরণ সংরক্ষণ করার সময় কোডের আকার উল্লেখযোগ্যভাবে হ্রাস করার জন্য রক্ষণশীল ডিফল্ট ডিজাইন করা হয়েছে।
| অপারেশন | প্রয়োগকৃত | নোট |
|---|---|---|
| লাইন এবং ব্লক মন্তব্য সরান | ✅ | লাইসেন্স মন্তব্য (/*! ... */) কনফিগারেশন/এপিআই এর মাধ্যমে সংরক্ষণ করা যেতে পারে |
| হোয়াইটস্পেস এবং নিউলাইন সংকুচিত করুন | ✅ | সিমান্টিকভাবে নিরাপদ যেখানে হোয়াইটস্পেস স্বাভাবিক করা হয়েছে; স্ট্রিং এবং রেজেক্স বিষয়বস্তু সংরক্ষিত |
| ধ্রুবক ভাঁজ এবং সরল ইনলাইনিং | ✅ | শুধুমাত্র যখন ফলাফল প্রমাণযোগ্যভাবে সমতুল্য হয় |
| ডেড-কোড বর্জন | ✅ | ধ্রুবক প্রচারের পরে অপ্রাপ্য শাখাগুলি সরিয়ে দেয় |
| আইডেন্টিফায়ার ম্যাঙ্গলিং | ✅ ঐচ্ছিক | ভেরিয়েবল এবং ফাংশনের নাম সংক্ষিপ্ত করে; উন্নত বিকল্প/এপিআই এর মাধ্যমে কনফিগারযোগ্য |
| ডিবাগিং হেল্পার বাদ দিন (কনসোল/ডিবাগার) | ✅ ঐচ্ছিক | সক্ষম করা যেতে পারে যখন আপনি প্রোডাকশনে কনসোল আউটপুটের উপর নির্ভর করেন না |
নিরাপত্তা ও সামঞ্জস্য নিয়ন্ত্রণ
উন্নত বিকল্পগুলি (প্রধানত বিল্ড টুল/এপিআই এর মাধ্যমে প্রকাশিত) মিনিফিকেশন কতটা আক্রমণাত্মক হওয়া উচিত তা টিউন করতে সহায়তা করে।
| বিকল্প | ডিফল্ট | ব্যাখ্যা |
|---|---|---|
| ecma টার্গেট | 2020 | আউটপুট সিনট্যাক্স এবং কিছু কম্প্রেস নিয়ন্ত্রণ করে |
| মডিউল বনাম স্ক্রিপ্ট | স্ক্রিপ্ট | ESM বান্ডিলের জন্য মডিউল/টপলেভেল অপ্টিমাইজেশন সক্ষম করুন |
| keep_fnames / keep_classnames | false | ভাল স্ট্যাক ট্রেস বা DI ফ্রেমওয়ার্কের জন্য নাম সংরক্ষণ করুন |
| safari10 / লিগেসি কুইর্কস | off | শুধুমাত্র নির্দিষ্ট লিগেসি ইঞ্জিন টার্গেট করার সময় সক্ষম করুন |
| toplevel | false | উন্নত ট্রি-শেকিংয়ের জন্য অব্যবহৃত টপ-লেভেল বাইন্ডিং ড্রপ করার অনুমতি দেয় |
সাধারণ আকার হ্রাস
মূল ফরম্যাটিং, মন্তব্যের ঘনত্ব এবং কতটা ডেড কোড বিদ্যমান তার উপর সঞ্চয় পরিবর্তিত হয়।
| ইনপুট স্টাইল | শুধুমাত্র কম্প্রেস | কম্প্রেস + ম্যাঙ্গল (আক্রমনাত্মক) |
|---|---|---|
| প্রচুর মন্তব্য এবং ফাঁকা স্থান সহ | ৩৫%–৫৫% | ৫০%–৭০% |
| মধ্যমভাবে ফরম্যাট করা অ্যাপ্লিকেশন কোড | ২০%–৩৫% | ৩৫%–৫৫% |
| ইতিমধ্যে কমপ্যাক্ট কোড | ৫%–১৫% | ১০%–২৫% |
প্রোডাকশন বিল্ডের জন্য CLI বিকল্পসমূহ
সম্পূর্ণ অ্যাপ্লিকেশন এবং মাল্টি-ফাইল প্রকল্পের জন্য, মিনিফিকেশন আপনার CI/CD পাইপলাইনে সংহত করুন।
Node.js
Terser (সাধারণ ক্ষেত্রে)
npx terser src/app.js -o dist/app.min.js -c ecma=2020,passes=2 -mদুইটি কম্প্রেস পাস প্লাস শক্তিশালী আকার হ্রাসের জন্য আইডেন্টিফায়ার ম্যাঙ্গলিং।
সংরক্ষিত নাম এবং drop_console সহ Terser
npx terser src/app.js -o dist/app.min.js -c passes=2,drop_console=true -m reserved=["React","ReactDOM"] --keep-fnamesগুরুত্বপূর্ণ গ্লোবালগুলি সুরক্ষিত করুন, কনসোল কলগুলি সরান এবং ডিবাগিংয়ের জন্য ফাংশন নামগুলি রাখুন।
Linux/macOS/Windows
esbuild (অত্যন্ত দ্রুত)
npx esbuild src/app.js --minify --target=es2018 --outfile=dist/app.min.jsএকক, অত্যন্ত দ্রুত ধাপে বান্ডল এবং মিনিফাই করুন।
SWC (রাস্ট-ভিত্তিক)
npx swc src -d dist --minifyএকটি উচ্চ-পারফরম্যান্স রাস্ট ইঞ্জিন দিয়ে ট্রান্সপাইল এবং মিনিফাই করুন।
সাধারণ ব্যবহারের ক্ষেত্রসমূহ
ওয়েব পারফরম্যান্স ও কোর ওয়েব ভাইটালস
- দ্রুত LCP এবং TTI এর জন্য জাভাস্ক্রিপ্ট ট্রান্সফার আকার হ্রাস করুন
- ডিপ্লয়মেন্টের আগে ডিবাগ মন্তব্য এবং লগিং ট্রিম করুন
- gzip/brotli কম্প্রেশনের আগে ক্লায়েন্ট-সাইড বান্ডলগুলি সঙ্কুচিত করুন
/* বিল্ড-শুধুমাত্র মন্তব্য যা মিনিফাইড আউটপুটে সরানো হবে */CI/CD এবং রিলিজ অটোমেশন
- আপনার বিল্ড পাইপলাইনের শেষ ধাপে JS মিনিফাই করুন
- CDN-এর জন্য ছোট, ক্যাশ-বান্ধব বান্ডল প্রস্তুত করুন
- HTML/CSS মিনিফায়ারগুলির পাশাপাশি প্রোডাকশন-রেডি অ্যাসেট তৈরি করুন
উইজেট, এম্বেড ও পরীক্ষা-নিরীক্ষা
- ট্যাগ ম্যানেজারের মাধ্যমে কমপ্যাক্ট স্নিপেট প্রেরণ করুন
- তৃতীয়-পক্ষের পৃষ্ঠাগুলিতে মিনিফাইড উইজেট এম্বেড করুন
- ক্রিটিকাল স্ক্রিপ্টে বিভিন্ন কম্প্রেশন কৌশল নিয়ে পরীক্ষা করুন
❓ Frequently Asked Questions
জাভাস্ক্রিপ্ট মিনিফাই করা কি আমার কোডের কার্যক্রম পরিবর্তন করবে?
এই টুল কি সরাসরি টাইপস্ক্রিপ্ট বা JSX হ্যান্ডল করে?
আমার জাভাস্ক্রিপ্ট কি সার্ভারে আপলোড হয়?
আমার জাভাস্ক্রিপ্ট ফাইল কত বড় হতে পারে?
ফরম্যাটিং এবং মিনিফাইয়িং-এর মধ্যে পার্থক্য কী?
Pro Tips
আপনার বান্ডিলারে NODE_ENV=production (বা সমতুল্য) সংজ্ঞায়িত করুন অনেক লাইব্রেরিতে অতিরিক্ত ডেড-কোড প্রুনিং আনলক করতে।
ভার্সন কন্ট্রোলে আনমিনিফাইড সোর্স (এবং, বড় অ্যাপের জন্য, সোর্স ম্যাপ) রাখুন, এবং প্রোডাকশনে শুধুমাত্র মিনিফাইড অ্যাসেট সার্ভ করুন।
উইন্ডো বা globalThis থেকে ঝুলন্ত পাবলিক API রক্ষা করতে ম্যাংলিং করার সময় সংরক্ষিত নাম ব্যবহার করুন।
গুণিত আকার সাশ্রয় পেতে CDN বা সার্ভার লেভেলে gzip বা brotli এর সাথে মিনিফিকেশন একত্রিত করুন।
Additional Resources
Other Tools
- সিএসএস সৌন্দর্যবর্ধক
- এইচটিএমএল সৌন্দর্যবর্ধক
- জাভাস্ক্রিপ্ট সৌন্দর্যবর্ধক
- পিএইচপি সৌন্দর্যবর্ধক
- রং নির্বাচক
- স্প্রাইট এক্সট্র্যাক্টর
- বেস৬৪ ডিকোডার
- বেস৬৪ এনকোডার
- সি-শার্প ফরম্যাটার
- সিএসভি ফরম্যাটার
- Dockerfile Formatter
- এলম ফরম্যাটার
- ইএনভি ফরম্যাটার
- গো ফরম্যাটার
- গ্রাফকিউএল ফরম্যাটার
- এইচসিএল ফরম্যাটার
- আইএনআই ফরম্যাটার
- জেসন ফরম্যাটার
- ল্যাটেক ফরম্যাটার
- মার্কডাউন ফরম্যাটার
- অবজেক্টিভসি ফরম্যাটার
- Php Formatter
- প্রোটো ফরম্যাটার
- পাইথন ফরম্যাটার
- রুবি ফরম্যাটার
- রাস্ট ফরম্যাটার
- স্কালা ফরম্যাটার
- শেল স্ক্রিপ্ট ফরম্যাটার
- এসকিউএল ফরম্যাটার
- SVG ফরম্যাটার
- Swift ফরম্যাটার
- TOML ফরম্যাটার
- Typescript Formatter
- XML ফরম্যাটার
- YAML ফরম্যাটার
- Yarn ফরম্যাটার
- সিএসএস মিনিফায়ার
- Html Minifier
- জেসন মিনিফায়ার
- XML মিনিফায়ার
- এইচটিটিপি হেডার ভিউয়ার
- পিডিএফ থেকে টেক্সট
- রেজেক্স টেস্টার
- সার্প র্যাংক চেকার
- Whois লুকআপ