Как исправить ошибку в pagespeed?

Question

[pchela95]

Answer 1

[galaxy]

Во-первых, это не ошибка, а рекомендация, причем довольно бестолковая.
Удовлетворить pagespeed можно:
1. отложив загрузку стилей (вниз страницы или асинхронно через JS)
2. заинлайнив их
3. выделив существенные правила именно для данной страницы и загружать только их.

1 - покажет (и будет показывать всегда) нестилизованную страницу до полной прогрузки.
2 - тоже тупой способ, ибо придется каждую страницу раздувать, вместо того, чтобы один раз положить стили в кеш.
3 - геморно. Не, так-то этот путь хорош, но у вас там 12кБ стилей - из-за такой мелочи огород разводить?

Объедините стили в один файл, минифицируйте, сожмите brotli (или от чего там гугл сейчас оргазмирует). И забейте на pagespeed

Comments

[pchela95]

galaxy, будет значительно больше 12кБ

[galaxy]

pchela95, тогда путь 3 - выделите основные правила в отдельный файл и его грузите в шапке, остальное - в подвал

Answer 2

[Павел]

<link rel="preload" as="style" ......

Comments

[pchela95]

Павел, так тогда не будут стили работать, шрифты

<link rel="preload" href="fonts/fonts.css">
        <link rel="preload" href="css/swiper-bundle.min.css">
		<link rel="preload" href="css/style.css">

[Павел]

Консоль смотрите, у вас ошибка, вы написали не так, как я вам советовал

[pchela95]

Павел, вот так тоже не работает

<link rel="preload" as="style" href="fonts/fonts.css">
        <link rel="preload" as="style" href="css/swiper-bundle.min.css">
		<link rel="preload" as="style" href="css/style.css">

Answer 3

[SagePtr]

Вы для людей делаете страницу, а не для PageSpeed. Если у реального посетителя 12кб грузятся больше секунды - то он на любом сайте заметит притормаживание интернета, а не только на вашем.

Comments

[pchela95]

SagePtr, тоесть плохая верстка или что? не совсем пойму