15 инструментов для аудита и оптимизации кода CSS

Ссылочный блог

Созданный вами сайт будет постоянно расширяться, и однажды вы поймете, насколько это сложно.

Если вы уже столкнулись с этой проблемой, проверьте свой код и оптимизируйте его. Мы подобрали 15 инструментов, которые помогут вам в этом. Некоторые из них помогают уменьшить размер файлов в , другие — улучшить производительность страницы в .

1. тип-о-матика

1. тип-о-матика

Type-o-matic 1. в.Firebug.-плагин, позволяющий анализировать шрифты, используемые на страницах вашего сайта. Плагин выводит табличный отчет, содержащий информацию о свойствах используемых шрифтов (например.семья, размер, цвет и т.д.).

Отчет представлен в табличном формате, но вы можете легко отредактировать этот список, объединив или удалив шрифты похожего стиля.

2.CSSCSS

2. csscss

Этот инструмент анализирует дубликаты файлов. Это уменьшает их размер и значительно облегчает последующее редактирование. Он реализован как пакет расширения к CSSCSS и запускается из командной строки.

3.CSS Lint.

3.CSS Lint

Этот инструмент помогает найти проблемы в коде. Он проверяет базовый синтаксис стиля и применяет набор правил к подозрительному коду. Все правила являются съемными и могут быть легко изменены.

4.CSS Цветная гвардия.

4. Цветная гвардия УСС

Часто вы сталкиваетесь с клиентами, которые хотят использовать цвета, о существовании которых вы даже не подозревали.Цветная гвардия CSS. CSS Colourguard поможет вам создать цветовую схему и предупредит вас, если вы используете два одинаковых цвета.

5. css dig.

5. Копилка CSS

CSS Dig. Сценарий, написанный на —.Питон.Он запускается локально и может анализировать свойства и значения практически любого веб-сайта, независимо от того, находится ли стиль в отдельном файле или в коде страницы. Этот инструмент также помогает вносить изменения в код, стандартизировать и оптимизировать его.

ЧИТАТЬ ЕЩЁ:  Встречаем инструмент для анализа изображений Website Speed Test

6. вытирать пыль

6. вытирать пыль

Вытри меня. — Подключаемый модульFirefox иОпера.Это удаляет неиспользуемые селекторы из таблицы стилей. Инструмент извлекает весь сайт и показывает используемые и ненужные селекторы.

7. devilo.us

7. devilo.us

Devilo.us. — Усовершенствованный механизм сжатия и оптимизации кода. В настоящее время поддерживаются.

8.Очищение CSS

8. очистка CSS

Этот инструмент помогает удалить неиспользуемые стили со страницы веб-сайта или веб-приложения. Он также может обнаруживать динамически загружаемые -селекторы в коде JavaScript, значительно уменьшая размер файлов стилей.

9. Индивидуальный CSS

9. индивидуальный CSS

Индивидуальная CSS Помогает сжимать отдельные файлы CSS. Оптимизирует скорость загрузки страниц, устраняет зависимости и многое другое.

10.Чистый CSS

10. очистка CSS

Чистый CSS Это многофункциональный оптимизатор. Этот инструмент берет код и делает его чище и меньше по размеру. Он может оптимизировать код, написанный на разных языках.JavaScript, , Pythonи т.д.

11. pub CSS

11. pub CSS

Этот инструмент позволяет легко форматировать страницы академических публикаций. Это библиотека стилей для форматирования документов для печати и публикации в Интернете.

12.CSSO

12.CSSO

CSSO (оптимизатор CSSO) ¬- CSSO (CSSO) — это инструмент для оптимизации структуры файлов.

13. солнце

13. солнце

Гелий. — это инструмент, который обнаруживает неиспользуемые свойства на всех страницах веб-сайта. На основеJavaScript Он работает непосредственно в браузере.Гелий. Он получает список адресов разделов сайта, анализирует каждую страницу и составляет список всех стилей. Затем найдите все неиспользуемые свойства.

14. удалить комментарии

Комментирование полос CSS Значительно облегчает выполнение таких задач, как удаление комментариев из файлов, уменьшение размера файла и т.д. Он также доступен в качестве плагина дляОчки/Исаки/Брокколи..

15. сокращение css

15.CSS Shrink

Этот инструмент позволяет легко оптимизировать файлы, сохраняя согласованность разметки и форматирования. Существуют различные инструменты для удаления пробелов и комментариев в документе.

ЧИТАТЬ ЕЩЁ:  Браузер сообщает, что сайт ненадёжный – о чем это говорит
Оцените статью