CyberJun

Opportunities

• Создание структуры проекта

  Создаёт в корне папку assets, внутри неё папки css, img, svg, fonts, js;

  Переименовывает html-файл в index.html;

• Локальные подключения

  Ищет подключения файлов ссылками на сторонние ресурсы, скачивает файлы, складывает в подходящую папку и меняет путь подключения на локальный;

• Удаления мусора из html

  Находит все скрытые от пользователя стилями элементы и удаляет их из разметки;

  Удаляет пустые теги из разметки. Пустым считается тег, если он и его предки скрыты средствами css, там нет текста, нет видимых дочерних элементов, учитывает псевдоэлементы тега;

  Пустые кнопки без текста и иконок внутри удаляются;

  Элемент не будет удалён, если он или его дочерние элементы имеют абсолютное позиционирование;

• Удаление всех подключений скриптов, script и noscript с содержимым

• Удаление рекламных контейнеров

• Пересборка head

  Удаление всех meta тегов в разметке. После этого добавление 4 основных мета тега.;

  title и нужные link (фавикон, например) не удаляются;

• Объединение всех стилей в единый файл с названием style.css и в соответствующей директории. Подключение к проекту

  Содержимое всех стилевых файлов, подключенных в разметку ранее, переносится в этот файл. Старые подключения удаляются;

  Все стили из разметки в тегах style переносятся в единый файл стилей. Из разметки удаляются;

  Все inline стили из тегов удаляются. Вместо них элементу присваивается класс которому в общем стилевом файле прописываются свойства, которые были в inline;

  Стили переносятся в файл в том же порядке, в каком были подключены изначально;

• Удаление ненужных атрибутов

  Удаление data-* атрибутов, которые не участвуют в CSS;

  Удаление data-* с внешними URL;

  Удаление id, если они нигде не используются (ни в CSS, ни в href="#id");

  Не удаляются: важные атрибуты (href, src, alt, loading, sizes, aria-*, и т.п.);

• Нормализация подключений изображений

  Схлопывание picture → img;

  Убирает лишние srcset, оставляя простые src;