কোনও প্রকল্পে অব্যবহৃত সিএসএস সংজ্ঞা সনাক্ত করতে সহায়তা করার জন্য কি কোনও ভাল পন্থা রয়েছে? একগুচ্ছ CSS ফাইল টানা হয়েছিল এবং এখন আমি কিছুটা পরিষ্কার করার চেষ্টা করছি।
কোনও প্রকল্পে অব্যবহৃত সিএসএস সংজ্ঞা সনাক্ত করতে সহায়তা করার জন্য কি কোনও ভাল পন্থা রয়েছে? একগুচ্ছ CSS ফাইল টানা হয়েছিল এবং এখন আমি কিছুটা পরিষ্কার করার চেষ্টা করছি।
উত্তর:
Https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ এ ফায়ারফক্সের এক্সটেনশন ডাস্ট-মি একবার দেখুন ।
ক্রোম বিকাশকারী সরঞ্জামগুলির একটি অডিটস ট্যাব রয়েছে যা অব্যবহৃত সিএসএস নির্বাচকগুলি প্রদর্শন করতে পারে।
ওয়েব পেজ পারফরম্যান্সের অধীনে নিরীক্ষণ চালান, অব্যবহৃত সিএসএস বিধিগুলি সরান দেখুন
আমি এই সাইটটি সবেমাত্র পেয়েছি - http://unused-css.com/
দেখতে দুর্দান্ত লাগছে তবে আমার যে কোনও সাইটে এটি আপলোড করার আগে আমার এর আউটপুটযুক্ত 'ক্লিন' সিএসএসের পুঙ্খানুপুঙ্খভাবে পরীক্ষা করা দরকার।
এছাড়াও এই সমস্ত সরঞ্জামগুলির সাথে আমার এটি পরীক্ষা করা দরকার যে এটি স্ট্রিপ আইডি এবং ক্লাসে স্টাইল নেই তবে জাভাস্ক্রিপ্ট নির্বাচক হিসাবে ব্যবহৃত হয়।
নীচের বিষয়বস্তু http://unused-css.com/ থেকে নেওয়া হয়েছে, তাই অন্যান্য সমাধানের প্রস্তাব দেওয়ার জন্য তাদের credit ণ দিন :
অবহেলিত সিএসএস ক্লাসগুলি সন্ধান এবং অপসারণের জন্য ল্যাটিশ শেগাল একটি উইন্ডোজ অ্যাপ্লিকেশন লিখেছেন। আমি এটি পরীক্ষা করেছি না তবে বর্ণনা থেকে, আপনাকে আপনার এইচটিএমএল ফাইল এবং একটি সিএসএস ফাইলের পথ সরবরাহ করতে হবে। প্রোগ্রামটি তখন অব্যবহৃত সিএসএস নির্বাচকদের তালিকাভুক্ত করবে। স্ক্রিনশট থেকে দেখে মনে হচ্ছে এই তালিকাটি রফতানি করার বা কোনও নতুন পরিষ্কার সিএসএস ফাইল ডাউনলোড করার কোনও উপায় নেই। দেখে মনে হচ্ছে পরিষেবাটি কোনও একটি সিএসএস ফাইলে সীমাবদ্ধ। আপনার যদি একাধিক ফাইল পরিষ্কার করতে চান তবে আপনাকে সেগুলি একে একে পরিষ্কার করতে হবে।
ডাস্ট-মি নির্বাচকগুলি একটি ফায়ারফক্স এক্সটেনশন (v1.5 বা তার পরে জন্য) অব্যবহৃত সিএসএস নির্বাচনকারীদের সন্ধান করে। এটি আপনি যে পৃষ্ঠাতে দেখছেন সেটির সমস্ত স্টাইলশিট থেকে সমস্ত নির্বাচককে বের করে, তারপরে কোনটি নির্বাচক ব্যবহার করা হয়নি তা দেখার জন্য সেই পৃষ্ঠাটি বিশ্লেষণ করে। এরপরে ডেটা সংরক্ষণ করা হয় যাতে পরবর্তী পৃষ্ঠাগুলি পরীক্ষা করার সময়, নির্বাচকরা সম্মুখীন হওয়ার সাথে সাথে তালিকাটি ছাড়িয়ে যেতে পারে। এই সরঞ্জামটি একটি সম্পূর্ণ ওয়েবসাইট মাকড়সা করতে সক্ষম হবে বলে মনে করা হচ্ছে তবে আমি দুর্ভাগ্যবশত এটি কার্যকর করতে পারলাম। এছাড়াও, আমি বিশ্বাস করি না যে আপনি মুছে ফেলা শৈলীগুলির সাথে সিএসএস ফাইল কনফিগার করতে এবং ডাউনলোড করতে পারবেন।
টপ স্টাইল হ'ল উইন্ডোজ অ্যাপ্লিকেশন যা সিএসএস সম্পাদনা করার জন্য অনেকগুলি সরঞ্জাম সহ। আমি এটি খুব বেশি পরীক্ষা করিনি তবে দেখে মনে হচ্ছে এটিতে অব্যবহৃত সিএসএস নির্বাচনকারীদের অপসারণ করার ক্ষমতা রয়েছে। এই সফ্টওয়্যারটির দাম 80 মার্কিন ডলার।
লিকুইডসিটি সিএসএস ক্লিনার এমন একটি পিএইচপি স্ক্রিপ্ট যা কোনও পৃষ্ঠার শৈলীগুলি পরীক্ষা করতে নিয়মিত এক্সপ্রেশন ব্যবহার করে। এটি আপনাকে এমন ক্লাসগুলি বলবে যা এইচটিএমএল কোডে পাওয়া যায় না। আমি এই সমাধানটি পরীক্ষা করিনি।
ডেডওয়েট একটি সিএসএস কভারেজ সরঞ্জাম। স্টাইলশিটগুলির একটি সেট এবং ইউআরএলগুলির একটি সেট দেওয়া, এটি নির্ধারণ করে যে কোন নির্বাচক প্রকৃতপক্ষে ব্যবহৃত হয় এবং সেই তালিকাগুলি যা "নিরাপদে" মুছে ফেলা যায়। এই সরঞ্জামটি রুবি মডিউল এবং এটি কেবল রেল ওয়েবসাইটের সাথে কাজ করবে। অব্যবহৃত নির্বাচনকারীদের সিএসএস ফাইল থেকে ম্যানুয়ালি অপসারণ করতে হবে।
হেলিয়াম সিএসএস একটি ওয়েব সাইটে বহু পৃষ্ঠায় অব্যবহৃত সিএসএস আবিষ্কার করার জন্য একটি জাভাস্ক্রিপ্ট সরঞ্জাম। আপনি প্রথমে জাভাস্ক্রিপ্ট ফাইলটি সেই পৃষ্ঠাটিতে ইনস্টল করতে হবে যা আপনি পরীক্ষা করতে চান। তারপরে, পরিষ্কার শুরু করতে আপনাকে হিলিয়াম ফাংশনটি কল করতে হবে।
UnusedCSS.com হ'ল একটি সহজে ব্যবহারের ইন্টারফেস সহ ওয়েব অ্যাপ্লিকেশন। কোনও সাইটের ইউআরএল টাইপ করুন এবং আপনি সিএসএস নির্বাচকদের একটি তালিকা পাবেন। প্রতিটি নির্বাচকের জন্য, একটি সংখ্যা নির্দেশককে কতবার ব্যবহৃত হয় তা নির্দেশ করে। এই পরিষেবাটির কয়েকটি সীমাবদ্ধতা রয়েছে। @ ইমপোর্ট স্টেটমেন্টটি সমর্থিত নয়। আপনি নতুন ক্লিন সিএসএস ফাইলটি কনফিগার করতে এবং ডাউনলোড করতে পারবেন না।
সিএসএসইএস হ'ল একটি বুকমার্কলেট যা আপনাকে কোনও সাইটে অব্যবহৃত সিএসএস নির্বাচনকারীদের সন্ধান করতে সহায়তা করে। এই সরঞ্জামটি ব্যবহার করা বেশ সহজ তবে এটি আপনাকে পরিষ্কার সিএসএস ফাইলগুলি কনফিগার করতে এবং ডাউনলোড করতে দেয় না। এটি কেবল অব্যবহৃত সিএসএস ফাইল তালিকাভুক্ত করবে।
গুগল পেজ গতি আপনার জন্য এটি করতে পারে (কোন সিএসএস অপ্রয়োজনীয় তা কেবল আপনাকে বলার চেয়ে এটি পুরোপুরি আরও অনেক কিছু করে)। ফায়ারফক্সে এটি ফায়ারবগ অ্যাড-অন হিসাবে উপলব্ধ। তারপরে একটি অনলাইন সংস্করণও রয়েছে।
সি # ডাম্প রিলান্ড্যান্ট শৈলীতে একটি আরও ভাল সিএসএস মিনিফায়ার ;
আপনি এটি দিয়ে ডাস্ট-মি ব্যবহার করতে চান।
মনে রাখবেন, যদি এমন কোনও বিষয়বস্তু থাকে যা বর্তমানে ধূলো-আমার কাছে দৃশ্যমান না হয় তবে আপনার প্রয়োজনীয় স্টাইলগুলি ফেলে দিতে পারেন।
সম্পাদনা: লিঙ্কটি ভাঙ্গা হয়েছিল কিন্তু সংরক্ষণাগার.অর্গের পৃষ্ঠা এবং কোড উভয়ই রয়েছে।
কোন সিএসএসের বিধিগুলি আসলে ব্যবহৃত হয় তা দেখতে ফায়ারব্যাগ এক্সটেনশন।
সিএসএস ব্যবহার ফায়ারবাগের জন্য একটি এক্সটেনশন (যাতে ফায়ারব্যাগ ইনস্টল করা প্রয়োজন) যা আপনাকে অব্যবহৃত সিএসএস স্টাইলের নিয়মগুলি জানতে দেয়। এটি আপনি যে সিএসএস ব্যবহার করেন এবং না ব্যবহার করেন তা সনাক্ত করে। এটি আপনাকে অপ্রয়োজনীয় অংশগুলি কীভাবে সরানো যেতে পারে তা নির্দেশ করতে সক্ষম করে। আপনার সিএসএস ফাইলগুলি যথাসম্ভব লাইটওয়েট রাখতে আপনার অবশ্যই এই অ্যাড-অনটি ব্যবহার করা উচিত।
দেখে মনে হচ্ছে কেউ আবার নতুন নামে ফায়ারফক্সের সাথে কাজ করার জন্য ডাস্টমে সিলেক্টরকে আপডেট করেছে - 'সিএসএস রাউন্ডআপ' http://blog.brothersmorrison.com/?p=198
ব্যবহারের ইন্টারনেট এক্সপ্লোরার ডেভেলপার টুলবার , গুলি দেখুন> সিএসএস নির্বাচক মেলে : দেখুন সব শৈলী নিয়ম সেট এবং কতবার তারা বর্তমান পৃষ্ঠাতে ব্যবহৃত হয় একটি রিপোর্ট।
পরীক্ষা করে দেখুন ফায়ারফক্স জন্য Google- এর PageSpeed । এটি এটি করে এবং আরও অনেক বেশি বোঝা।
স্পষ্টতই একটি ক্রোম প্লাগইন পাশাপাশি চলছে।