বড় / পুরানো সিএসএস ফাইলগুলি রিফ্যাক্টরিং


13

আমি বর্তমানে একটি 100,000 পৃষ্ঠার ওয়েবসাইটে কাজ করছি, বর্তমান নকশাটি 5 বছরেরও বেশি সময় ধরে রয়েছে এবং ক্রমাগত আপডেটগুলি চারটি 12,000+ লাইন সিএসএস ফাইলের ফলস্বরূপ।

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

আমরা হ্রাস করতে পারি, তবে এটি সত্যিই সমস্যাটি মোকাবেলা করছে না, কেবল অনিবার্য পুনরায় কাজটি বিলম্ব করছে।

সুতরাং তিনটি প্রশ্নই কি এখানে কোনও সরঞ্জাম আছে ...

  • বড় সিএসএস ফাইল ডি-নকল করছেন?
  • সাইট স্ক্যান এবং লগিং সিএসএস ক্লাস এবং আইডি ব্যবহার?
  • এই ধরণের স্ক্যানিং কোনও ধরণের স্ক্রিপ্ট দিয়ে অর্জন করা যেতে পারে, গ্রিসমোনকি হয়তো?

উত্তর:


17

http://unused-css.com/ আপনি যা জিজ্ঞাসা করেন তার কিছু করে এবং তাদের এইটি বলে: -

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

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

লিকুইডসিটি সিএসএস ক্লিনার এমন একটি পিএইচপি স্ক্রিপ্ট যা কোনও পৃষ্ঠার শৈলীগুলি পরীক্ষা করতে নিয়মিত এক্সপ্রেশন ব্যবহার করে। এটি আপনাকে এমন ক্লাসগুলি বলবে যা এইচটিএমএল কোডে নেই। আমি এই সমাধানটি পরীক্ষা করিনি।

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

হেলিয়াম সিএসএস একটি ওয়েব সাইটে বহু পৃষ্ঠায় অব্যবহৃত সিএসএস আবিষ্কার করার জন্য একটি জাভাস্ক্রিপ্ট সরঞ্জাম। আপনি প্রথমে জাভাস্ক্রিপ্ট ফাইলটি সেই পৃষ্ঠাটিতে ইনস্টল করতে হবে যা আপনি পরীক্ষা করতে চান। তারপরে, পরিষ্কার শুরু করতে আপনাকে হিলিয়াম ফাংশনটি কল করতে হবে।

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

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

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.