Ускорение загрузки ресурса – секреты техподдержки сайта
Сегодня разговор пойдёт о технической поддержке веб сайтов. На каких сайтах нам приятно находится? Конечно же, на тех, которые работают лучше.
Не существует идеального решения проблемы о том, как можно ускорить работу сайта. Разные страницы работают на различных движках, необходима индивидуальная техническая поддержка сайта. Первым шагом необходимо проверить скорость работы сайта, а также его загрузку.
Всего 5 моментов, при улучшении которых можно добиться лучшей производительности сайта:
- Период времени загрузки HTML;
- Период начального появления страницы;
- Численность различных документов и файлов на странице (фотографии, текстовые документы, баннеры);
- Финальная загрузка самой страницы;
- Загрузка файлов и объектов после появления всей страницы.
Период времени загрузки HTML – первичного объекта
Техническая поддержка сайта начинается именно с этого момента. Для начала нам необходимо разобраться с ускорением сервера.
В среднем, чтобы определить IP сервера нужно потратить около 50-300 миллисекунд. К тому же 20-100 миллисекунд нужны для обнаружения связи с самим сервером. Итог: около 450 миллисекунд на передачу общего содержимого страницы. Примерно 100 миллисекунд уходит на получение информации о сети. Остается всего 300 миллисекунд для ответа самого сервера.
Период начального появления страницы
Техническое сопровождение сайта предполагает детальную проработку сайта с самого нуля. Рассмотрите начальные файлы загрузки. Особенно надо обратить взгляд на место появления этих файлов. Если страница начинает появляться слишком долго, то это, скорее всего, связано из-за излишка файлов. Проанализируйте необходимые файлы, а ненужные уберите или поместите в самый низ кода страницы. Необходимо настроить правильную загрузку файлов. При техподдержке сайта помните, что каждая миллисекунда дорога. Некоторые, возможно, совсем и не нужны новому пользователю.
Численность различных документов и файлов на странице
Основной и самый важный пункт по ускорению сайта. Тут нас ждут изображения, рекламные файлы и иной декор. Красота и насыщенность страницы зависит от всего этого, но не забывайте, что переборщить нельзя. Для начала вы должны начать с оптимизации различных картинок, сплочение и упрощение скриптов страницы. Можно отдать должное CDN для сайта, на этом моменте он показывает себя как нельзя лучше.
Финальная загрузка самой страницы
При тестах скорости, если сайт уже может загружаться быстрее, чем за 4 секунды, то это очень хороший прорыв. Если загрузка превышает указанное время, то рассмотрите и по возможности примените дополнительные средства и меры по ускорению сайта. Необходимо пересмотреть все скрипты и настроить правильную и поочередную загрузку изображений. Это позволит загружать изображения на первом экране, а остальные изображения и их загрузка будет отложена.
Примечание
Важным вопросом на данный момент является то, насколько быстро пользователь перемещается по страницам сайта. Также пользователь будет рад увидеть дополнительную полезную информацию на вашем сайте. Например, ссылки или картинки. Всё техническое сопровождение сайта будет напрасно, если пользователю будет неудобно на вашем сайте.
Загрузка файлов и объектов после появления всей страницы
Теперь вы убедились, что техническая поддержка веб сайтов - непростое дело. После готовности к взаимодействию с пользователем (максимум 4 сек), нужно думать, что надо сделать с остальными данными. Для начала продумайте алгоритм загрузки различных файлов сайта. Например, если пользователь читает новость, то старайтесь показать ему картинки и маленькую аннотацию, а уже далее размещать кнопку «Смотрите далее». Если вы плохо в этом разбираетесь, то можете обратиться к специалистам по работе над сайтами. Они обеспечат вам сопровождение сайта различными услугами, которые помогут улучшить ваш сайт. Об этом поговорим далее.
Трудность доступа
Допустим, одно изображение у вас весит 400 КБ. С первого взгляда это очень мало. Но у среднестатистических посетителей (20 Мб/с) оно отобразится за 200 миллисекунд. Но в чём подвох? Это тоже мало. Но не забывайте по пользователей с мобильного телефона. При скорости 2 Мб/с это займёт в 10 раз больше времени. Для загрузки 20 изображений уйдёт 20 секунд. Существует ещё трудность, при которой расстояние может быть слишком велико, чтобы быстро передавать данные. Браузер должен сообщить серверу файл, который необходим, а сервер должен этот файл передать. Такая операция занимает в два раза больше времени. На данный момент страница вести примерно 4 Мб. В лучшем случае все данные будут доходить за 4 секунды. Ваш сайт еле-еле сможет всё это загрузить за оптимальное время. Вы спокойно можете забыть про пользователей с телефонов.
Такая проблема зачастую решается сжатием различных файлов. Малое количество байт в итоге вам может сэкономить даже пару мегабайт. Старайтесь использовать стандартные шрифты.
Проблема третьей стороны
Детально обратим внимание на элементы управления сайта. Это ссылки соц. сетей, диаграммы или статистика. Сайт, переполненный элементами интерфейса, может загружаться дольше на 50%. Если элемент интерфейса не приносит прибыли, то его необходимо убирать из кода страниц. Иначе он будет работать на вред сайта. Техподдержка сайта на этом месте заканчивается, по крайне мере основные моменты ускорения сайта.
Дополнительная информация
Google PageSpeed Insights – это сервис проверки сайта на скорость загрузки, созданный компанией Google. Он определяет конкретные недостатки сайта и предлагает способ их исправления.
Для решения трудностей местоположением можно перенести сервера ближе к территории, на которой находятся посетители данного сайта. Хороший и быстрый сайт для любой конкретной страны - достижимая цель, а вот сделать быстрый работающий сайт для всего мира - непростая задача. С услугами по сопровождению сайта вам станет намного проще. Их можно заказать у специализированных компаний.
Для проблемы, связанной с критичным размером сайта нужен алгоритм обновления сайта, чтобы количество данных всегда было маленьким. Проанализируйте все файлы. Помните, что каждый байт будет идти пользователю в два раза дольше. Сжатие файлов – это вынужденная мера.
Детально поработайте с элементами интерфейса. Не надо пихать все и сразу. Старайтесь проанализировать и понять необходимость каждой информации.
При выполнении всех шагов и детальной проработке сайта у вас может получиться неплохой результат.
Комментарии (0)