Созданный вами сайт будет постоянно расширяться, и однажды вы поймете, насколько это сложно.
Если вы уже столкнулись с этой проблемой, проверьте свой код и оптимизируйте его. Мы подобрали 15 инструментов, которые помогут вам в этом. Некоторые из них помогают уменьшить размер файлов в , другие — улучшить производительность страницы в .
1. тип-о-матика
Type-o-matic 1. в.Firebug.-плагин, позволяющий анализировать шрифты, используемые на страницах вашего сайта. Плагин выводит табличный отчет, содержащий информацию о свойствах используемых шрифтов (например.семья, размер, цвет и т.д.).
Отчет представлен в табличном формате, но вы можете легко отредактировать этот список, объединив или удалив шрифты похожего стиля.
2.CSSCSS
Этот инструмент анализирует дубликаты файлов. Это уменьшает их размер и значительно облегчает последующее редактирование. Он реализован как пакет расширения к CSSCSS и запускается из командной строки.
3.CSS Lint.
Этот инструмент помогает найти проблемы в коде. Он проверяет базовый синтаксис стиля и применяет набор правил к подозрительному коду. Все правила являются съемными и могут быть легко изменены.
4.CSS Цветная гвардия.
Часто вы сталкиваетесь с клиентами, которые хотят использовать цвета, о существовании которых вы даже не подозревали.Цветная гвардия CSS. CSS Colourguard поможет вам создать цветовую схему и предупредит вас, если вы используете два одинаковых цвета.
5. css dig.
CSS Dig. Сценарий, написанный на —.Питон.Он запускается локально и может анализировать свойства и значения практически любого веб-сайта, независимо от того, находится ли стиль в отдельном файле или в коде страницы. Этот инструмент также помогает вносить изменения в код, стандартизировать и оптимизировать его.
6. вытирать пыль
Вытри меня. — Подключаемый модульFirefox иОпера.Это удаляет неиспользуемые селекторы из таблицы стилей. Инструмент извлекает весь сайт и показывает используемые и ненужные селекторы.
7. devilo.us
Devilo.us. — Усовершенствованный механизм сжатия и оптимизации кода. В настоящее время поддерживаются.
8.Очищение CSS
Этот инструмент помогает удалить неиспользуемые стили со страницы веб-сайта или веб-приложения. Он также может обнаруживать динамически загружаемые -селекторы в коде JavaScript, значительно уменьшая размер файлов стилей.
9. Индивидуальный CSS
Индивидуальная CSS Помогает сжимать отдельные файлы CSS. Оптимизирует скорость загрузки страниц, устраняет зависимости и многое другое.
10.Чистый CSS
Чистый CSS Это многофункциональный оптимизатор. Этот инструмент берет код и делает его чище и меньше по размеру. Он может оптимизировать код, написанный на разных языках.JavaScript, , Pythonи т.д.
11. pub CSS
Этот инструмент позволяет легко форматировать страницы академических публикаций. Это библиотека стилей для форматирования документов для печати и публикации в Интернете.
12.CSSO
CSSO (оптимизатор CSSO) ¬- CSSO (CSSO) — это инструмент для оптимизации структуры файлов.
13. солнце
Гелий. — это инструмент, который обнаруживает неиспользуемые свойства на всех страницах веб-сайта. На основеJavaScript Он работает непосредственно в браузере.Гелий. Он получает список адресов разделов сайта, анализирует каждую страницу и составляет список всех стилей. Затем найдите все неиспользуемые свойства.
14. удалить комментарии
Комментирование полос CSS Значительно облегчает выполнение таких задач, как удаление комментариев из файлов, уменьшение размера файла и т.д. Он также доступен в качестве плагина дляОчки/Исаки/Брокколи..
15. сокращение css
Этот инструмент позволяет легко оптимизировать файлы, сохраняя согласованность разметки и форматирования. Существуют различные инструменты для удаления пробелов и комментариев в документе.
