Скорость работы сайта

Скорость загрузки страниц важна по ряду причин.

1. Более трети пользователей уходят с сайта, если страница загружается более 10 секунд, причем неважно, по какой причине — сайт работает медленно, временные проблемы с Интернетом у самого пользователя, что-то еще.

2. Поисковые системы (в частности, Google) считают медленными сайты, которые загружаются более 1,5 секунды и, очевидно, снижают их позиции в результатах поиска.

3. Две трети мобильных пользователей уйдут с сайта, если он грузится дольше 5 секунд (причина их мало волнует).

Между тем на Amazon. com подсчитали, что каждые дополнительные 100 миллисекунд загрузки уменьшают продажи на 1 %.

Что же сделать для ускорения загрузки страниц сайта?

Облачный хостинг для статического контента

Используйте Dropbox, Amazon и другие сервисы для хранения картинок, PDF, файлов для скачивания. Эти сервисы надежнее большинства обычных хостингов и быстро работают во всех регионах.

Для видео стоит использовать сервисы Youtube, Vimeo.

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

Минимизируйте код

HTML, CCS и JavaScript — их файлы, используемы на вашем сайте, содержат множество пробелов, переводов строк, комментариев. Для конечного пользователя это совершенно бесполезные элементы, от которых можно смело отказаться.

Убедите своего программиста выдавать конечному пользователю максимально чистые файлы.

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

Скорость Интернета выросла до запредельных высот, но все же старайтесь оптимизировать вес изображений и скорость их загрузки.

Для этого:

1. Убирайте метаданные (например, EXIF-данные) из файлов изображений.

2. Указывайте в коде размеры изображения (зная точные размеры картинки, браузер грузит сайт быстрее).

3. Подгружайте малозначимые изображения после загрузки основного контента (используйте специальный JavaScript-код).

Минимизация НТТР-запросов

Посмотрите на модные сайты (например, социальную сеть Facebook или онлайн-гипермаркет Amazon) — там контент подгружается по мере прокрутки страницы, а не весь сразу. Технически это несложно, ваши программисты наверняка осилят.

Что это дает?

1. Ускоряет загрузку страниц (не нужно грузить все сразу).

2. Улучшает восприятие сайта (он становится более «живым»).

Асинхронный JavaScript

AJAX (от англ. Asynchronous JavaScript and XML — асинхронный JavaScript и XML) — это подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в фоновом обмене данными браузера и веб-сервера. В результате перегружается не вся страница полностью, а только ее нужная часть.

Преимущества данного способа:

• экономия трафика. Использование AJAX позволяет значительно сократить трафик при работе с вебприложением. Ведь вместо всей страницы достаточно загрузить только изменившуюся часть, как правило, небольшую;

• уменьшение нагрузки на сервер. AJAX позволяет снизить нагрузку на сервер. Так, на странице работы с почтой, когда вы отмечаете прочитанные письма, серверу достаточно внести изменения в базу данных и отправить клиентскому скрипту сообщение об успешном выполнении операции без повторного создания страницы и ее передачи клиенту;

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

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

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