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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: Александр Косарев Категория: kosarev.by Опубликовано: 29 декабря 2013

• Назад
• Вперёд