Как избежать накопление неиспользуемого CSS-кода в ходе жизни сайта?

Question

[powercoder]

Как избежать накопление неиспользуемого CSS-кода в ходе жизни и развития сайта?
Имеется изначальная версия веб-сайта. По ходу его развития, A/B тестирования, экспериментов с блоками/трансформации внешнего вида блоков столкнулся с такой проблемой, что хочешь-не хочешь, но постепенно остаются рудименты в CSS-стилях от предыдущих подверсий сайта. Более того, некоторые классы встречаются несколько раз: ПК-версия, планшет, смартфон. Прошу советов и рекомендаций, заранее спасибо.

Comments

[rPman]

в программировании есть такое понятие - рефакторинг

необходимо периодически заниматься чисткой и изменением всего проекта с целью исключить повторения, не использованные классы и прочее

[powercoder]

rPman, как делать подобный рефакторинг на практике? Каждый класс искать на всех страницах с целью уточнения его актуальности? Есть ли автоматизация подобных процессов?

[rPman]

ну где то так, обычный поиск, иногда регулярками
может софт и есть который анализирует html но нужно понимать что веб сайты это не статичные страницы а код их генерации, поэтому универсального решения ожидать не стоит, ведь искать надо в этом коде

не в ответе потому что я этим не занимаюсь уже много лет, вполне возможно что ситуация стала иной и софт все же есть

[Дмитрий]

powercoder, нормальный подход к работе с фронтенд частью - снимет основную часть проблем

гуглите в сторону использования сторибука, компонентного подхода и прочего такого

[Viktor T2]

https://github.com/search?o=desc&q=unused+CSS&s=st...

Answer 1

[ThunderCat]

Как избежать накопление неиспользуемого CSS-кода в ходе жизни и развития сайта?

В общем случае - никак. Если не следить за привязкой кода к цсс в процессе изменения, то такая фигня будет накапливаться естественным образом.

Иногда помогает прогнать странички через пэйджспид, там обычно есть раздел - неиспользуемые стили. Выписываете для каждой типовой странички, потом сравниваете и ищете общие лишние стили.