Сокращение объема ресурсов

Когда PageSpeed Insights обнаруживает, что размер ресурсов можно уменьшить, то выдает сообщение - "Сократите объем ресурсов (HTML, CSS и JavaScript)".

Размер ресурса можно уменьшить, удалив ненужные данные, например комментарии, лишние пробелы, переносы строк и отступы. Сократив код вы ускорите загрузку, синтаксический анализ и отображение страницы.

Headers

Избыточные данные можно найти даже в заголовках ответа сервера. Например, можно отключить подпись сервера (заголовок Server) в .htaccess:

ServerSignature Off

также можно убрать заголовок X-Powered-By, для этого нужно изменить значение переменной в конфигурационном файле php.ini

expose_php = Off

Заголовок X-Powered-CMS обычно устанавливается в коде CMS.

HTML

В первую очередь убедитесь, что в коде нет комментариев большого объема. В блоке head могут выводится служебные мета-теги, вывод которых можно отключить. Например:

<meta name="generator" content="WordPress 3.0.1" /> <!-- leave this for stats -->
<meta name="author" content="John Doe">
<meta name="application-name" content="application-name">

Если CMS использует шаблонизатор Smarty, то можно обернуть шаблоны в конструкцию:

See the Pen gxzXNP by George Wise (@ink-jet) on CodePen.

В шаблонизаторе twig есть аналогичная конструкция:

See the Pen OjZOYX by George Wise (@ink-jet) on CodePen.

CSS

Чтобы уменьшить объем CSS, используйте инструменты YUI Compressor и cssmin.js. Подробнее об этом можно прочитать в разделе - "оптимизация CSS".

JS

Для оптимизации JavaScript можно использовать Closure Compiler, JSMin или YUI Compressor. Можно загружать скрипты по расписанию, переименовывать файлы и сохранять их в рабочий каталог. Подробнее об этом можно прочитать в разделе - "оптимизация JS".

Дополнительные рессурсы:

• Документация на developers.google.com