Посмотрите в Интернете, и вы найдете множество статистических данных о том, как мало времени люди готовы ждать загрузки любого веб-сайта, прежде чем потерять интерес (в этом случае не всегда вините провайдера веб-хостинга).
Те, у кого есть фиксированное широкополосное соединение, ожидают, что веб-сайт появится почти мгновенно, и даже у мобильных пользователей нет бесконечного терпения.
Подробнее: Offcloud
Согласно исследованиям, оптимальное время загрузки страницы составляет три секунды, хотя большинство сайтов почти вдвое больше или больше. И если вы выйдете намного дольше 10 секунд, большинство людей, скорее всего, покинут страницу и уйдут в другое место.
Время, необходимое для отображения веб-страницы в браузере, зависит от факторов, распределенных между сервером и клиентским устройством на другом конце.
Хотя невозможно ускорить работу всех пользователей по причинам, не зависящим от веб-дизайнера, целесообразно сделать сайт максимально эффективным, повысив производительность для большинства посетителей.
Повышение скорости может быть достигнуто с помощью ряда различных методов, но есть три основных принципа повышения производительности сайта. Это расширенный хостинг, оптимизация сайта, а также некоторые особенности платформы.
- Мы выбрали лучшие услуги веб-хостинга прямо здесь
- Это лучшие бесплатные веб-хостинговые компании.
- И это на данный момент лучшие конструкторы сайтов
Важность хостинга
Сколько сайт тратит на веб-хостинг, обычно пропорционально количеству посетителей, ожидаемых в любой день, с учетом того, как долго каждый остается и сколько страниц просматривает.
Это основная причина, наряду с проблемами безопасности, почему относительно небольшое количество компаний размещают сайты внутри компании.
Как правило, веб-хостинг является «виртуальным» в том смысле, что определенное оборудование не выделяется для веб-сайта - скорее, оно используется совместно с другими сайтами посредством виртуализации.
Прелесть этого решения заключается в том, что сайту можно легко выделить больше ресурсов в периоды повышенного спроса, при условии, что соглашение о хостинге допускает такую гибкость.
Важно определиться с прогнозируемым трафиком, который вы ожидаете получить, и соответствующим образом повысить качество обслуживания.
Если у вас быстрорастущий сайт, но из-за уровня хостинга он начинает перестать отвечать, когда появляется поток посетителей, это может подорвать весь ваш проект. Поэтому планируйте начать с малого, а затем увеличивать масштаб, когда сайт достигнет зрелости.
Оптимизация сайта
Производительность любого веб-сайта во многом зависит от того, как он был создан и какие программные технологии он использует.
Когда у вас есть прототип сайта, одна из первых процедур, которые вам нужно выполнить, - это оценить каждую страницу, сколько времени требуется для загрузки. Существует множество инструментов для измерения производительности страницы, и некоторые из них разбивают время, чтобы точно определить, что вызвало наибольшую задержку на той или иной странице.
Это тестирование не следует выполнять только один раз на одном компьютере, поскольку ваши посетители будут приходить из разных мест, с различными широкополосными подключениями и будут использовать разные типы устройств.
Особенно важно, чтобы мобильные платформы тестировались как в условиях Wi-Fi, так и в условиях сотовой связи. И в идеальном мире получение результатов из удаленных географических мест также является ценной информацией.
После того, как вы сопоставили эти данные о производительности, пора вернуться на сайт и посмотреть, какие изменения вы можете внести, чтобы улучшить взаимодействие с пользователем.
Вот список из семи основных проблем, замедляющих работу сайта, которые можно легко решить.
1. Страницы с несколькими источниками
Если страница состоит из элементов, поступающих из других мест, включая рекламу, это может существенно повлиять на скорость. Страница становится зависимой от того, насколько быстро обслуживаются элементы извне сайта, что усугубляет проблемы с производительностью.
Если у вас есть страница, которая постоянно загружается слишком долго, определите, что ее замедляет, и удалите ее.
2. Виджеты и плагины
Слишком большое количество этих компонентов вызывает те же проблемы, что и страницы с несколькими источниками, но это проблема, которая затрагивает, в частности, сайты WordPress. Соблазн предварительно загрузить страницы со всевозможными календарями, анимированными кнопками, часами и т. Д. Велик, но вы должны сопротивляться.
Для выполнения этих функций требуется код на стороне сервера и код на стороне клиента, и они часто приостанавливают представление других элементов страницы до того, как они завершат загрузку.
3. Масштабирование графики
Графика веб-сайта не должна масштабироваться, если это не фотографии, на которые вы хотите, чтобы на них можно было нажимать, чтобы получить презентацию в полном качестве.
Их масштабирование также плохо, так как это делает их блочными или обнаруживает артефакты сжатия.
Создание графики того же размера, что и должны быть просмотрены, снимает рабочую нагрузку с сервера и клиентского браузера и позволяет избежать загрузки пользователем более крупной графики, чем необходимо.
4. Несовместимые носители
Существует множество типов файлов, которые когда-то были популярны на ПК, но теперь фактически не существуют. Пользователи мобильных устройств не смогут получить к ним доступ, и у большинства пользователей настольных компьютеров также будут проблемы, если они все еще не используют подключаемый модуль в старой версии браузера.
Как правило, не размещайте видео, изображения или музыку в форматах, которые по умолчанию не работают с Google Chrome или Microsoft Edge. Это раздражает пользователей, когда на веб-сайте отсутствуют элементы или возникают странные ошибки.
5. Бэкэнд-код
Сколько раз вы видели удобную функцию, которую можно добавить на веб-сайт с помощью «всего лишь короткой строчки кода»? Их много, и они могут быть полезны. Однако они часто вызывают головную боль из-за гораздо большего фрагмента кода, который выполняется на сервере, чтобы фрагмент кода делал что-то полезное.
Если их будет слишком много - потому что вы разместите этот код на каждой странице - сервер будет зависать, пытаясь обработать эти запросы, а не обслуживать страницы сайта.
По иронии судьбы, наиболее частыми виновниками этих вещей являются аналитика и обработка форм. Но код, который решает другие задачи, также может отрицательно повлиять на общую производительность.
6. Мобильные ошибки
Классическая ошибка, которая влияет на мобильных пользователей, заключается в том, что перенаправление на мобильную версию сайта происходит только после того, как большая часть домашней страницы, предназначенной для настольных компьютеров, отображается на телефоне или планшете.
Результатом часто бывает долгое ожидание, прежде чем браузер переместится на мобильный сайт, после чего следует еще одна задержка перед отображением.
Хотя по статистике мобильные платформы все еще немного отстают от обычных компьютеров с точки зрения просмотра веб-страниц, мобильный серфинг быстро расширяется и очень скоро станет доминирующим способом доступа большинства пользователей к большинству сайтов.
Поэтому внимание к мобильному варианту любого сайта не менее важно, если не больше, чем к настольному аналогу.
Поскольку мобильные пользователи часто подключаются с использованием услуг передачи данных 3G или 4G без постоянной скорости передачи, которую могут ожидать пользователи проводного широкополосного доступа, важность быстрой доставки веб-страниц еще больше.
7. Используйте сжатие
Существует множество способов обеспечить, чтобы файлы, составляющие сайт, были меньше и, следовательно, быстрее загружались посетителем.
Существуют глобальные серверные технологии, такие как Gzip, которые могут сокращать размер файлов на целых 70%, хотя простой выбор правильных типов файлов и уровней сжатия для файлов JPG.webp также может принести повышение производительности.
Gzip потребует активации сервера, и вы можете проверить, активен ли он на вашем сервере, используя этот сайт.
Единственное предостережение при использовании сжатия заключается в том, что вы должны указать те файлы и папки, которые вы не хотите сжимать в системе. Потому что уже сжатые видеофайлы и сжатые тома (ZIP, RAR или LZH) невозможно сжать дальше.