Живой оптимизатор стилей и скриптов

L
На сайте с 01.02.2011
Offline
128
201

Ранее у гугловского спидтеста была возможность "оптимизировать" css и js файлы.
В последствии функция вроде как отвалилась, но api вроде как остались.

Отсюда 2 вопроса:
1) Есть ли еще живой сервис, который исполняет эту процедуру?
У меня на примете только http://speed.devs.mx/ но работает он как то криво.

2) Что вообще происходило в процессе оптимизации этих файлов гуглом?
Стирались пробелы, комментарии,  лишние точки с запятой? или что то еще?
Потому что сокращение по объему было прям солидное.

makr
На сайте с 30.11.2020
Offline
4
#1
Linblack :
Стирались пробелы, комментарии,  лишние точки с запятой? или что то еще?

В css — да. А вот в скриптах меняются названия переменных, оптимизируются операции и структура. Гугл здесь не панацея — любого онлайн-сервиса будет достаточно:

https://jscompress.com/

https://www.cleancss.com/css-minify/

L
На сайте с 01.02.2011
Offline
128
#2
makr #:

В css — да. А вот в скриптах меняются названия переменных, оптимизируются операции и структура. Гугл здесь не панацея — любого онлайн-сервиса будет достаточно:

https://jscompress.com/

https://www.cleancss.com/css-minify/

по поводу скриптов - это безопасно? можно быть уверенным что оптимизация не повлияет на корректность работы?

dma84
На сайте с 21.04.2009
Offline
168
#3
makr #:

В css — да.

Неужели?

А как же замена цветов #FF0000 => #F00, замена margin/padding на короткие записи? Объединение атрибутов (например: font-family, font-size, font-weight или background-*), удаление единиц измерений у нулевых значений?

Удаление повторяющихся атрибутов и т.д. и т.п. Обычной заменой пробелов и точек с запятой дело не ограничивается.

L
На сайте с 01.02.2011
Offline
128
#4
dma84 #:

Неужели?

А как же замена цветов #FF0000 => #F00, замена margin/padding на короткие записи? Объединение атрибутов (например: font-family, font-size, font-weight или background-*), удаление единиц измерений у нулевых значений?

Удаление повторяющихся атрибутов и т.д. и т.п. Обычной заменой пробелов и точек с запятой дело не ограничивается.

теперь интересно - делает ли предоставленный выше сервис все эти вещи?
dma84
На сайте с 21.04.2009
Offline
168
#5
Linblack #:
теперь интересно - делает ли предоставленный выше сервис все эти вещи?

Раньше пользовался отдельным сервисом, потом он устарел, т.к. работал только с CSS2.0, больше подобного не видел и не искал.

Навскидку вот https://cssportal.com/css-optimize/, но я не проверял.

CSS Optimizer: Online Tool to Clean, Optimize and Compress CSS Code - CSS Portal
CSS Optimizer: Online Tool to Clean, Optimize and Compress CSS Code - CSS Portal
  • cssportal.com
CSS Optimiser - CSS Portal Important Note: Your code should be well-formed. This is not a css validator which points out errors in your CSS code. To make sure that your code is valid, use the CSS Validator. - This tool has been updated to work better with CSS3 properties!
makr
На сайте с 30.11.2020
Offline
4
#6
dma84 #:
Неужели?

Из контекста-то не вырывайте. Говорили о сервисах, а не об исчерпывающем перечне оптимизации — здесь, конечно, ваша правда, но и список этот можно в таком случае продолжать и продолжать, особенно на стыке с чистотой написания кода. Хотя, конечно, стоит отметить, что конкретно упомянутый вами сервис сокращает нулевые единицы измерения и цвета.

Linblack #:
по поводу скриптов - это безопасно? можно быть уверенным что оптимизация не повлияет на корректность работы?

В теории — нет, не абсолютно безопасно: гарантий никаких нет. Кроме того, для человека с начальными знаниями код становится труднее разобрать. Но на практике сервис справляется: на личных проектах пока еще нигде ошибок не возникало. В любом случае, делать бэкапы здесь обязательно. 

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