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

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

В идеале надо стараться уложиться в 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)

Similar Posts