Минимизировать/оптимизировать/высушить документ с помощью встроенных стилей 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 со всеми братьями и сестрами, а фрагменты, общие для всех братьев и сестер, перемещаются от братьев и сестер к их родителю.