10 способов увеличить время загрузки страницы до того, как ваши потенциальные клиенты уйдут
Опубликовано: 2016-11-06Оглавление
- 1 1. Очистить код
- 2 2. Сократите HTML и CSS
- 3 3. Используйте сжатие GZip
- 4 4. Минимизируйте перенаправления
- 5 5. Переместите скрипты
- 6 6. Ограничьте плагины WordPress
- 7 7. Изменение размера изображений
- 8 8. Сжатие изображений
- 9 9. Доставка изображений с помощью CDN
- 10 10. Внешний хостинг
- 11 Заключение
Создал звездный веб-сайт с восхитительным изображением главного героя и впечатляющим заголовком, заработал большое доверие в социальных сетях, но люди не конвертируются……
Вероятно, потому что самый большой убийца конверсии скрывается за кулисами. Часто скорость страницы оказывает огромное влияние на коэффициент конверсии вашего сайта, чем что-либо еще.
Может ли скорость вашего сайта так сильно влиять на ваши продажи?
Влияние скорости страницы
Скорость сайта имеет значение…
Веб-сайты с быстрой загрузкой выглядят и работают лучше по всем направлениям: удобный пользовательский интерфейс, более высокая вовлеченность, более высокая конверсия и даже более высокий рейтинг в поиске. Хотя некоторые люди считают, что время загрузки страницы — не единственный сильный сигнал ранжирования, но это показатель, который оказывает огромное влияние на другие важные факторы, включая продажи и доход.
Несколько лет назад Google столкнулся с падением трафика из-за 0,5-секундной задержки. Сегодня, если страница электронной коммерции не загружается менее чем за 3 секунды, она может потерять около половины своего трафика. Вот почему некоторые из самых популярных онлайн-брендов теперь загружаются менее чем за секунду.
Сегодня использование мобильного интернета опережает настольный, и конверсия не ограничивается одной конкретной страницей. Несмотря на то, что у вас есть очень хороший заголовок, ценностные предложения достаточно ясны, у вас есть красивая веб-страница с социальным доверием, но если страница не имеет хорошего времени загрузки, у вас не будет конверсий целевой страницы.
Вот 10 простых способов, которые вы можете использовать, чтобы ускорить время загрузки страницы вашего веб-сайта и уберечь потенциальных клиентов от отказа:
1. Очистить код
Аккуратный и хорошо документированный код — это не только приоритет разработчика, но и ускорение загрузки страниц. Минимизация размеров файлов сайта и небольшие проблемы, такие как отступы, разрывы строк, лишние пробелы и лишние теги, могут значительно сократить время загрузки вашей страницы.
Да, файлы JavaScript — это интересный способ добавить небольшие привлекательные элементы на экран, но во многих случаях это может быть очень вредно для целевой страницы. То же самое с AJAX и некоторыми другими подобными излишествами.
Но если вы готовы добавить эти драгоценные скрипты, обязательно сначала загрузите хотя бы содержимое верхней части страницы. Вы можете использовать различные инструменты, чтобы проверить, как загружается JavaScript вашей страницы, а затем оптимизировать страницу по мере необходимости.
2. Сократите HTML и CSS
Минимизировав коды HTML и CSS и уменьшив количество запросов, вы сможете доставлять данные веб-страницы максимально оптимизированным способом. Лучший способ проверить файлы — использовать Google PageSpeed Insights, просто ввести свой URL-адрес и отправить результаты надежному разработчику.
3. Используйте сжатие GZip
Сжатие GZip связано с кодированием контента и минимизацией запросов к серверу, сделанных вашим браузером. Это поможет вам уменьшить размер файлов, чтобы ускорить загрузку. Вы можете использовать GIDNetwork, чтобы проверить текущее сжатие на вашем сайте и получить некоторые идеи по его улучшению.
4. Минимизируйте перенаправления
Стандартной практикой SEO является перенаправление 301, которое используется, чтобы сообщить посетителям и поисковым системам, что страница была удалена навсегда. Это обычная практика, используемая, когда сайты вносят изменения с течением времени, и она может помочь вам сократить количество ошибок 404 и неработающих ссылок.
Но слишком много перенаправлений также может негативно сказаться на скорости страницы.
5. Переместите скрипты
Размещение скрипта играет большую роль во времени загрузки. Например, если ваши скрипты отслеживания расположены в разделе заголовка или над сгибом вашей целевой страницы, ваш браузер должен будет загрузить и обработать эти скрипты, прежде чем он перейдет к содержимому страницы, которое люди действительно видели.
Наличие повторяющихся сценариев очень распространено, когда разные люди работают над одной и той же страницей. Это может немного замедлить работу.
Суть в том, что упрощайте и минимизируйте файлы, чтобы уменьшить обмен данными между серверами и браузерами.
6. Ограничьте плагины WordPress
Да, это кажется очень простым! Если вы так думаете, просто откройте WordPress и посмотрите, сколько плагинов WordPress установили члены вашей команды для обычных вещей, таких как обмен в социальных сетях и отслеживание.
Если вы сможете правильно диагностировать, какие плагины стоит оставить, а какие нужно удалить, вы узнаете, какие плагины добавить. Существует плагин P3 (Plugin Performance Profiler) для измерения производительности плагинов вашего сайта и измерения их влияния на время загрузки страницы.
Используя этот плагин, вы можете легко узнать, как он будет вам полезен, если вы установите этот плагин.
7. Изменение размера изображений
Разрешение браузерам уменьшать исходное изображение размером 1200 пикселей до 600 пикселей каждый раз при загрузке страницы, умноженное на все посещения всех сообщений и страниц, создает много дополнительной работы, которая вовсе не нужна. Это действительно влияет на мобильные устройства с плохой связью и ограниченной вычислительной мощностью.
Идеальной практикой является изменение размера изображений перед их загрузкой на сервер. И, если это кажется слишком трудным, есть встроенный инструмент WordPress, который поможет вам изменить размер изображений. Сделав это, вы сможете ограничить возможные ошибки в таких браузерах, как Internet Explorer.
8. Сжимайте изображения
После того, как вы изменили размер изображений, следующим шагом должно быть их повторное сжатие, чтобы уменьшить размер файла. Этот шаг часто упускают из виду, но оптимизация изображений может быстро ускорить загрузку страниц, поэтому используйте этот простой плод, чтобы уменьшить объем требуемого пространства и работы.
Существует множество бесплатных инструментов, таких как Compressor.io или TinyJPG, которые позволяют значительно уменьшить размер файла.
9. Доставляйте изображения с помощью CDN
Популярные сети доставки контента, такие как CloudFare и MaxCDN, могут значительно повысить производительность на сайтах с высокой визуализацией. Кроме того, доставка ваших изображений с помощью CDN аналогична вызову подкрепления с удаленных серверов, расположенных ближе к посетителям вашего сайта. На самом деле это означает, что он попытается сначала использовать ближайший и в конечном итоге сократит много времени и усилий, необходимых для доставки контента с сервера в веб-браузер пользователя.
10. Внешний хостинг
Это еще один важный вариант для перемещения больших файлов, таких как аудио и видео, изображения, с ваших серверов и использования внешней платформы хостинга, такой как Wistia или Imgur, для видео. Это очень важно, потому что люди активно используют мультимедиа, и в 2017 году почти 70% веб-трафика будет приходиться на видео.
Поскольку мы уже видели влияние размеров изображений, файлы большего размера, такие как аудио и видео, следует размещать на внешнем хосте. Внешние хостинг-провайдеры не только решают ваши проблемы с производительностью, но и предоставляют дополнительные преимущества, такие как расширение охвата аудитории, вовлеченность и конверсия.
Вывод
Все мы знаем, что посетители покинут ваш сайт, если он не загрузится в течение 5 секунд. Это означает, что независимо от того, какую передовую практику вы используете для получения этих конверсий, люди не будут задерживаться достаточно долго, чтобы действительно увидеть какие-либо ваши усилия.
Есть некоторые основные улучшения скорости страницы, такие как удаление нежелательных плагинов и обновление вашего хостинга. Расширенный метод включает минимизацию файлов. Но что-то лучше, чем ничего.
Внедрение всех этих изменений может занять много времени, но это лучший способ дать вашим целевым страницам больше шансов превратить потенциальных клиентов в клиентов.