টেইলউইন্ড সিএসএস পার্জ কৌশল: অপ্টিমাইজড পারফরম্যান্সের জন্য অব্যবহৃত স্টাইল নির্মূল করা

টেইলউইন্ড সিএসএস একটি ইউটিলিটি-ফার্স্ট সিএসএস ফ্রেমওয়ার্ক যা পূর্বনির্ধারিত সিএসএস ক্লাসের একটি বিশাল লাইব্রেরি সরবরাহ করে। অবিশ্বাস্যভাবে শক্তিশালী এবং নমনীয় হওয়ার পাশাপাশি, এই প্রাচুর্য উৎপাদনের ক্ষেত্রে প্রচুর পরিমাণে অব্যবহৃত সিএসএস তৈরি করতে পারে, যা ওয়েবসাইটের পারফরম্যান্সকে প্রভাবিত করে। এই নিবন্ধটি টেইলউইন্ড সিএসএস-এর পার্জ কার্যকারিতা নিয়ে আলোচনা করে, ছোট সিএসএস ফাইল এবং দ্রুত, আরও দক্ষ ওয়েবসাইটের জন্য কীভাবে অব্যবহৃত স্টাইলগুলি কার্যকরভাবে নির্মূল করা যায় তা ব্যাখ্যা করে। এই গাইডটি বিশ্বব্যাপী ডেভেলপারদের জন্য প্রাসঙ্গিক, তাদের প্রকল্পের আকার বা ভৌগলিক অবস্থান নির্বিশেষে।

সমস্যাটি বোঝা: অব্যবহৃত সিএসএস এবং এর প্রভাব

আপনি যখন টেইলউইন্ড সিএসএস ব্যবহার করেন, বিশেষত বৃহত্তর প্রকল্পগুলিতে, আপনি সম্ভবত উপলব্ধ ইউটিলিটি ক্লাসগুলির একটি ভগ্নাংশ ব্যবহার করবেন। সম্পূর্ণ টেইলউইন্ড সিএসএস ফাইলটি বেশ বড় (কয়েক মেগাবাইট মিনified), এবং আপনার প্রোডাকশন বিল্ডে এটিকে সম্পূর্ণরূপে অন্তর্ভুক্ত করলে আপনার ওয়েবসাইটের লোডিং সময় উল্লেখযোগ্যভাবে হ্রাস হতে পারে। কারণ ব্রাউজারকে একটি বৃহত সিএসএস ফাইল ডাউনলোড এবং পার্স করতে হয়, এমনকি যদি অনেকগুলি স্টাইল আপনার পৃষ্ঠাগুলির কোনও উপাদানগুলিতে প্রয়োগ করা না হয়। একটি ধীর ওয়েবসাইট দুর্বল ব্যবহারকারীর অভিজ্ঞতা, উচ্চ বাউন্স রেট এবং এসইও র‌্যাঙ্কিংকে নেতিবাচকভাবে প্রভাবিত করতে পারে। উত্তর আমেরিকা, ইউরোপ, এশিয়া বা আফ্রিকা যেখানেই আপনার দর্শক থাকুক না কেন, এটি সত্য। বিশ্বব্যাপী, ব্যবহারকারীরা দ্রুত এবং প্রতিক্রিয়াশীল ওয়েবসাইট আশা করে।

কেন অব্যবহৃত সিএসএস ক্ষতি করে:

• পেজ লোড হওয়ার সময় বৃদ্ধি: বৃহত্তর সিএসএস ফাইলগুলি ডাউনলোড এবং পার্স করতে বেশি সময় নেয়, যা সরাসরি পেজ লোড হওয়ার সময়কে প্রভাবিত করে।
• ব্যান্ডউইথের অপচয়: ব্যবহারকারীরা সিএসএস নিয়ম ডাউনলোড করে যা কখনও ব্যবহৃত হয় না, ব্যান্ডউইথের অপচয় হয়, বিশেষত মোবাইল ডিভাইসে।
• পারফরম্যান্স বাধা: ব্রাউজারগুলি অব্যবহৃত স্টাইলগুলি পার্স এবং প্রয়োগ করতে সময় ব্যয় করে, যা রেন্ডারিং কর্মক্ষমতাকে প্রভাবিত করে।

সমাধান: টেইলউইন্ড সিএসএস পার্জ কার্যকারিতা

টেইলউইন্ড সিএসএস একটি শক্তিশালী পার্জ কার্যকারিতা অন্তর্ভুক্ত করে যা বিল্ড প্রক্রিয়ার সময় স্বয়ংক্রিয়ভাবে অব্যবহৃত সিএসএস স্টাইলগুলি সরিয়ে দেয়। এই বৈশিষ্ট্যটি আপনার HTML, জাভাস্ক্রিপ্ট এবং অন্যান্য টেম্পলেট ফাইলগুলি বিশ্লেষণ করে কোন সিএসএস ক্লাসগুলি আসলে ব্যবহৃত হয় তা সনাক্ত করতে এবং তারপরে সমস্ত অব্যবহৃত ক্লাসগুলি সরিয়ে দেয়। এই প্রক্রিয়াটির ফলে একটি উল্লেখযোগ্যভাবে ছোট সিএসএস ফাইল তৈরি হয়, যা ওয়েবসাইটের কর্মক্ষমতা উন্নত করতে সহায়তা করে।

কীভাবে পার্জ প্রক্রিয়া কাজ করে:

1. ফাইল স্ক্যানিং: টেইলউইন্ড সিএসএস আপনার নির্দিষ্ট করা ফাইলগুলি (যেমন, HTML, জাভাস্ক্রিপ্ট, পিএইচপি, Vue টেমপ্লেট) সিএসএস ক্লাস নামের জন্য বিশ্লেষণ করে।
2. ব্যবহৃত ক্লাস সনাক্তকরণ: এটি আপনার প্রকল্পে ব্যবহৃত সমস্ত সিএসএস ক্লাস সনাক্ত করে।
3. অব্যবহৃত ক্লাস অপসারণ: বিল্ড প্রক্রিয়ার সময়, টেইলউইন্ড সিএসএস সমস্ত সিএসএস নিয়ম সরিয়ে দেয় যা সনাক্ত করা ব্যবহৃত ক্লাসগুলির সাথে সম্পর্কিত নয়।
4. অপ্টিমাইজড সিএসএস তৈরি করা: চূড়ান্ত আউটপুট হল একটি অত্যন্ত অপ্টিমাইজড সিএসএস ফাইল যাতে কেবলমাত্র সেই স্টাইলগুলি থাকে যা আপনার ওয়েবসাইটের জন্য আসলে প্রয়োজন।

`tailwind.config.js`-এ পার্জ অপশন কনফিগার করা

উদাহরণ কনফিগারেশন:

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './src/**/*.html',
      './src/**/*.vue',
      './src/**/*.jsx',
      './src/**/*.js',
      './src/**/*.php',
      // Add any other file types that contain Tailwind classes
    ],
  },
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
}
            

              
                Copy
              
            
          

কনফিগারেশন অপশনগুলির ব্যাখ্যা:

• `enabled`: এই অপশনটি পার্জ কার্যকারিতা সক্রিয় কিনা তা নিয়ন্ত্রণ করে। শুধুমাত্র প্রোডাকশন পরিবেশে (যেমন, `process.env.NODE_ENV === 'production'`) এটি সক্রিয় করা সেরা অনুশীলন। এটি বিকাশের সময়কালে অপ্রয়োজনীয় পার্জিং প্রতিরোধ করে, যা বিকাশের প্রক্রিয়াটিকে ধীর করতে পারে।
• `content`: এই অপশনটি ফাইল পাথগুলির একটি অ্যারে যা টেইলউইন্ড সিএসএস সিএসএস ক্লাস নামের জন্য স্ক্যান করবে। আপনার সমস্ত ফাইল প্রকার অন্তর্ভুক্ত করা উচিত যাতে টেইলউইন্ড সিএসএস ক্লাস রয়েছে, যেমন HTML, Vue উপাদান, জাভাস্ক্রিপ্ট ফাইল এবং PHP টেমপ্লেট। এখানে নির্ভুল এবং বিস্তৃত হওয়া গুরুত্বপূর্ণ যাতে সমস্ত ব্যবহৃত ক্লাস সঠিকভাবে সনাক্ত করা যায়।

পার্জ কনফিগারেশনের জন্য সেরা অনুশীলন

1. নির্দিষ্ট ফাইল পাথ ব্যবহার করুন:

`'./**/*'` এর মতো অতিরিক্ত বিস্তৃত ফাইল পাথ ব্যবহার করা এড়িয়ে চলুন। যদিও এটি সুবিধাজনক মনে হতে পারে, এটি দীর্ঘতর বিল্ড সময় এবং সম্ভাব্য ভুল ফলাফলের দিকে পরিচালিত করতে পারে। পরিবর্তে, নির্দিষ্ট ফাইল পাথ ব্যবহার করুন যা কেবল প্রাসঙ্গিক ফাইলগুলিকে লক্ষ্য করে। উদাহরণস্বরূপ, যদি আপনার HTML ফাইলগুলি `./src/pages` ডিরেক্টরিতে অবস্থিত থাকে তবে `'./**/*.html'` এর পরিবর্তে `'./src/pages/**/*.html'` ব্যবহার করুন।

উদাহরণ:

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './src/pages/**/*.html',
      './src/components/**/*.vue',
      './src/js/**/*.js',
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

2. ডায়নামিক ক্লাস নাম সম্পর্কে সচেতন থাকুন:

আপনি যদি ডায়নামিক ক্লাস নাম ব্যবহার করেন (যেমন, নির্দিষ্ট শর্তের ভিত্তিতে ক্লাস যোগ বা সরানোর জন্য জাভাস্ক্রিপ্ট ব্যবহার করে), তবে পার্জ কার্যকারিতা সঠিকভাবে সনাক্ত করতে সক্ষম নাও হতে পারে। এই ধরনের ক্ষেত্রে, আপনাকে `safelist` অপশনটি ব্যবহার করতে হবে।

3. `safelist` অপশনটি ব্যবহার করুন:

`safelist` অপশনটি আপনাকে স্পষ্টভাবে সিএসএস ক্লাসগুলি নির্দিষ্ট করার অনুমতি দেয় যা চূড়ান্ত সিএসএস ফাইলে সর্বদা অন্তর্ভুক্ত করা উচিত, এমনকি যদি সেগুলি স্ক্যানিং প্রক্রিয়ার সময় সনাক্ত না হয়। এটি বিশেষত ডায়নামিক ক্লাস নাম, তৃতীয় পক্ষের লাইব্রেরিতে ব্যবহৃত ক্লাস বা জাভাস্ক্রিপ্ট দ্বারা তৈরি ক্লাসগুলির জন্য দরকারী।

উদাহরণ:

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './src/**/*.html',
      './src/**/*.vue',
      './src/**/*.js',
    ],
    safelist: [
      'bg-red-500',
      'text-white',
      'hidden',
      'lg:block'
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

এই উদাহরণে, `bg-red-500`, `text-white`, `hidden`, এবং `lg:block` ক্লাসগুলি সর্বদা চূড়ান্ত সিএসএস ফাইলে অন্তর্ভুক্ত করা হবে, এমনকি যদি সেগুলি স্ক্যান করা ফাইলগুলিতে সরাসরি পাওয়া না যায়।

4. `safelist`-এ রেগুলার এক্সপ্রেশন:

`safelist` অপশনটি রেগুলার এক্সপ্রেশন সমর্থন করে, যা আপনাকে একটি প্যাটার্নের উপর ভিত্তি করে একাধিক ক্লাস মেলাতে দেয়। এটি এমন পরিস্থিতিতে উপযোগী যেখানে আপনার ক্লাসের একটি সিরিজ রয়েছে যা একটি অনুরূপ নামকরণের নিয়ম অনুসরণ করে।

উদাহরণ:

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './src/**/*.html',
      './src/**/*.vue',
      './src/**/*.js',
    ],
    safelist: [
      /^grid-cols-/, // Matches classes like grid-cols-1, grid-cols-2, etc.
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

এই উদাহরণটি `grid-cols-` দিয়ে শুরু হওয়া সমস্ত ক্লাসকে মেলাতে একটি রেগুলার এক্সপ্রেশন ব্যবহার করে, নিশ্চিত করে যে সমস্ত গ্রিড কলাম ক্লাস চূড়ান্ত সিএসএস ফাইলে অন্তর্ভুক্ত রয়েছে।

5. `layers` Safelist ব্যবহার করুন:

Tailwind v3 লেয়ারগুলি চালু করেছে। আপনি যদি কাস্টম স্টাইল যুক্ত করতে `@layer` নির্দেশাবলী ব্যবহার করেন তবে আপনাকে লেয়ারের নামগুলি safelist করতে হতে পারে।

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './src/**/*.html',
      './src/**/*.vue',
      './src/**/*.js',
    ],
    safelist: [
      'layer-base',
      'layer-components',
      'layer-utilities',
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

6. আপনার প্রোডাকশন সিএসএস পরিদর্শন করুন:

পার্জ প্রক্রিয়া চালানোর পরে, সর্বদা আপনার প্রোডাকশন সিএসএস ফাইলটি পরিদর্শন করুন যাতে সমস্ত প্রয়োজনীয় স্টাইল অন্তর্ভুক্ত রয়েছে এবং কোনও অপ্রত্যাশিত স্টাইল সরানো হয়নি। এটি আপনাকে আপনার পার্জ কনফিগারেশনের সাথে সম্পর্কিত কোনও সম্ভাব্য সমস্যা সনাক্ত করতে এবং প্রয়োজনীয় সমন্বয় করতে সহায়তা করতে পারে।

সাধারণ পার্জ সমস্যাগুলির সমাধান

1. স্টাইল অনুপস্থিত:

যদি আপনি লক্ষ্য করেন যে আপনার প্রোডাকশন বিল্ডে কিছু স্টাইল অনুপস্থিত, তবে সম্ভবত পার্জ কার্যকারিতা আপনার ফাইলগুলিতে সংশ্লিষ্ট সিএসএস ক্লাসগুলি সনাক্ত করতে পারছে না। এটি নিম্নলিখিত কারণে ঘটতে পারে:

• ভুল ফাইল পাথ: আপনার `content` অ্যারের ফাইল পাথগুলি সঠিক কিনা এবং এতে সমস্ত প্রাসঙ্গিক ফাইল অন্তর্ভুক্ত রয়েছে কিনা তা দুবার পরীক্ষা করুন।
• ডায়নামিক ক্লাস নাম: যে কোনও ডায়নামিক ক্লাস নাম স্পষ্টভাবে অন্তর্ভুক্ত করতে `safelist` অপশনটি ব্যবহার করুন।
• জাভাস্ক্রিপ্ট দ্বারা জেনারেট করা ক্লাস: আপনি যদি জাভাস্ক্রিপ্ট ব্যবহার করে ক্লাস তৈরি করেন তবে নিশ্চিত করুন যে সেই ক্লাসগুলিও `safelist` অপশনে অন্তর্ভুক্ত রয়েছে।

2. অব্যবহৃত স্টাইল সরানো হয়নি:

যদি আপনি দেখেন যে আপনার প্রোডাকশন সিএসএস ফাইলে এখনও অব্যবহৃত স্টাইল রয়েছে তবে এটি নিম্নলিখিত কারণে হতে পারে:

• উন্নয়ন নির্ভরতা: কখনও কখনও, উন্নয়নের নির্ভরতা আপনার বিল্ডে সিএসএস প্রবেশ করাতে পারে। নিশ্চিত করুন যে এই নির্ভরতাগুলি আপনার প্রোডাকশন বিল্ডে অন্তর্ভুক্ত নয়।
• মুদ্রণ সংক্রান্ত ত্রুটি: আপনার সিএসএস ক্লাস নামের মধ্যে কোনও মুদ্রণ সংক্রান্ত ত্রুটি আছে কিনা তা দুবার পরীক্ষা করুন। এমনকি একটি ছোট টাইপো পার্জ কার্যকারিতাকে অব্যবহৃত স্টাইলগুলি সনাক্ত এবং অপসারণ করতে বাধা দিতে পারে।
• অত্যধিক বিস্তৃত ফাইল পাথ: পূর্বে উল্লিখিত হিসাবে, আপনার `content` অ্যারেতে অতিরিক্ত বিস্তৃত ফাইল পাথ ব্যবহার করা এড়িয়ে চলুন, কারণ এটি ভুল ফলাফলের দিকে পরিচালিত করতে পারে।

3. বিল্ড প্রক্রিয়া ত্রুটি:

আপনি যদি পার্জ কার্যকারিতা সম্পর্কিত বিল্ড প্রক্রিয়ার সময় ত্রুটির সম্মুখীন হন তবে এটি নিম্নলিখিত কারণে হতে পারে:

• ভুল কনফিগারেশন: কোনও সিনট্যাক্স ত্রুটি বা ভুল কনফিগারেশন অপশনের জন্য আপনার `tailwind.config.js` ফাইলটি দুবার পরীক্ষা করুন।
• পুরানো নির্ভরতা: নিশ্চিত করুন যে আপনি টেইলউইন্ড সিএসএস এবং এর নির্ভরতার সর্বশেষ সংস্করণ ব্যবহার করছেন।
• দ্বন্দ্বপূর্ণ প্লাগইন: আপনি যদি অন্য PostCSS প্লাগইন ব্যবহার করেন তবে সেগুলি টেইলউইন্ড সিএসএস পার্জ কার্যকারিতার সাথে দ্বন্দ্ব করতে পারে। সমস্যাটি সমাধান হয় কিনা তা দেখতে অন্যান্য প্লাগইনগুলি অক্ষম করার চেষ্টা করুন।

বিভিন্ন ফ্রেমওয়ার্ক জুড়ে উদাহরণ

1. একটি React প্রকল্পে টেইলউইন্ড সিএসএস পার্জ করা (Create React App):

একটি Create React App প্রকল্পে, আপনি আপনার `tailwind.config.js` ফাইলে পার্জ অপশনটি নিম্নলিখিতভাবে কনফিগার করতে পারেন:

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './src/**/*.js',
      './src/**/*.jsx',
      './public/index.html',
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

`content` অ্যারেতে আপনার সমস্ত জাভাস্ক্রিপ্ট এবং JSX ফাইল অন্তর্ভুক্ত করতে ভুলবেন না। আপনি যদি HTML এ সরাসরি টেইলউইন্ড সিএসএস ক্লাস ব্যবহার করেন তবে আপনার `public/index.html` ফাইলটিও অন্তর্ভুক্ত করা উচিত।

2. একটি Vue.js প্রকল্পে টেইলউইন্ড সিএসএস পার্জ করা (Vue CLI):

একটি Vue CLI প্রকল্পে, আপনি আপনার `tailwind.config.js` ফাইলে পার্জ অপশনটি নিম্নলিখিতভাবে কনফিগার করতে পারেন:

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './src/**/*.vue',
      './src/**/*.js',
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

`content` অ্যারেতে আপনার সমস্ত Vue কম্পোনেন্ট ফাইল এবং জাভাস্ক্রিপ্ট ফাইল অন্তর্ভুক্ত করুন।

3. একটি Next.js প্রকল্পে টেইলউইন্ড সিএসএস পার্জ করা:

Next.js সাধারণত এর বিল্ট-ইন সিএসএস সমর্থন ব্যবহার করে স্বয়ংক্রিয়ভাবে পার্জ প্রক্রিয়া পরিচালনা করে। তবে, আপনি প্রক্রিয়াটি আরও সূক্ষ্ম সুর করার জন্য আপনার `tailwind.config.js` ফাইলে পার্জ অপশনটি কনফিগার করতে পারেন:

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './pages/**/*.js',
      './components/**/*.js',
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

`content` অ্যারেতে আপনার পৃষ্ঠা এবং কম্পোনেন্ট ফাইল অন্তর্ভুক্ত করুন। Next.js বিল্ড প্রক্রিয়ার সময় স্বয়ংক্রিয়ভাবে অব্যবহৃত টেইলউইন্ড সিএসএস স্টাইলগুলি সনাক্ত করবে এবং সরিয়ে দেবে।

4. একটি Laravel প্রকল্পে টেইলউইন্ড সিএসএস পার্জ করা:

টেইলউইন্ড সিএসএস ব্যবহার করে Laravel প্রকল্পগুলির জন্য, কনফিগারেশন একই রকম। আপনার ব্লেড টেমপ্লেট এবং যেকোনো জাভাস্ক্রিপ্ট ফাইল স্ক্যান করা নিশ্চিত করুন।

            module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      './resources/**/*.blade.php',
      './resources/**/*.vue',
      './resources/**/*.js',
    ],
  },
  // ...
}
            

              
                Copy
              
            
          

পারফরম্যান্স পরিমাপ: পার্জ করার আগে এবং পরে

• Google PageSpeed Insights: এই সরঞ্জামটি আপনার ওয়েবসাইটের কর্মক্ষমতা সম্পর্কে মূল্যবান অন্তর্দৃষ্টি সরবরাহ করে এবং উন্নতির জন্য পরামর্শ দেয়।
• Lighthouse: Lighthouse হল ওয়েব পেজগুলির গুণমান উন্নত করার জন্য একটি ওপেন সোর্স, স্বয়ংক্রিয় সরঞ্জাম। আপনি এটি Chrome DevTools এ বা Node.js মডিউল হিসাবে চালাতে পারেন।
• WebPageTest: এই সরঞ্জামটি আপনাকে বিভিন্ন অবস্থান থেকে এবং বিভিন্ন ব্রাউজার কনফিগারেশনের সাথে আপনার ওয়েবসাইটের কর্মক্ষমতা পরীক্ষা করতে দেয়।

অব্যবহৃত টেইলউইন্ড সিএসএস স্টাইলগুলি পার্জ করার আগে এবং পরে আপনার ওয়েবসাইটের পেজ লোড হওয়ার সময়, সিএসএস ফাইলের আকার এবং অন্যান্য কর্মক্ষমতা মেট্রিক পরিমাপ করে, আপনি অপ্টিমাইজেশনের প্রভাব পরিমাণ করতে পারেন এবং নিশ্চিত করতে পারেন যে এটি পছন্দসই ফলাফল সরবরাহ করছে। কর্মক্ষমতা উন্নতির একটি বিশ্বব্যাপী দৃশ্য পেতে বিভিন্ন ভৌগলিক অবস্থান থেকে পরীক্ষা করার কথা বিবেচনা করুন।

উপসংহার: একটি বিশ্বব্যাপী দর্শকদের জন্য অপ্টিমাইজ করা

ওয়েবসাইটের কর্মক্ষমতা অপ্টিমাইজ করার জন্য এবং একটি বিশ্বব্যাপী দর্শকদের জন্য একটি নির্বিঘ্ন ব্যবহারকারীর অভিজ্ঞতা প্রদানের জন্য টেইলউইন্ড সিএসএস-এর পার্জ কার্যকারিতা কার্যকরভাবে ব্যবহার করা অত্যন্ত গুরুত্বপূর্ণ। পার্জ অপশনটি সাবধানে কনফিগার করে, প্রয়োজনে `safelist` অপশন ব্যবহার করে এবং নিয়মিতভাবে আপনার প্রোডাকশন সিএসএস ফাইলটি পরিদর্শন করে, আপনি নিশ্চিত করতে পারেন যে আপনার ওয়েবসাইটটি দ্রুত এবং দক্ষতার সাথে লোড হচ্ছে, ব্যবহারকারীর অবস্থান বা ডিভাইস নির্বিশেষে। আজকের বিশ্বে, দ্রুত এবং অপ্টিমাইজড ওয়েবসাইটগুলি সাফল্যের জন্য অপরিহার্য। কর্মক্ষমতাকে অগ্রাধিকার দিয়ে, আপনি ব্যবহারকারীর ব্যস্ততা উন্নত করতে পারেন, রূপান্তর হার বাড়াতে পারেন এবং শেষ পর্যন্ত বিশ্বব্যাপী আপনার ব্যবসায়ের লক্ষ্য অর্জন করতে পারেন। প্রতিটি মিলিসেকেন্ড গণনা করা হয় এবং সর্বোত্তম ওয়েবসাইটের কর্মক্ষমতা অর্জনের জন্য উপযুক্ত সিএসএস পার্জিং একটি মৌলিক পদক্ষেপ।

অতিরিক্ত সম্পদ

• টেইলউইন্ড সিএসএস ডকুমেন্টেশন: প্রোডাকশনের জন্য অপ্টিমাইজ করা
• PurgeCSS ডকুমেন্টেশন