Дамы и господа, извиняюсь за мой французский, но у меня знатно пригорает! Проверяю сайт (конкурсный, там все оптимизировано по максимуму) в Google PageSpeed Insignts и он мне выдает не 100 из 100, как я ожидал, а 82 из 100 (для мобильных) и 92 из 100 (для десктопов). Как так?
Предложение по оптимизации:
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
CSS файл у меня один, оптимизированный и сжатый, подключаетя в <head></head> (ну как обычно).
И что они предлагают? Полностью мануал тут: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery. Я же скопирую оттуда самый пиздец.
<html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css">
Куда они, блять, засунули link! Валидацию такая страница, естественно, не пройдет. Потом если .blue используется только на одной странице, то это ладно. А если на каждой? Тогда лучше вынести эти стили в отдельный файл. Я не пробовал, но, думаю, что этот сервис начнет ругаться и на него.
Чтобы пройти валидацию, можно добавлять link с помощью JavaScript, а link, который в head, заключить вовнутрь <noscript></nosript> (на случай, еcли в браузере не работает JS, пробовал, с HTML5 такое прокатывает). Это конечно, долбоебизм, но буду делать так. Нет, все-таки пошли они на хуй.
Еще предложение:
Используйте кеш браузера
Тут мой косяк, не уследил, буду исправлять. Исправил много, но сервис доёбывается до Яндекс.Метрики:
https://mc.yandex.ru/metrika/watch.js (60 минут).
Еще, наверное, буду оптимизировать бэкенд, там со скоростью и так все хорошо, но есть возможность еще ускорить.
А вообще лучше ссылки покупать, а не задротствовать над внутренней оптимизацией, она и так на высоком уровне.
Дмитрий 7.01.2018 в 0:48
Да, с этими багами Google уже сталкивался не раз, поэтому “по совету друзей”))) решил благополучно забить на эти все тестеры продвинутые