Минимизировать/оптимизировать/высушить документ с помощью встроенных стилей CSS

Есть ли какая-то библиотека/инструмент/алгоритм для оптимизации HTML-документа с помощью встроенных стилей CSS. Например, с заданным вводом:

      <div>
    <div>
        <span style="font-size:20px;">John</span>
        <span style="font-size:20px;">Doe</span>
    </div>
    <div>
        <span style="font-size:20px;">Frank</span>
        <span style="font-size:35px;">Westwood</span>
    </div>
    <div>
        <span style="font-size:20px;">Jane</span>
        <span style="font-size:25px;">River</span>
        Anonymous
    </div>
</div>

оптимизированный вывод должен быть:

      <div>
    <div style="font-size:20px;">
        <span>John</span>
        <span>Doe</span>
    </div>
    <div>
        <span style="font-size:20px;">Frank</span>
        <span style="font-size:35px;">Westwood</span>
    </div>
    <div>
        <span style="font-size:20px;">Jane</span>
        <span style="font-size:20px;">River</span>
        Anonymous
    </div>
</div>

где первый div с промежутками JohnDoe можно оптимизировать, а встроенные директивы с одинаковым размером шрифта 20px переместятся из span в родительский div. Но два других div не удалось оптимизировать из-за несоответствия размера шрифта или не стилизованного текстового узла (Anonymous).

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

0 ответов

Другие вопросы по тегам