Скорость загрузки сайта

Дизайна вашего сайта может поражать: он может быть преисполнен всяческих дизайнерских изысков, вы можете использовать сложную графику и веб-программирование. Только узнает ли посетитель обо всем об этом? Успеет ли главная страница вашего сайта загрузится до того момента, когда пользователь, устав ждать загрузки сайта, просто закроет страничку? Если верить данным компании QuBit, в 2006 году среднестатистический пользователь согласен был ждать пока загрузится страница сайта в течении четырех секунд. В 2009 году, по данным той же компании, время ожидания пользователя сократилось вдвое, до двух секунд. Инженеры Google, в свою очередь, говорят о времени в 40 миллисекунд, как о пороге максимального времени загрузки страницы — именно столько по их мнению будет ждать пользователь и это чуть больше времени, чем понадобиться на то, чтобы человеческий глаз моргнул.

[adsense]
В эру мобильных пользователей все еще сложнее. Мобильный пользователь еще более нетерпелив к загрузке страницы и ждет моментальной загрузки сайта. 74% мобильных пользователей уходят с сайта если он загружается боле пяти секунд.

Очень серьезно время загрузки страницы сказывается на интернет-магазинах и продажах через интернет. Около 40% процентов покупателей отказываются от покупки или предложения, если страница не успевает загрузиться за 10 секунд, а 8% назвали долгое время загрузки страницы основным поводом для отказа от покупки.

Порой создавая сайт, веб-мастер прекрасно видит проблему медленной загрузки страницы. Но немногие могут определить в чем именно причина и ускорить загрузку страницы. Вот несколько пунктов, которые следует оптимизировать на вашем сайте для его более быстрой загрузки.

Социальные кнопки

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

Код рекламной сети

Конечно рекламные блоки просто необходимы для монетизации ресурса. Но следует так же обратить внимание на возможность использования асинхронных кодов для загрузки рекламных объявлений. Если рекламная сеть не предоставляет такой возможности следует попробовать изменить код на асинхронный или подумать о смене рекламной сети.

Счетчики аналитики

Без аналитики никуда. Но проблема та же, что и в предыдущем случае — синхронная загрузка javascript сценариев. Так же стоит свести к минимуму количество счетчиков. Основные метрики это конечно Google Analytics, Яндекс.Метрика и LiveInternet — все они предоставляют возможность установки асинхронного кода. Об установке других счетчиков имеет смысл подумать — нужны ли они вашему сайту и вашим посетителям?

Прочий JavaScript функционал

Сейчас сложно представить себе сайт без использования JavaScript, но использование JS необходимо свести к минимуму, а его код максимально оптимизировать. От некоторых вещей часто лучше отказаться в угоду скорости загрузки страницы.

Неоптимизированные изображения

Во многих странах широкий канал интернет-соединения уже стандарт. Но исключения есть всегда. Если на странице вашего сайта очень много графики или изображений, то уменьшение веса каждого из них хотя бы на 5-10% может принести ощутимый прирост в загрузке страницы.

Семантическая разметка

Используйте микроразметку на вашем сайте — это позволяет сделать сайт не только более понятным для поисковых роботов, но и в поисковой выдачей пользователь увидит больше информации о вашем сайте.

HTML и CSS код

Необходимо использовать как правильный HTML код, так и правильный и эффективнй CSS — откажитесь от громоздких конструкций с селекторами потомков, а так же он некоторых селекторов CSS3, которые поддерживаются не всеми браузерами.

Некачественный хостинг

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

Игнорирование утилиты gzip

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

Плохо написанный код на стороне сервера

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

SQL запросы

Проблема может крыться так же в неправильно построенных SQL запросах к базе данных. Старайтесь избегать излишних инструкций join и использовать select без индексов.

Использование Flash

Хотя Flash все еще популярен, старайтесь избегать его использования там где это возможно, т.к. у многих пользователей плагины для отображения флэш-анимации попросту не установлены или вовсе отсутствует поддержка Flash.

Ну а если вас сайт хорошо оптимизирован, то настало время на нем заработать. На сайте wminternet.ru вы можете узнать массу способов как заработать в интернете начиная от различных бирж копирайтинга и заканчивая заработком на рекламе.