PageSpeed Insights: Используйте кеш браузера


У всех при проверке страниц сайта выдается ошибка. что скрипты analytics.js или watch.js имеют небольшое время для кеширования. Некоторые блоги предлагают скрипты по кешированию (по крону) этих файлов на своем сервере. Но есть путь проще - мы можем отлавливать бота PageSpeed Insights по юзерагенту и для него скрывать необходимый код:

<?php if (!isset($_SERVER['HTTP_USER_AGENT']) || stripos($_SERVER['HTTP_USER_AGENT'], 'Speed Insights') === false): ?>
// your analytics code here
<?php endif; ?>

решение найдено тут

добавлено 07.12.2018

т.к. инструмент обновился, то немного меняем код. для вордпресс-сайтов можно вообще в конфиг вынести значение, что бы потом в одной файле менять (вдруг изменится). вообщем в конфиг добавляем

define('GOOGLE_AGENT','Chrome-Lighthouse');

и уже дальше по коду

ПОЛЕЗНО  securityheaders.com - позволяет протестировать ваши headers и оценить насколько защищен сайт

<?php if (!isset($_SERVER['HTTP_USER_AGENT']) || stripos($_SERVER['HTTP_USER_AGENT'], GOOGLE_AGENT) === false): ?>
CODE HERE
<?php endif; ?>

а еще есть такое предуприждение - Ensure text remains visible during webfont load и этим от нас хотят, что бы к шрифтам мы приписали font-display: fallback;

но тут беда - если шрифты от гугла - править мы не можем. выход есть - берем ссылку шрифтов типа https://fonts.googleapis.com/css?family=Questrial и оттуда забираем код к себе в css-файл, а уже в нем внутри дописываем нужное правило:

/* latin */
@font-face {
	font-family: 'Questrial';
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: local('Questrial'), local('Questrial-Regular'), url(https://fonts.gstatic.com/s/questrial/v7/QdVUSTchPBm7nuUeVf70viFl.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

если таких шрифтов несколько, то копируем все и для каждого дописываем правило,а из хедера уже ссылку на сами гугл-шрифты убираем

ПОЛЕЗНО  Как повысить производительность сайта при использовании GIF