কৌণিক সিএলআই বাজেট কি?
বাজেটগুলি কৌণিক সিএলআইয়ের একটি কম পরিচিত বৈশিষ্ট্য। এটি একটি বরং ছোট কিন্তু একটি খুব ঝরঝরে বৈশিষ্ট্য!
অ্যাপ্লিকেশনগুলির কার্যকারিতা বৃদ্ধির সাথে সাথে এগুলি আকারেও বৃদ্ধি পায়। বাজেটগুলি কৌণিক সিএলআই-এর একটি বৈশিষ্ট্য যা আপনার অ্যাপ্লিকেশনটির কিছু অংশ আপনি নির্ধারিত সীমানার মধ্যে থাকতে নিশ্চিত করার জন্য আপনার কনফিগারেশনে বাজেটের প্রান্তিক স্থাপন করতে পারবেন - অফিসিয়াল ডকুমেন্টেশন
বা অন্য কথায়, আমরা আমাদের কৌণিক অ্যাপ্লিকেশনটিকে সংকলনযুক্ত জাভাস্ক্রিপ্ট ফাইলগুলির একটি সেট হিসাবে বর্ণনা করতে পারি যা বন্ডল নামে থাকে যা বিল্ড প্রক্রিয়া দ্বারা উত্পাদিত হয়। কৌণিক বাজেট আমাদের এই বান্ডিলগুলির প্রত্যাশিত আকারগুলি কনফিগার করতে দেয়। এরপরে, যখন আমরা একটি সতর্কতা পেতে চাই বা বান্ডিলের আকারটি নিয়ন্ত্রণের বাইরে চলে যায় তবে ত্রুটি দিয়ে বিল্ড ব্যর্থ করতে চাইলে আমরা শর্তগুলির জন্য প্রান্তিকতাগুলি কনফিগার করতে পারি!
একটি বাজেট সংজ্ঞা কিভাবে?
কৌণিক বাজেটগুলি কৌণিক.জসন ফাইলে সংজ্ঞায়িত করা হয়। বাজেটগুলি প্রকল্পের জন্য সংজ্ঞায়িত করা হয় যা বোধগম্য হয় কারণ একটি কর্মক্ষেত্রের প্রতিটি অ্যাপের আলাদা আলাদা প্রয়োজন হয়।
ব্যবহারিকভাবে চিন্তাভাবনা করা, এটি কেবল উত্পাদন বিল্ডগুলির জন্য বাজেট সংজ্ঞায়িত করার জন্য বোধগম্য। প্রোড বিল্ড গাছের ঝাঁকুনি এবং কোড মিনিমাইজেশনের মতো সমস্ত অপ্টিমাইজেশন প্রয়োগ করার পরে "সত্য আকার" দিয়ে বান্ডিল তৈরি করে।
উফ, একটি বিল্ড ত্রুটি! সর্বাধিক বান্ডিল আকার ছাড়িয়ে গেছে। এটি একটি দুর্দান্ত সংকেত যা আমাদের বলে যে কিছু ভুল হয়েছে ...
- আমরা আমাদের বৈশিষ্ট্যটিতে পরীক্ষা-নিরীক্ষা করে থাকতে পেরেছি এবং সঠিকভাবে পরিষ্কার না করেছি
- আমাদের সরঞ্জামটি ভুল হতে পারে এবং একটি খারাপ স্বয়ং-আমদানি সম্পাদন করতে পারে, বা আমরা আমদানির প্রস্তাবিত তালিকা থেকে খারাপ জিনিসটি বাছাই করি
- আমরা অনুপযুক্ত স্থানে অলস মডিউলগুলি থেকে স্টাফ আমদানি করতে পারি
- আমাদের নতুন বৈশিষ্ট্যটি সত্যিই বড় এবং বিদ্যমান বাজেটের সাথে এটি খাপ খায় না
প্রথম দৃষ্টিভঙ্গি: আপনার ফাইলগুলি কি জিপ করা আছে?
সাধারণভাবে বলতে গেলে, জিজেপ করা ফাইলটিতে মূল ফাইলের আকারের পরিমাণ প্রায় 20% থাকে, যা আপনার অ্যাপ্লিকেশনটির প্রাথমিক লোডের সময়কে মারাত্মকভাবে হ্রাস করতে পারে। আপনি আপনার ফাইলগুলি জিপ করেছেন কিনা তা পরীক্ষা করতে, কেবল বিকাশকারী কনসোলের নেটওয়ার্ক ট্যাবটি খুলুন। "প্রতিক্রিয়া শিরোনামগুলিতে" আপনার যদি "সামগ্রী-এনকোডিং: জিজিপ" দেখতে পাওয়া যায় তবে আপনি ভাল you
জিজিপ করবেন কীভাবে?
যদি আপনি বেশিরভাগ ক্লাউড প্ল্যাটফর্ম বা সিডিএনতে আপনার কৌণিক অ্যাপ্লিকেশনটি হোস্ট করেন তবে আপনার এই সমস্যাটি নিয়ে উদ্বিগ্ন হওয়া উচিত নয় কারণ তারা সম্ভবত আপনার জন্য এটি পরিচালনা করেছে। তবে, যদি আপনার নিজের সার্ভার (যেমন নোডজেএস + এক্সপ্রেসজেএস) আপনার কৌণিক অ্যাপ্লিকেশনটি পরিবেশন করে থাকে তবে অবশ্যই ফাইলগুলি জিজেপ করা হয়েছে কিনা তা অবশ্যই পরীক্ষা করে দেখুন। নীডে কোনও নোডজেএস + এক্সপ্রেসজেএস অ্যাপে আপনার স্থিতিশীল সম্পদগুলি জিপ করার উদাহরণ is আপনি সহজেই এই মৃত সহজ মিডলওয়্যার "সংক্ষেপণ" কল্পনা করতে পারেন যে আপনার বান্ডিলের আকারটি 2.21MB থেকে 495.13KB এ নামিয়ে আনবে।
const compression = require('compression')
const express = require('express')
const app = express()
app.use(compression())
দ্বিতীয় পদ্ধতি: আপনার কৌণিক বান্ডিল বিশ্লেষণ করুন
যদি আপনার বান্ডেলের আকারটি খুব বড় হয়ে যায় তবে আপনি নিজের বান্ডিলটি বিশ্লেষণ করতে চাইতে পারেন কারণ আপনি একটি অনুপযুক্ত বড় আকারের তৃতীয় পক্ষের প্যাকেজটি ব্যবহার করেছেন বা আপনি যদি কিছু প্যাকেজটি আর ব্যবহার না করেন তবে আপনি এটি মুছে ফেলার ভুলে গেছেন। ওয়েবপ্যাকের বান্ডেলের সংমিশ্রণের একটি ভিজ্যুয়াল ধারণা দেওয়ার জন্য ওয়েবপ্যাকের একটি দুর্দান্ত বৈশিষ্ট্য রয়েছে।
এই গ্রাফটি পাওয়া খুব সহজ।
npm install -g webpack-bundle-analyzer- আপনার কৌণিক অ্যাপে চালান
ng build --stats-json(পতাকা ব্যবহার করবেন না --prod)। সক্ষম করে --stats-jsonআপনি একটি অতিরিক্ত ফাইল stats.json পাবেন
- অবশেষে, চালান
webpack-bundle-analyzer ./dist/stats.jsonএবং আপনার ব্রাউজারটি স্থানীয় হোস্ট: 8888 এ পৃষ্ঠাটি পপ আপ করবে। এটি দিয়ে মজা করুন।
রেফ 1: কীভাবে কৌনিক সিএলআই বাজেটগুলি আমার দিনটি বাঁচায় এবং তারা কীভাবে আপনার বাঁচাতে পারে
রেফ 2: 4 টি ধাপে কৌণিক বান্ডিল আকার অনুকূলিত করুন