Быстрый сайт - теперь это про нас
Следующим шагом стало принятие мер по ускорению загрузки страниц, а так же исправлению других различных неприятностей.
Для решения задач начал с теста на 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 так же отлагаются до переверстки сайта.
Остальные правки начнем вносить уже сейчас, однако этого будет слишком много для одной статьи, так что будем двигаться поэтапно:
рекомендуется устанавливать кэш на файлы хотя бы в полгода; укажите валидатор кэша; укажите заголовок Vary: Accept-Encoding
Выжмем максимум из графики
разного рода оптимизация изображений позволит уменьшить трафик и не только
время ответа от сервера сейчас 0,37с , при рекомендуемом google 0,2с и ниже
Автор: Александр Косарев Категория: kosarev.by Опубликовано: 29 декабря 2013