কন্টেন্ট
গ্রান্টের মতো জাভাস্ক্রিপ্ট টাস্ক রানাররা ফ্রন্ট-এন্ড বিকাশকারীদের কাছে অত্যন্ত জনপ্রিয় হয়ে উঠেছে। এটি কারণ তারা আমাদের কাজগুলিতে আমাদের সকলের একটি কাজ করতে সহায়তা করে - সময় বাঁচান!
কিন্তু এখন 5,000 টিরও বেশি (এবং গণনা করা) গ্রান্ট প্লাগইন পাওয়া যায়, বিকাশকারীদের সেই 'রুক্ষ মধ্যে হীরা' পাওয়া খুব কঠিন। গ্রান্ট প্লাগইনগুলির যে সঠিক ব্যবহার আপনি করা উচিত সেগুলির সঠিক রেসিপিটি খুঁজে পাওয়ার জন্য আমরা আমাদের সময় গ্রান্টের সাথে আটকে গিয়েছিলাম back
01. উগলিফাই
তাদের লবণের মূল্যের প্রতিটি ফ্রন্ট-এন্ড বিকাশকারী জাভাস্ক্রিপ্ট ফাইলগুলি মিনিফাইং করার সুবিধাগুলি সম্পর্কে জানেন এবং এই প্লাগইনটি ঠিক এটি করে। যেমন এর জনপ্রিয়তা, এটি আসলে গ্রান্ট গেটিং স্টার্ট গাইডের অন্তর্ভুক্ত। নাম সত্ত্বেও, এই প্লাগইনটি আপনার জাভাস্ক্রিপ্ট কোডটি খুব সুন্দর করতেও ব্যবহার করা যেতে পারে - যদিও এটি উত্পাদন ব্যবহারের জন্য বিশেষভাবে কার্যকর নয়।
02. সাস
সিএসএসের প্রি-প্রসেসরটি সত্যিকার অর্থে রোস্টকে শাসন করে এমন বিষয়ে কিছু বিতর্ক হতে পারে তবে এখানে স্টিকিইয়েসে আমরা সাসের মূল প্রতিদ্বন্দ্বী, তার চেয়ে কম স্থির হয়েছি। এই প্লাগ-ইন আমাদের সাস ফাইলগুলি লিখতে সক্ষম করে এবং সেগুলি স্বয়ংক্রিয়ভাবে সিএসএসে সংকলিত করে। সিএসএস প্রি-প্রসেসর ব্যবহারের বৈশিষ্ট্যগুলি নিজের মধ্যে একটি পৃথক নিবন্ধের ওয়ারেন্ট দেয়, তবে এটি বলা নিরাপদ যে আপনি যদি ইতিমধ্যে একটি ব্যবহার না করেন তবে আপনি পার্টিতে খুব দেরী করেছেন!
03. সিএসএসমিন
এই প্লাগইনটি ইউগলিফের সিএসএস সমতুল্য। এটি কেবল কোনও নির্দিষ্ট সিএসএস ফাইল পেয়ে থাকে এবং সেগুলি ছোট করে দেয়। অবশ্যই যদি আপনি এটি সাস প্লাগইনের সাথে একযোগে ব্যবহার করতে যাচ্ছেন তবে আপনাকে অবশ্যই নিশ্চিত করতে হবে যে এই কাজটি সাস টাস্কের পরে চলছে।
সিএসএসমিনে প্রচুর বিকল্প রয়েছে যা কিছুটা আলাদা কৌশল ব্যবহার করে আপনার সিএসএস ফাইলের আকারও হ্রাস করতে পারে; সিএসএস ন্যানো, সিএসএস রিং, সিএসএস সঙ্কুচিত করা ইত্যাদি আপনি যদি এই ধরণের স্টাফের মধ্যে থাকেন তবে এই সহজ ব্যাঙ্কমার্কটি পড়ুন।
04. কনক্যাট
নাম অনুসারে, এই প্লাগইনটি কেবল একাধিক ফাইল নেয় এবং সেগুলিতে এক করে দেয়। মনিফাইং কোডের মতো, কনটেনেটিং ফাইলগুলিও পৃষ্ঠা লোডের সময় হ্রাস করার জন্য একটি বয়সের পুরানো সেরা অনুশীলন।
ফাইল কনক্যাটেনশন সবসময় জাভাস্ক্রিপ্ট এবং সিএসএস উভয়ের জন্য উত্পাদনে ব্যবহার করা উচিত। সিএসএস প্রাক প্রসেসিং টাস্ক এবং মিনিফিকেশন কার্যের পরে - এটি সাধারণত চালানো শেষ কাজ। একটি নির্দিষ্ট ডিরেক্টরিতে সমস্ত ফাইল একত্রিত করার জন্য এই প্লাগইনটি কেবল বলা সহজ, তবে ফাইলগুলি সংক্ষিপ্তভাবে অর্ডার করা উচিত - আপনার একটি নির্দিষ্ট আদেশ দেওয়ার বা ফাইলগুলির নামকরণের প্রয়োজন হতে পারে যাতে তারা সর্বদা আপনার পছন্দ অনুযায়ী ক্রমযুক্ত থাকে ।
05. ইমেজমিন
সিএসএসমিন এবং উগলিফের মতো একই শিরাতে ইমেজমিন পৃষ্ঠা লোড - চিত্রের ফাইলের আকারের জন্য আরও একটি পুরানো সমস্যা মোকাবেলা করে। চিত্র ‘মিনিফিকেশন’ সাধারণত অপ্টিমাইজেশনের জন্য প্রথম পোর্ট অফ কল হয়, সুতরাং এই পৃষ্ঠাগুলি মোট পৃষ্ঠার ফাইলের আকার যতটা সম্ভব কমাতে প্রয়োজনীয়।
আপনি যদি জেপিজি, পিএনজি, জিআইএফ বা এসভিজি (একটি ক্রমবর্ধমান জনপ্রিয় ভেক্টর চিত্র ফর্ম্যাট) এর সাথে কাজ করছেন তবে এই আউটপুটটি আপনাকে কোনও আঙুল না তুলেই এই চিত্রগুলির ফাইল আকারে ক্ষতিহীন হ্রাস সরবরাহ করবে plugin আপনার প্রকল্পে যদি আপনার অনেকগুলি চিত্র থাকে তবে আপনি যখন কোনও উত্পাদনের দিকে এগিয়ে যাচ্ছেন তখন কোনও কাজ ঘড়ির ইভেন্টে চালানোর চেয়ে এই কাজটি চালানো ভাল ধারণা (পরবর্তী বিষয়টি দেখুন)।
06. দেখুন
এই প্লাগইনটি আসলে আপনার ওয়েবসাইটের ফ্রন্ট-এন্ডকে প্রভাবিত করে না তবে এটি দক্ষ গ্রান্ট প্রক্রিয়া তৈরিতে অত্যন্ত কার্যকর। ঘড়ির সাহায্যে আপনার নির্দিষ্ট করা ডিরেক্টরিগুলি কেবল নজর রাখে এবং কিছু পরিবর্তন হয়ে গেলে এটি কিছু গ্রাণ্ট কার্য স্বয়ংক্রিয়ভাবে ট্রিগার করে।
সুতরাং আপনি আপনার জাভাস্ক্রিপ্ট টাস্কগুলি চালানোর জন্য আপনার ‘জেএস’ ডিরেক্টরিতে এবং একটি সিএসএস কার্য পরিচালনা করতে আপনার ‘সিএসএস’ ডিরেক্টরিতে অন্য একটি শর্তটি সেট আপ করতে পারেন। এর অর্থ আপনাকে কখনই নিজের মূল গ্রান্ট প্রক্রিয়াটি ম্যানুয়ালি চালাতে হবে না! আপনি পরিবর্তনগুলি শুরু করার আগে গ্রুর্ট ওয়াচ টাস্কটি আরম্ভ করুন এবং আপনি এটি এমনকি ভুলে যেতে পারেন।
শব্দ: জেমি শিল্ডস
জেমি শিল্ডস ডিজিটাল বিপণন সংস্থা স্টিকিইয়েসের পিছনের দিকের বিকাশকারী।
এটার মত? এটি পড়ুন!
- গ্রান্ট বনাম গুল্প: আপনার কোন জাভাস্ক্রিপ্ট বিল্ড টুল চয়ন করা উচিত?
- আপনার গ্রান্ট সেট আপ উন্নত করার জন্য 8 টি উপায়
- সেরা বিনামূল্যে ওয়ার্ডপ্রেস থিম