Гугл дает вредные советы?

#html #css #оптимизация #google #pagespeed_insights

Читал статьи гугла по оптимизации страниц для ускорения загрузки и наткнулся на интересный
пример здесь: 
https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#example


  
    
    
  
    

      Hello, world!
    
  




 назодится за тегом 

Что это? Опечатка или так делать нормально?
    

Ответы

Ответ 1

Это не вредный совет. Метатег link особенно с объемным css-файлом, размещенный там
где он должен быть (в секции head) откладывает рендер станицы до полной загрузки css.
В коде примера сделаны 2 вещи:
1. В head размещен inline-css. Это методика называется critical path css и позволяет
отобразить правильно или почти правильно первую 1000 пикселей страницы.
2. Откладывает загрузку полного файла стилей почти до конца рендера страницы.
Второй момент да, не соответствует спецификации, но это легко исправить заменив его
простым js-кодом, добавляющим в секцию head тег link c полным css.


Ответ 2

В английской версии этой статьи, видимо более новой, отображается весьма отличающийся
пример:


  
    
    
  
    

      Hello, world!