Проверяем юзабилити сайта самостоятельно

Здравствуйте, читатели блога Сайт с нуля. Сегодня мы снова обратим ваше внимание на то, что со своим интернет проектом необходимо постоянно работать, улучшать его. А также не помешает время от времени проверять его на соответствие определенным критериям «качества».

Критерии проверки юзабилити сайта


Favicon
Чтобы выделить свой сайт, используйте Favicon – картинку специального формата, которая отображается рядом с адресом вашего сайта в поисковой системе и в адресной строке.

Чтобы браузеры показывали иконку вашего сайта, положите её в корневую папку вашего сайта. Вы можете назначить отдельным страницам разные иконки.

Код ответа страницы 404

При запросе страницы, которая не существует, сервер должен возвращать ошибку 404, то есть «страница не найдена». Данный код ответа говорит серверам и браузерам, что такая страница не существует.

Если сервер настроен неправильно, и будет возвращаться ошибка 200 — страница существует. В связи с этим поисковые системы могут проиндексировать все страницы вашего сайта с ошибками.

Настройте свой сайт так, чтобы при запросе несуществующих страниц появлялся код ответа 404, то есть страница не найдена, или код ответа 410, то есть страница удалена.

Ссылка со страницы 404

При запросе страницы, которая не существует, сервер отображает стандартную страницу с ошибкой 404. Для удобства пользователей рекомендуется сделать уникальную 404 страницу. А также добавить на эту страницу обратную ссылку на сайт.

Кеширование

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

Включите для своего сервера кеширование в браузере. Продолжительность хранения статических ресурсов в кеше должна составлять не менее недели. Внешние ресурсы (объявления, виджеты и др.) должны храниться не менее 1 дня.

Время ответа сервера

Время ответа сервера определяет, сколько занимает загрузка кода HTML для отображения страницы.

Уменьшите время ответа сервера, чтобы оно составляло не более 200 мс. Большое время ответа может быть связано с десятками факторов: логика приложения, медленная работа с базой данных, маршрутизация, программная платформа, библиотеки, нехватка процессорной мощности или памяти. Все эти обстоятельства следует учитывать при оптимизации.

Cжатие gzip

Многие веб-серверы могут перед отправкой сжимать файлы в формат GZIP, используя собственные процедуры или сторонние модули. Это позволяет ускорить загрузку ресурсов, необходимых для отображения веб-сайта.

Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.

Сжатие изображений

Постарайтесь свести размер изображений к минимуму: это ускорит загрузку ресурсов. Правильный формат и сжатие изображений позволяет сократить их объем. Благодаря этому пользователи смогут сэкономить время и деньги.

Следует проводить базовую и расширенную оптимизацию всех изображений. В рамках базовой оптимизации обрезаются ненужные поля, уменьшается глубина цвета (до минимально приемлемого значения), удаляются комментарии и изображение сохраняется в подходящем формате. Базовую оптимизацию можно выполнить с помощью любой программы для редактирования изображений.

Сократите ресурсы

Размер ресурса можно уменьшить, удалив ненужные байты, например лишние пробелы, переносы строки и отступы. Сократив код HTML, CSS и JavaScript, вы ускорите загрузку, синтаксический анализ и отображение страницы.

Видимое содержание

Если количество необходимых данных вверху страницы слишком велико, браузер пользователя будет отправлять дополнительные запросы на сервер. В среде с большой задержкой (например, в мобильных сетях) это может существенно замедлить загрузку страницы.

Чтобы страница загружалась быстрее, ограничьте объем данных, которые должны отображаться в ее верхней части (код HTML, изображения, CSS, JavaScript).

JS, CSS в верхней части

Перед отображением страницы браузер должен выполнить ее синтаксический анализ. Если при этом он обнаруживает внешний скрипт, он должен его загрузить. Это лишний цикл операций, который замедляет показ страницы. Также браузеры запрашивают внешние файлы CSS перед отображением контента на экране. Это приводит к задержке и замедляет обработку страницы.

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

Если внешние ресурсы CSS имеют малый объем, их можно вставить непосредственно в документ HTML. Подобное встраивание позволяет браузеру продолжать загрузку страницы. Если файл CSS слишком велик, вам необходимо найти код CSS, отвечающий за контент в верхней части страницы и встроить его в HTML, отложив загрузку остальных стилей.

Переадресация

При переадресации выполняется запрос к серверу, что приводит к дополнительной задержке, поэтому количество переадресаций следует свести к минимуму. Чем меньше переадресаций, тем быстрее загружается страница. Рекомендуем вам внимательно изучить дизайн сайта и выполнить его оптимизацию для ускорения загрузки.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

  bigmir)net TOP 100  - .  E-mail: sitesnulyaru@gmail.com