Обработчик Coverage для чистки кода

a159cm
На сайте с 12.04.2020
Offline
46
285
Есть много сайтов на wordpress где нужно почистить css и js от неиспользуемого кода. Может есть готовые решения, для обработки файла json из панели Coverage в хроме? Гуглил нашел код на node js, но с этим языком не знаком, как его запускать и как с ним работать не знаю.. Объем большой, вручную долго.

https://weisser-dev.github.io/devtools-coverage-extractor/
https://nachovz.github.io/devtools-coverage-css-generator/

нашел сервисы для расшифровки, но в первом css и js, во 2 только css, как я понял при экспорте в покрытии, в json экспортируются все и css и js со всех файлов, и на выходе получается все в кучу или нет? а как с расшифрованными данными дальше работать?


например сайт 0809.ml

ProSalsk.ru
Елена П.
На сайте с 02.10.2020
Offline
43
#1
a159cm :
Есть много сайтов на wordpress где нужно почистить css и js от неиспользуемого кода. Может есть готовые решения, для обработки файла json из панели Coverage в хроме? Гуглил нашел код на node js, но с этим языком не знаком, как его запускать и как с ним работать не знаю.. Объем большой, вручную долго.

https://weisser-dev.github.io/devtools-coverage-extractor/
https://nachovz.github.io/devtools-coverage-css-generator/

нашел сервисы для расшифровки, но в первом css и js, во 2 только css, как я понял при экспорте в покрытии, в json экспортируются все и css и js со всех файлов, и на выходе получается все в кучу или нет? а как с расшифрованными данными дальше работать?


например сайт 0809.ml

Я бы не рисковала. Пользовалась подобными сервисами, как итог - все восстанавливала, поскольку media в css не учитывалось.   По js - , там тем более - лучше вручную.

a159cm
На сайте с 12.04.2020
Offline
46
#2
Елена П. #:

Я бы не рисковала. Пользовалась подобными сервисами, как итог - все восстанавливала, поскольку media в css не учитывалось.   По js - , там тем более - лучше вручную.

45к строк чистить только в 1 файле не сильно хочется ручками)

в итоге вы ничего не нашли стоящего?

Елена П.
На сайте с 02.10.2020
Offline
43
#3
a159cm #:
ничего

Нет, ничего не нашла. 

LEOnidUKG
На сайте с 25.11.2006
Offline
1745
#4
У меня есть такой скрипт локальный, в итоге забил. Это мёртвяк т.к. надо учитывать все страницы и с каждой собирать  Coverage , всё это совмещать и потом в конце удалить пару правил. Не стоит оно того. Лучше делать перевёрстку с какой-то пользой или жить с тем, что есть.
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Aisamiery
На сайте с 12.04.2015
Offline
298
#5
Надо переводить на современные рельсы фронт. Например какой нибудь nuxtjs отдает css и js только тех компонентов, которые рендерят текущую страницу. Остальное это ещё тот гемор, надо все равно подключать вэбпак, на каждую страницу делать свою entry point и потом уже юзать модули которые вычищают и оставляют только используемое на странице и на каждой странице подключать свою пару файлов.... короче неоправданный гемор, проще сайт перевести на api first + ssr/spa
Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS
Елена П.
На сайте с 02.10.2020
Offline
43
#6
LEOnidUKG #:
У меня есть такой скрипт локальный, в итоге забил. Это мёртвяк т.к. надо учитывать все страницы и с каждой собирать  Coverage , всё это совмещать и потом в конце удалить пару правил. Не стоит оно того. Лучше делать перевёрстку с какой-то пользой или жить с тем, что есть.

Я 3/4  сss файла почистила.  Первый экран заметно сильно быстрее загружается. 

W1
На сайте с 22.01.2021
Offline
305
#7
Елена П. #:

Я 3/4  сss файла почистила.  Первый экран заметно сильно быстрее загружается. 

Никто ж с этим не спорит. Вопрос в размере файлов, в количестве страниц на сайте  и в том, насколько интерактивен сайт.

Мой форум - https://webinfo.guru –Там я всегда на связи

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий