Оптимизация Drupal 8. Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

Главные вкладки

Аватар пользователя tlito tlito 6 июня 2016 в 1:22

Google рекомендует CSS-код вставлять непосредственно внутрь html-кода страниц, а не подгружать ссылкой на файл (link rel...).
Или он рекомендует только часть, отвечающую за отображение заголовка, включить в html-код, а остальную часть CSS-кода подключить ссылкой.

Подскажите, как в Друпал 8 можно в теме вывести все или только 1 css-файл непосредственно в коде страницы?
- Как я понимаю, нужно править файл templates/html.html.twig и в область head вставить код чтения содержимого css-файла и вывода его. Умеет ли то делать twig?

А также интересует как сжимать css и html?

Комментарии

Аватар пользователя Mihail.space Mihail.space 6 июня 2016 в 20:54

Интересно, а сам гугл как верстает?...риторисски )
Пока свою тему верстаешь, для удобства создавай столько файлов, сколько тебе нужно. Для layout, field, views, forms, blocks... и т.д.
По окончании верстки сохраняешь себе копию темы для правок в будущем, если захочется, а в теме на готовом сайте копируешь все стили из файлов стилей в один файл и его один оставляешь в теме. После этого содержимого этого файла вставляешь в компрессор или онлайн компрессор типа- http://csscompressor.com/. Сжимаешь все стили- они после сжатия станут нечитабельными в одну строку и вставляешь сжатые стили в свой css файл.
И гугл улыбнётся. Чуть чуть )