Массовый поиск ресурсов, которые не используются ни в одном из URL-адресов, прошедших массовое тестирование, или только на нескольких типах страниц.

Вы хотите найти неиспользуемые CSS и Javascript и выбросить их, потому что они улучшают скорость и, например, упоминается в PageSpeed ​​Insights

Вы, наверное, знаете отчет об охвате в Chrome. С помощью этого инструмента вы можете найти неиспользованные активы в%.

Здесь тоже (это еще один проект, связанный с web Vitals и Puppeteer), если у вас несколько типов страниц, не сразу понятно, какие файлы CSS и JavaScript на 100% не используются на всех подстраницах. Вы должны использовать отчеты о покрытии по нескольким URL-адресам. Кукловод может автоматизировать и массово протестировать это.

Это особенно интересно, я думаю, с быстрым и грязным комплектом Wordpress с многоцелевой темой и множеством плагинов. В этих случаях вы часто обнаружите, что многие скрипты включены, но никогда не используются.

Автоматические отчеты о покрытии для нескольких URL-адресов

Puppeteer идеально подходит для поиска покрытия для нескольких URL-адресов. Вот небольшой сценарий, как это сделать



Подробнее о: https://pptr.dev/#?product=Puppeteer&version=v3.3.0&show=api-class-coverage

Результаты сценария

Сценарий создает CSV-файл с url, url ресурса и unused%. Сводная таблица с row = url ресурса создаст что-то вроде этого:

Отсортировано по среднему проценту неиспользованных. Таким образом, 100% говорит нам, что файл вообще не использовался в 12 проверенных URL. В качестве продолжения я бы использовал все активы, которые я действительно контролирую в моем домене (желтый) + те, которые были обнаружены на всех протестированных 12 URL-адресах (оранжевый).

С быстрым и грязным Wordpress может случиться так, что вы найдете много 100% неиспользуемых файлов. Более профессиональная установка выглядит примерно так:

Для blick.ch много неиспользуемого внешнего материала.

Неиспользованная дисперсия

Также интересно проверить неиспользованную дисперсию:

Не вдаваясь в подробности, выделенная строка показывает, что в среднем использовалось 36% кода JavaScript. Но был по крайней мере один проверенный URL (из 19), где использовалось 75% Javascript. Так что это может быть интересный файл для разделения, условной загрузки и точной настройки приоритетов загрузки.