Мой css на странице AMPed превышает 50 000 байт. Когда я искал решение этой проблемы, я нашел эту страницу cssminifier.com, но результат меня не удовлетворяет (CSS, по общему признанию, меньше, чем раньше, и сайт работает правильно, но он все еще далек от разрешенного размера).Как обрабатывать «стили стилей автора, указанные в теге»? Amp-custom «слишком длинный» в AMP?
Кто-нибудь знает об этом другом обходном пути?
Нет работы вокруг. По дизайну ваш CSS должен быть небольшим на страницах AMP. Вам нужно будет удалить некоторые правила, чтобы получить их до 50 КБ.
Мы автоматизируем это, используя critical node module.
Я обязательно посмотрю на это, спасибо! – pidabrow
Я использую gulp-purifycss, а не gulp-minify-css-names. С этими 2 вы сможете удалить неиспользуемые классы css, а также переименовать все имена css, чтобы сократить имена до (a0, a1, a2 и т. Д.)
Не обойти, я столкнулся с той же проблемой , поэтому я использовал minify. Лучшая практика заключается в том, чтобы сохранить файл minify вашего css и обычный файл. Вы можете включить php в соответствующий файл css. Всякий раз, когда вам нужно внести изменения, измените обычный файл и измените его. Minify будет сбивать между 10k и 20k. По крайней мере, это было для моей страницы.
Не писать безумно длинный CSS? – SLaks
@SLaks, вероятно, это не вариант в данном конкретном случае. – pidabrow
Используются ли все селекторы? Удалили ли вы раздувание? –