Знали ли вы, что среднее время ожидания загрузки сайта всего 2 секунды? Ровно столько пользователь готов ждать, прежде чем уйти на другой сайт. Поэтому владельцам интернет-ресурсов крайне важно оптимизировать скорость их загрузки. Как известно, время - деньги, и в данном случае счет идет на миллисекунды...
В этой статье мы рассмотрим несколько действенных способов как сделать загрузку вашего сайта быстрее, пользователей довольнее и поисковики лояльнее.
Уменьшаем размеры изображений
Скорость загрузки страницы - это общая скорость загрузки всех элементов этой страницы. Звучит очевидно, но на деле на этот факт многие не обращают внимания. Даже самый искусно созданный сайт с хорошим хостингом будет тормозить если будет содержать слишком большие изображения.
Проверить оптимизированы ли ваши изображения можно очень просто. Для этого открываем сайт в браузере Google Chrome нажимаем на картинку правой кнопкой и выбираем "Посмотреть код". В появившейся консоли находим ссылку на изображение и наводим на нее курсором. Если все в порядке - вы увидите просто информацию о размерах картинки. А если нет, то увидите две величины - одна какого размера картинка должна быть и другая какого размера она сейчас.
Проверяя изображения уделяйте внимание не только фотографиям товаров, но и сервисным изображениям, логотипам и картинкам в блоге.
Помните, что не всегда размер картинки в пикселях влияет на ее качество. Существует множество программ и онлайн сервисов, которые могут уменьшить ваши изображения сохранив первоначальную четкость. Лично я использую для этих целей фотошоп или сайты imagecompressor.com и resizenow.com.
Кроме того, запомните: если вам понадобится изменить размер картинки, гораздо лучше изменить ее физический размер в редакторе, чем править дополнительным кодом.
Оптимизируем код
Любая современная веб-страница состоит из нескольких элементов. Это HTML-документ, стили CSS и программный код, к примеру JavaScript. Если самостоятельно вы не можете редактировать код сайта, просто передайте данные рекомендации программисту, с которым вы сотрудничаете.
Для того чтобы сайт открывался быстро и работал эффективно необходимо соблюдать следующие правила:
- Если к одной странице привязано несколько CSS или JavaScript файлов - их необходимо объединить в 1. Таким образом нагрузка на сервер уменьшится, как и время загрузки страницы.
- Файлы CSS стилей лучше привязывать в начале HTML документа. Это позволит браузеру загружать стили постепенно сверху вниз. Зачастую пользователи даже не замечают эту задержку.
- А файлы JavaScript лучше подключать наоборот - в конце HTML. Нередко такие файлы весят достаточно много, но посетители сайта переходят к их использованию не сразу.
- Также разрешите браузерам кэшировать ваш сайт. Говоря простым языком, браузеры посетителей будут временно сохранять фрагменты вашего сайта, поэтому скорость загрузки возрастет.
Используем "Турбо-страницы"
Турбо-страницы подарил нам Яндекс. Это специальный сервис, который оптимизирует загрузку для особо важных страниц сайта. Используя турбо-страницы можно не потерять клиентов, которые заходят с мобильных устройств или не имеющих доступа к быстрому интернету. Такая страница загрузится быстрее на любом гаджете (поговаривают что аж в 15 раз).
Конечно, у Турбо-страниц есть и минусы.
- Во-первых, такая страница теряет индивидуальность. "Родные" стили сайта не прогружаются в целях экономии времени.
- Во-вторых, такие страницы имеют весовой лимит - весь контент не должен быть больше 15 Мб.
Поэтому использование таких страниц разумно не на каждом сайте.
На сегодня все! Надеемся, эта статья будет полезна для вашего проекта или просто кругозора в мире веб-технологий.
Мы с удовольствием ответим на ваши вопросы!