Оптимизация загрузки сайта для мобильных устройств


http://youtu.be/YV1nKLWoARQ
Слайды:https://docs.google.com/presentation/d/1IRHyU7_crIiCjl0Gvue0WY3eY_eYvFQvSfwQouW9368/present

Основные вещи:

  • В идеале надо стараться уложиться в 14 кБ для отрисовки первичной страницы (хотя бы для основного макета со стилями). При этом стили для этого сделать встраиваемыми, т.к. для избежания FOUC (flash of unstyled content) браузер ждет догрузки css и только после этого начинает отрисовывать страницу.
  • Javascript стараться грузить уже после отрисовки странцы
  • Для выяснения проблем можно воспользоваться Google Chrome Dev Tools → Audits или сервисом PageSpeed Service, который пропустит через сервера Google страницу и выдаст код, в котором нужные стили будут встроены в страницу
  • Можно воспользоваться модулями для Apache и nginx, которые также встроят нужные стили прямо в страницу (https://docs.google.com/presentation/d/1IRHyU7_crIiCjl0Gvue0WY3eY_eYvFQvSfwQouW9368/present#slide=id.gec17ded7_091)

LEAVE A COMMENT