PageSpeedTestСледующим шагом стало принятие мер по ускорению загрузки страниц, а так же исправлению других различных неприятностей.
Для решения задач начал с теста на google pagespeed insights. В целом неплохие результаты для мобильных устройств(75%), ещё лучше(88%) для ПК и ноутбуков. Не зря мы до этого старались!

Однако ряд проблем был обнаружен:

Скорость

Should Fix:

Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

Consider Fixing:

Используйте кэш браузера

Сократите время ответа сервера

Оптимизируйте изображения

Удобство для пользователейБЕТА

Consider Fixing:

Size content to viewport

Size tap targets appropriately

И так начнём с удобства для пользователей:

Заголовок не помещается в пределы дисплея. Кнопки или ссылки слишком близко друг к другу, что может вызвать дискомфорт при нажатии, и размеры текста в полях ввода делают его малочитабельным.

Но эти проблемы мы решим потом, на этапе переработки дизайна. Так что сосредоточимся на программных проблемах:

  • js и css файлы лучше объединять в единые файлы или максимально сокращать их количество, короткие блоки лучше напрямую интегрировать в страницу;
  • рекомендуется устанавливать кэш на файлы хотя бы в полгода;
  • укажите валидатор кэша;
  • укажите заголовок Vary: Accept-Encoding;
  • время ответа от сервера сейчас 0,37с , при рекомендуемом google 0,2с и ниже;
  • разного рода оптимизация изображений позволит уменьшить трафик.

 Что касается данного списка, то интеграция и сокращение js и css так же отлагаются до переверстки сайта.
Остальные правки начнем вносить уже сейчас, однако этого будет слишком много для одной статьи, так что будем двигаться поэтапно:

Вернемся к нашему .htaccess

рекомендуется устанавливать кэш на файлы хотя бы в полгода; укажите валидатор кэша; укажите заголовок Vary: Accept-Encoding

Выжмем максимум из графики

разного рода оптимизация изображений позволит уменьшить трафик и не только

А все ли брать из коробки?

время ответа от сервера сейчас 0,37с , при рекомендуемом google 0,2с и ниже