▷ ▷ 20 способов ускорить ваш сайт и улучшить конверсию к 2020 году ✅
Как вы думаете, ускорение вашего сайта не важно?
Подумай еще раз
задержка загрузки страницы в одну секунду выходы:
- На 11% меньше посещений страницы
- 16% снижение удовлетворенности клиентов
- 7% потери конверсии
Несколько дополнительных секунд могут занять огромный влияет на вашу способность привлекать посетителей и делать продажи.
Это означает, что иметь быстрый сайт очень важно не только для того, чтобы занимать хорошие позиции в Google, но и для того, чтобы поддерживать высокую прибыль.
Как оптимизация скорости сайта влияет на конверсии
Медленные сайты убить конверсии,
На самом деле, 47% потребителей ожидают загрузки сайтов две секунды или меньше И 40% оставят страницу, которая занимает три или более секунд.
Если загрузка вашего сайта занимает более трех секунд, вы теряете почти половину посетителей даже до того, как они попадают на ваш сайт.
Это только удар по вашим возможным обращениям.
А для посетителей, которые решили остаться, их медленное время зарядки может отбить у них желание вернуться в будущем. В опросе 79% клиентов Они сказали, что не вернутся на неэффективный сайт.
В этом же опросе 52% покупателей сказали, что быстрая загрузка страниц важна для лояльности их сайтов, а 44% заявили, что рассказывают своим друзьям о плохой работе сайта.
Этот опрос также показал, что задержка в одну секунду может снизить удовлетворенность клиентов примерно на 16%.
Одним из лучших примеров этого является улучшение конверсии и дохода Walmart после ускорения вашего сайта.
Во время первоначального анализа они обнаружили, что посетители, которые конвертировали, получали страницы, которые загружались в два раза быстрее, чем посетители, которые не конвертировали.
Это показало, что чем быстрее страница, тем больше вероятность того, что посетитель совершит покупку.
В конце оптимизации скорости своего веб-сайта Walmart сообщил о следующих результатах:
- За каждую секунду повышения скорости сайта конверсии увеличивались на 2%.
- За каждые 100 мс улучшений дополнительный доход увеличивался на 1%.
В другом исследовании связь между временем зарядки и скоростью конверсии показала 25% снижение конверсии только с дополнительной секундой зарядки.
Понятно, что стремление ускорить ваш сайт даже за секунду может оказать огромное влияние на конверсии.
Как узнать, что убивает ваши конверсии
Как скорость вашего сайта влияет на видимость
Теперь, когда Google учитывает скорость при ранжировании сайтов, их время загрузки также может влиять на то, как легко пользователи могут найти его в первую очередь.
Это особенно верно сейчас, когда вы развертываете движущийся индекс первым, Начиная с декабря 2017 года, поисковая система начала ранжировать все результаты поиска на основе мобильных версий страниц.
Мобильный поиск количество поисков на рабочем столе превысило число Впервые в 2015 году, и его общее поисковое вовлечение только продолжает расти.
Это означает, что в интересах Google предлагать результаты поиска пользователям мобильных устройств. Они не хотят направлять своих пользователей на сайты, которые не загружаются или плохо работают на их устройствах.
В результате опыт мобильных пользователей теперь будет играть важную роль в поисковом рейтинге, включая результаты поиска на рабочем столе.
Это совсем наоборот о том, как индекс работал
Пользовательский опыт долгое время был фактором ранжирования, но до этого изменения учитывался только опыт рабочего стола. Таким образом, даже если сайт плохо работает с мобильными устройствами, у вас все еще есть шанс занять место на первой странице.
Это больше не так.
Страницы теперь индексируются и ранжируются на основе опыта, который они приносят пользователям мобильных устройств.
Поэтому, если вы хотите сохранить (или улучшить) свой рейтинг и видимость, важно знать, как сократить время загрузки сайта. У вас должен быть сайт, который обеспечивает быстрый и простой пользовательский интерфейс, в любом браузере или на любом размере экрана.
Почему мой сайт работает медленно?
Вы запустили тест скорости сайта и обнаружили, что время его загрузки довольно медленное. (Если вы не знаете, как сделать тест скорости сайта, я объясню позже в этом посте.)
Может быть несколько причин, по которым время загрузки вашего сайта задерживается. Это может быть что угодно, от времени загрузки сервера до размера изображения и количества перенаправлений, которые у вас есть.
Это означает, что есть много шагов, которые вы можете предпринять, чтобы улучшить скорость страницы. Мы увидим 20 из них. Но прежде чем приступить к поиску и устранению неисправностей для повышения производительности сайта, вам нужно что-то нацелить.
Давайте посмотрим на то, что считается хорошим временем загрузки, чтобы дать вам что-то для съемки.
Что такое хорошее время загрузки страницы?
Прежде чем вы начнете работать над скоростью своего сайта, неплохо бы установить цель, которой вы хотите ее видеть.
Это может быть сложно, если вы не уверены, какая скорость страницы приемлема.
По данным Google, лучшая практика – три секунды. К сожалению, согласно его недавним результаты сравнительного отчетаБольшинство сайтов не близко к этому.
При анализе 900 000 целевых страниц мобильной рекламы, охватывающих 126 стран, Google обнаружил, что 70% проанализированных страниц заняли почти семь секунд для отображения визуального контента в верхней половине страницы.
Из всех отраслей, которые они включили, ни одна не усреднялась даже близко к рекомендуемой наилучшей практике в три секунды.
Среднее время полной загрузки мобильной целевой страницы составляет 22 секунды, но 53% посещений отменяются, если для загрузки мобильного сайта требуется более трех секунд.
Кроме того, поскольку время загрузки страницы увеличивается от одной до десяти секунд, вероятность отскока мобильного пользователя увеличивается на 123%.
Это означает, что владельцы сайтов, как правило, имеют работу, чтобы сделать их сайты на уровне глаз Google.
Но, с другой стороны, это также означает, что если вы стремитесь к тому, чтобы скорость вашего сайта достигла приемлемого уровня, вы значительно опередили пользователей.
По мере того как ваш сайт улучшается, вы можете использовать рекомендации и тесты Google для определения своих целей и оценки эффективности.
В конце концов, как крупнейшая поисковая система в мире, Google может оказать большое влияние на ваш успех. Поэтому использование ваших стандартов в качестве стандартов никогда не является плохой идеей.
Как ускорить ваш сайт в 2019 году
Существует множество факторов, которые влияют на время загрузки каждой страницы на вашем сайте, поэтому вы можете предпринять множество разных шагов, чтобы увеличить скорость и улучшить пользовательский опыт.
В этом посте мы рассмотрим более 20 советов и рекомендаций, которые вы можете использовать, чтобы сократить время загрузки и повысить производительность вашего сайта.
И если это число звучит ошеломляюще, не волнуйтесь.
Хотя все эти советы могут помочь вам повысить скорость работы вашего сайта, вам не нужно делать их все сегодня.
На самом деле, если вы работали над скоростью вашего сайта в прошлом, ваш сайт уже может соответствовать некоторым из этих передовых методов.
Имея это в виду, давайте начнем.
1. Минимизируйте HTTP-запросы
По словам Yahoo, 80% времени загрузки веб-страницы он тратится на загрузку различных частей страницы, таких как изображения, таблицы стилей и сценарии.
Для каждого из этих элементов делается HTTP-запрос, поэтому чем больше компонентов на странице, тем больше времени требуется для отображения страницы.
Первым шагом к минимизации ваших запросов является определение того, сколько ваш сайт в настоящее время делает, чтобы использовать в качестве эталона.
Если вы используете Google Chrome, вы можете использовать Инструменты разработчика браузера, чтобы узнать, сколько HTTP-запросов делает ваш сайт.
Щелкните правой кнопкой мыши страницу, которую хотите отсканировать, и нажмите «Проверить», затем перейдите на вкладку «Сеть». (Если вы не видите вкладку «Сеть», вам может потребоваться развернуть боковую панель инструментов разработчика, перетаскивая левую границу влево).
В столбце «Имя» отображаются все файлы на странице, в столбце «Размер» – размер каждого файла, а в столбце «Время» – время загрузки каждого файла.
В левом нижнем углу вы также увидите общее количество запросов, сделанных сайтом.
Сокращение этого количества запросов ускорит ваш сайт, просмотрите ваши файлы и посмотрите, не нужны ли они.
Вы можете не заметить ничего сразу, но некоторые из них, вероятно, являются основными кандидатами на комбинацию, которую мы увидим на следующих шагах.
2. Сократить и объединить файлы
Теперь, когда вы знаете, сколько запросов делает ваш сайт, вы можете начать сокращать это число. Лучше всего начать с ваших файлов HTML, CSS и JavaScript.
Это чрезвычайно важные файлы, так как они определяют внешний вид вашего сайта.
Они также увеличивают количество запросов, которые ваш сайт делает каждый раз, когда пользователь посещает его.
Вы можете уменьшить это число, «свернув» и объединив свои файлы. Это уменьшает размер каждого файла, а также общее количество файлов.
Это особенно важно, если вы используете конструктор сайтов с шаблонами. Это облегчает создание сайта, но иногда они создают грязный код, который может значительно замедлить ваш сайт.
Минимизация файла включает в себя удаление ненужных форматов, пробелов и кода.
Поскольку каждая ненужная часть кода увеличивает размер вашей страницы, важно, чтобы вы удалили лишние пробелы, разрывы строк и отступы. Это гарантирует, что ваши страницы будут максимально тонкими.
Комбинация файлов именно то, что кажется. Если на вашем сайте работает несколько файлов CSS и JavaScript, вы можете объединить их в один.
Есть несколько способов свернуть и объединить файлы, и если ваш сайт работает на WordPress, плагины типа WP Rocket Сделайте процесс довольно простым.
Если у вас установлен этот плагин, перейдите на вкладку «Статические файлы» и выберите файлы, которые вы хотите свернуть и объединить.
Это может включать файлы HTML, CSS и JavaScript, а также шрифты Google.
Затем нажмите «Сохранить изменения», чтобы завершить процесс. Вы можете перезагрузить страницу и снова взглянуть на Инструменты разработчика, чтобы увидеть влияние ваших изменений.
Когда дело доходит до вашего веб-сайта, более гибким, тем лучше. Чем меньше элементов на странице, тем меньше HTTP-запросов потребуется браузеру для обработки страницы, и тем быстрее она будет загружаться.
3. Используйте асинхронную загрузку для файлов CSS и JavaScript
После того как вы свернули и объединили некоторые из ваших файлов, вы также можете оптимизировать способ их загрузки на ваших страницах.
Скрипты, такие как CSS и JavaScript, могут быть загружены двумя различными способами: синхронно или асинхронно.
Если ваши скрипты загружаются синхронно, они загружаются по одному в том порядке, в котором они отображаются на странице. Если ваши скрипты загружаются асинхронно, с другой стороны, некоторые из них будут загружаться одновременно.
Асинхронная загрузка файлов может ускорить ваши страницы, потому что когда браузер загружает страницу, она перемещается сверху вниз.
Если вы попадете в файл CSS или JavaScript, который не является асинхронным, он прекратит загрузку, пока вы полностью не загрузите этот конкретный файл. Если этот же файл был асинхронным, браузер мог бы продолжать загружать другие элементы на странице одновременно.
Используя ту же вкладку «Статические файлы» плагина WP Rocket, отметьте опции рядом с «Render-block CSS / JS».
Нажмите «Сохранить изменения», затем протестируйте свой сайт, чтобы убедиться, что все загружается правильно.
4. Отложите загрузку JavaScript
Отложить файл означает запретить его загрузку до тех пор, пока не будут загружены другие элементы. Откладывая большие файлы, такие как JavaScript, вы гарантируете, что остальная часть вашего контента может быть загружена без задержки.
Если у вас есть сайт WordPress, вы можете использовать плагин WP Rocket, упомянутый выше, чтобы легко включить отложенную загрузку JavaScript. Просто установите флажок «Загрузить отложенные файлы JS», и все готово.
Если у вас есть сайт HTML, вам нужно будет вызвать внешний файл JavaScript непосредственно перед
тег, который выглядит так:
Для получения дополнительной информации, проверьте это учебник по отложенной загрузке JavaScript,
5. Минимизируйте время до первого байта
В дополнение к тому, сколько времени требуется вашей странице для полной загрузки, вы также захотите взглянуть на количество времени, которое требуется для загрузки.
Время до первого байтаили TTFB – это время, которое браузер должен ждать, прежде чем получить свой первый байт данных с сервера. Google рекомендует TTFB менее 200 мс,
В отличие от многих внешних факторов производительности, на которые ориентируется большинство владельцев сайтов, это проблема на стороне сервера.
Когда пользователь посещает ваш сайт, ваш браузер отправляет HTTP-запрос на сервер, на котором он находится. Есть три шага, которые должны произойти между этим начальным запросом и первым байтом данных:
- Поиск DNS
- Обработка сервера
- ответ
Вы можете узнать, сколько времени займет этот процесс для вашего сайта, используя Chrome Developer Tools или сторонний инструмент.
Если вы используете Инструменты разработчика, важно помнить, что время отклика может зависеть от вашего интернет-соединения. Следовательно, чем медленнее ваше собственное соединение, тем медленнее будет отображаться ответ сервера.
Чтобы получить доступ к этой информации в Инструментах разработчика, нажмите на вкладку «Сеть» и наведите курсор на верхний элемент в столбце «Водопад».
Вы также можете использовать любое количество бесплатных сторонних инструментов, таких как WebPagetest Протестируйте свой сайт из дата-центра.
Если ваш TTFB меньше 200 мс, вы в хорошей форме.
Если нет, могут быть некоторые другие проблемы с корнем.
В общем Большинство проблем с медленным TTFB Они вызваны сетевыми проблемами, динамическим созданием контента, конфигурацией веб-сервера и трафиком.
Из этих четырех факторов вы можете управлять двумя: динамическое создание контента и настройка сервера.
В отличие от статических страниц, сервер должен «построить» динамический файл, прежде чем ответить.
Если у вас есть сайт WordPress, ваши страницы, скорее всего, будут динамическими. Это означает, что они должны взаимодействовать с базой данных для «сборки» с помощью PHP перед их доставкой.
Вы можете сократить время, необходимое для этого, включив кэширование, которое мы увидим через минуту.
6. Уменьшите время отклика сервера
Одним из наиболее важных факторов, влияющих на скорость загрузки вашей страницы, является время поиска DNS.
DNS или система доменных имен – это сервер с базой данных IP-адресов и связанных с ними имен хостов. Когда пользователь вводит URL-адрес в свой браузер, DNS-сервер – это то, что преобразует этот URL-адрес в IP-адрес, который указывает его онлайн-местоположение.
Таким образом, поиск DNS – это процесс поиска конкретной записи DNS. Вы можете думать о нем как о своем компьютере, посмотрев номер в телефонной книге.
Например, предположим, что вы хотите посетить URL-адрес ubnt.com. Вы должны напечатать это в своем браузере, но это очень мало значит для вашего компьютера.
Ваш провайдер выполнит поиск DNS, чтобы найти IP-адрес, связанный с этим URL.
Вы получите IP-адрес, например, 52.40.57.158.443, который говорит вам, где найти сайт, который вы ищете. На этом этапе пользователям не нужно запоминать длинные строки чисел для доступа к информации в Интернете.
Время, необходимое для выполнения этого шага, зависит от скорости вашего DNS-провайдера. В противном случае, возможно, пришло время перейти на более быстрый провайдер DNS.
Вы можете увидеть этот отчет сравнения скорости DNS, который обновляется ежемесячно, чтобы получить представление о том, где накапливается ваш провайдер, и посмотреть, какие провайдеры предлагают более высокие скорости.
Если вы используете медленный DNS, это увеличивает время, необходимое браузерам для поиска вашего сайта. Переключение на более быстрый провайдер DNS может ускорить процесс.
7. Выберите правильный вариант размещения для ваших нужд
Большинство новых владельцев сайтов выбирают самый дешевый вариант хостинга. Хотя вначале этого достаточно, вам, вероятно, потребуется обновить, как только вы начнете получать больше трафика. Не экономьте на своем хосте, получите тот, которому вы можете доверять. Вот большой набор обзоров на лучших веб-серверах.
Когда вы смотрите на жилье, у вас есть три варианта:
- Общий хостинг
- VPS хостинг
- Выделенный сервер
Раздельный хостинг – самый дешевый вариант, и его часто можно получить примерно за 5 долларов в месяц. Хотя это нормально для сайтов с небольшим трафиком, виртуальному хостингу трудно справиться с резкими скачками трафика и объемными сайтами. И ваш сайт может пострадать от скачков трафика с других сайтов, которые используют тот же сервер, что и вы.
С помощью общего хостинга вы делите определенные ресурсы, такие как процессор, дисковое пространство и оперативную память, с другими сайтами, размещенными на том же сервере.
С VPS-хостингом вы все еще делите сервер с другими сайтами, но у вас есть свои собственные выделенные части ресурсов сервера. Это хороший промежуточный вариант. Защитите свой сайт от всех остальных на вашем сервере без затрат, необходимых для выделенного хостинга.
KeyCDN объясняет это, используя аналогию жить в квартире против жить в квартире,
Когда вы живете в квартире, вы пользуетесь определенными удобствами, такими как прачечные и автостоянки, и у вас есть доступ к обслуживающей команде здания.
Когда вы живете в квартире, с другой стороны, вы не пользуетесь общими помещениями и несете ответственность за определенный ремонт и техническое обслуживание. В здании также меньше жителей.
Вы можете рассмотреть выделенный хостинг, как владение домом. Он не делится ресурсами с кем-либо еще и несет ответственность за все обслуживание.
Благодаря выделенному серверу у вас намного больше места, но у вас также есть больше работы с настройкой и технической настройкой.
Если вам нужно много места и вы хотите полностью контролировать свое жилье, это ваш лучший вариант.
Однако, как вы уже догадались, это самый дорогой вариант.
Если вы находитесь в точке, где уровни трафика замедляют время отклика вашего сервера, возможно, пришло время переключиться с общего хостинга на VPS или с VPS на выделенный сервер.
8. Запустите аудит компрессии
Вы хотите, чтобы ваши файлы были как можно меньше, не жертвуя качеством. Чем меньше ваши файлы, тем быстрее они будут загружаться и короче общее время загрузки.
Страницы с большим количеством изображений и другого содержимого часто могут иметь размер более 100 КБ. В результате они громоздки и медленно загружаются.
Вы можете ускорить загрузку, сжимая их.
Чтобы получить представление о том, как сжатие может ускорить ваш сайт, вы можете использовать GIDNetwork запустить аудит сжатия.
Просто введите свой URL и нажмите «Подтвердить». Если страница, которую вы вводите, не сжата, вы увидите что-то вроде этого:
Это говорит о несжатом размере вашей страницы, который вы затем можете использовать в качестве эталона для измерения результатов сжатия.
Ниже вы увидите анализ того, насколько вы потенциально можете уменьшить размер страницы с точки зрения размера и процента, используя такой инструмент, как Gzip (который мы увидим на следующем шаге).
Это сжатие включает в себя HTML, CSS, JavaScript, обычный текст и файлы XML.
9. Включить сжатие
Чем меньше ваши файлы, тем быстрее будут загружаться ваши страницы. Сжатие файлов является одним из самых простых способов сократить время загрузки, и сегодня оно позволяет выполнять сжатие с GZIP Это считается стандартной практикой.
Gzip – это приложение для форматирования файлов и программного обеспечения, которое, по сути, находит похожие строки кода в ваших текстовых файлах, а затем временно заменяет их, чтобы уменьшить размер файлов.
Это хорошо работает с CSS и HTML, потому что эти файлы обычно имеют повторяющийся код и пробелы.
Большинство веб-серверов могут сжимать файлы в формате Gzip перед отправкой их для загрузки, вызывая сторонний модуль или используя встроенные подпрограммы. По словам Yahoo, это может сократить время загрузки примерно на 70%,
А поскольку 90% современного интернет-трафика проходит через браузеры с поддержкой Gzip, это отличный вариант для ускорения вашего сайта.
Если вы не уверены, что на вашем сайте включен Gzip, вы можете использовать checkgzipcompression.com видеть. Просто введите URL вашего сайта, и если у вас включен Gzip, вы увидите что-то вроде этого:
Однако, если у вас включен Gzip, вы можете исправить это как можно скорее.
Если ваш сайт работает на WordPress, плагины WP Rocket и W3 Total Cache совместимы с Gzip.
В W3 Total Cache все, что вам нужно сделать, это установить флажок «Включить сжатие HTTP (gzip)».
Однако, если у вас есть статический HTML-сайт, вам нужно включить Gzip в вашем файле .htaccess. Точный код, который вам нужен, зависит от вашего сервера, но если ваш сайт работает, например, на Apache, он выглядит так:
Также есть аналогичная версия требуемого кода для серверов NGINX.
10. Включить кеширование в браузере
Когда вы посещаете веб-сайт, элементы посещаемой вами страницы хранятся на жестком диске в кеше или во временном хранилище.
Это означает, что в следующий раз, когда вы посещаете сайт, ваш браузер может загрузить страницу, не отправляя другой HTTP-запрос на сервер.
Вот как Тенни Торер, ранее из Yahoo, объясняет это:
При первом посещении вашего сайта им необходимо загрузить документ HTML, таблицы стилей, файлы javascript и изображения, прежде чем они смогут использовать вашу страницу. Это может быть до 30 компонентов и 2,4 секунды.
После загрузки страницы и различных компонентов, хранящихся в кеше пользователя, необходимо только загрузить некоторые компоненты для последующих посещений.
В тесте Theurer это было всего три компонента и 0,9 секунды, что сократило время загрузки почти на 2 секунды.
Theurer говорит, что от 40 до 60% ежедневных посетителей вашего сайта приходят с пустым кешем, поэтому очень важно, чтобы вы делали свою страницу быстрее для этих новых посетителей. Но включение кэширования может сократить время, затрачиваемое на возвращение посетителей, и повысить удобство работы пользователей.
Способ настройки кэширования зависит от того, запускаете ли вы свой сайт с WordPress или статическим HTML.
Увеличьте скорость вашего сайта WordPress с помощью W3 Total Cache
Если вы работаете на сайте WordPress, вы можете использовать такой плагин, как W3 Total Cache чтобы легко включить кеширование.
После того, как вы установили его, перейдите в «Кэш страницы» в «Общие настройки» и установите флажок «Включить».
Один этот простой шаг должен повысить производительность вашего сайта, но вы можете сделать еще больше, чтобы улучшить результаты с помощью плагина.
Включение кэширования в браузере позволяет хранить кэшированную версию вашего сайта в браузере посетителя. Это означает, что когда пользователь возвращается на ваш сайт, он будет загружаться быстрее.
Вы можете включить эту опцию, перейдя в Общие настройки> Кэш браузера и установив флажок рядом с «Включить».
Если вы используете VPS или выделенный сервер, вы также можете включить кэширование объектов, чтобы ускорить динамические элементы на вашем сайте.
Эта функция также находится в ваших общих настройках.
Однако, если вы используете общий сервер, лучше оставить этот параметр отключенным. Кэширование объектов – это ресурсоемкий процесс, который может привести к замедлению работы вашего сайта – именно этого вы хотите добиться с помощью плагина.
После того, как вы настроили свои параметры, вы должны сразу увидеть улучшения во времени загрузки. W3 Total Cache утверждает, что его пользователи увидели 10-кратное улучшение результатов Google PageSpeed и до 80% экономии полосы пропускания после полной настройки плагина.
Если у вас есть статический HTML-сайт, вы можете включить кэширование в своем файле .htaccess.
Вы можете добавить строки кода, указывающие браузерам, что кэшировать и как долго кэшировать, как это будет выглядеть как то так:
Это позволяет вам установить количество времени, которое вы хотите, чтобы каждый тип файла хранился в кэше посетителя.
В общем случае статические ресурсы должны иметь время жизни кеша не менее одной недели. Сторонние ресурсы, такие как реклама или виджеты, должны иметь срок службы кэша не менее одного дня.
Для всех кэшируемых ресурсов, таких как файлы JavaScript и CSS, файлы изображений, мультимедийные файлы и файлы PDF, установите минимальное время кэширования от одной недели до одного года.
11. Уменьшить размеры изображения
Изображения могут играть важную роль в скорости вашего сайта. Это часто очень большие файлы, которые могут замедлить время загрузки страницы.
Но удалить их полностью не вариант.
Учтите это: средняя конверсия сайта электронной коммерции составляет около 1-3%.
Но это число может доходить до 5 процентов для некоторых сайтов, таких как NatoMounts – при котором средний коэффициент конверсии составляет около пяти процентов, причем примерно 85% таких конверсий на мобильных устройствах.
Один из лучших способов довести коэффициент конверсии до этого уровня – добавить множество полезных изображений товаров. В опросе 66% потребителей Они сказали, что хотят увидеть как минимум три фотографии товара перед покупкой.
Это означает, что если вы хотите запустить успешный сайт электронной коммерции, изображения абсолютно необходимы.
Это также означает, что сжатие изображений имеет решающее значение, и это важно, независимо от того, включает ли ваш сайт магазин электронной коммерции или нет.
Вы можете увидеть, насколько эффектно выглядят изображения на любой из ваших страниц, с помощью такого инструмента, как Pingdom, Запустите тест скорости страницы, а затем посмотрите «Запросы по типу контента».
В этом примере вы можете видеть, что изображения образуют более 40% контента на странице,
Уменьшение его размера может, вероятно, оказать большое влияние на время загрузки страницы.
Фактически, в одном исследовании изменение размера 22 МБ изображений до 300 КБ привело к Сокращение времени взаимодействия на 70%или количество времени, которое пользователь должен ждать, прежде чем он сможет взаимодействовать с сайтом.
Один из самых простых способов уменьшить размер файлов изображений – обрезать изображения до нужного размера. Например, если вы хотите, чтобы изображение отображалось с шириной 570 пикселей, измените размер изображения до этой ширины.
Не просто загрузите изображение шириной 2000 пикселей и установите для параметра ширины нужный размер. Это требует, чтобы ваша страница загружала все изображение, а затем подгоняла его под соответствующий размер, замедляя вашу страницу.
Если вы используете параметр ширины, чтобы уменьшить размер изображений на вашем сайте, изменение размера этих изображений должно быть приоритетом. Это простой способ уменьшить общий размер каждой страницы и может оказать большое влияние на скорость вашего сайта.
Затем вы можете сжать файлы изображений с помощью нескольких различных инструментов.
Если ваш сайт работает на WordPress, WP Smush Это отличный вариант.
Установите флажок «Автоматически удалять мои изображения при загрузке», и все ваши новые изображения будут сжаты без дополнительной секунды работы.
Вы также можете использовать этот плагин для автоматического изменения размера всех новых файлов, которые вы загружаете. Установите максимальную ширину и высоту, и любые изображения, которые превышают их, будут «стерты».
Если вы не используете WordPress, вы можете использовать инструмент, отличный от WordPress, такой как Compressor.io.
Перед добавлением изображения на сайт загрузите его в этот инструмент и выберите, хотите ли вы использовать сжатие с потерями или без потерь.
(Если вы не уверены, какой из них лучше, продолжайте читать – мы увидим через минуту.)
После этого вы сможете увидеть информацию о том, насколько уменьшился файл, и сможете загрузить новый файл меньшего размера.
Después de guardar el nuevo archivo de imagen, puede subirlo a su sitio.
A continuación, también querrá asegurarse de estar utilizando los tipos de archivo apropiados para cada imagen. Esto puede parecer una preocupación menor, pero los tipos de archivo que usa pueden afectar el tamaño de cada archivo.
Tienes algunas opciones diferentes y las más comunes son JPG, PNG y GIF,
JPG es generalmente su mejor opción para fotos. Utiliza compresión con pérdida, lo que significa que parte de los datos de una imagen se pierden cuando se guardan en este formato.
Esta pérdida de datos es indetectable para los espectadores en las fotos, pero resulta en un tamaño de archivo más pequeño que la mayoría de los tipos de archivos de imágenes.
Entonces, si está cargando páginas con muchas fotos, asegurarse de que sean todas JPG puede disminuir significativamente los tiempos de carga, sin afectar su apariencia en absoluto.
Los PNG, por otro lado, usan compresión sin pérdidas. Esto significa que cuando guarda una imagen como PNG, no pierde ningún dato y el tamaño del archivo resultante es mayor que un JPG.
Si necesita tener líneas claras y detalles nítidos, PNG es el camino a seguir. Esta es la mejor opción para logotipos, capturas de pantalla, dibujos lineales y otros gráficos detallados.
Finalmente, los GIF solo deben usarse para gráficos pequeños o simples de menos de 10 × 10 píxeles, una paleta de colores de 3 o menos colores, y para imágenes animadas.
Una vez que tenga los tamaños y formatos de imagen correctos, puede asegurarse de que el código que usa para implementarlos también sea correcto. En particular, asegúrese de evitar códigos de src de imagen vacía.
En HTML, el código de una imagen incluye esto:
Cuando no hay una fuente entre comillas, el navegador realiza una solicitud al directorio de la página o a la página en sí. Esto puede agregar tráfico innecesario a sus servidores e incluso dañar los datos del usuario.
Afortunadamente, esta es una solución fácil de hacer. Agregue la ruta del archivo de la imagen que desea incluir o elimine las etiquetas adicionales por completo.
12. Use un CDN
Más allá del servidor que aloja su sitio, también puede usar otras redes de servidores para disminuir los tiempos de carga para sus visitantes.
Cuando su sitio está alojado en un servidor, cada usuario que lo visita envía solicitudes a ese mismo servidor.
Esto significa que cuando su sitio experimenta altos niveles de tráfico, aumenta el tiempo que lleva procesar cada solicitud, lo que ralentiza los tiempos de carga para todos ellos.
Cuando considera que los tiempos de alto tráfico generalmente presentan una tonelada de potencial de crecimiento para su negocio, esto está lejos de ser ideal.
Además, para los usuarios que están físicamente más lejos de su servidor, los tiempos de carga son más altos porque la información tiene que recorrer una distancia mayor, incluso cuando experimentando mucho tráfico.
Un CDN, o Content Delivery Network, puede ayudarlo a eliminar estos problemas.
Con un CDN, almacena en caché su sitio en una red global de servidores. Cuando el navegador de un usuario solicita archivos de su sitio, esa solicitud se enruta al servidor más cercano.
Por ejemplo, supongamos que su servidor de origen está en California, pero usa una CDN para alojar archivos a nivel mundial. Tu red podría verse así:
Si un usuario de Sudáfrica visita su sitio, su navegador podría descargar archivos de un servidor cercano.
El contenido que recibe el usuario es idéntico, pero puede cargarse mucho más rápido de lo que lo haría si su navegador estuviera haciendo solicitudes a un servidor que estaba geográficamente lejos. Esto elimina los retrasos de carga y los problemas de latencia que los usuarios ubicados lejos de los servidores de alojamiento a veces experimentan.
En un experimento, VentureHarbor informó disminuciones en el tiempo de carga que van del 20 al 51% – por 20 minutos de trabajo.
Las mejoras exactas varían de una página a otra, con páginas que tienen muchas imágenes grandes que se benefician más de un CDN.
Si desea comenzar a usar un CDN, sus mejores opciones son MaxCDN и Flama de nube,
MaxCDN es un CDN completo, lo que significa que ofrece servicios de CDN. Tienen más centros de datos y se centran únicamente en mejorar los tiempos de carga.
Cloudflare, por otro lado, combina el servicio CDN con características de seguridad y optimización.
El que elija dependerá de si desea esas funciones adicionales o si solo quiere centrarse en mejorar la velocidad.
Y de cualquier manera, preparándose Es un proceso bastante rápido.
Si utiliza MaxCDN, comenzará creando una "zona de extracción". Haga clic en "Zonas" en el panel de administración.
Luego, haga clic en "Crear zona de extracción".
Aquí, deberá ingresar la URL original del servidor, así como un nombre y una etiqueta para su zona de extracción.
Después de hacer clic en crear, verá una URL para su CDN, como cdn.yourdomain.netdna-cdn.com. Copy this into notepad, or somewhere else that it’s easily accessible. (You’ll need it in a few minutes.)
Next, you’ll need to create a “content zone” by clicking the “manage” button next to your pull zone. Click “Settings” and enter multiple subdomains into the “Custom Domains” fields.
These should typically be cdn.yourdomain.com, cdn1.yourdomain.com, cdn1.yourdomain.com, cdn3.yourdomain.com, and so on.
(This naming format is standard practice and will be easiest to remember if you ever run into issues or need to consult a developer.)
You can add up to seven custom domains, then click “Update.”
Then, you’ll need to add your new CDN to your site through your hosting provider’s DNS editor. The exact location varies by provider, but in most cases, you can find the DNS editor under your “Domains” menu.
In Bluehost, this menu is called “Zone Editor.” If you use Bluehost, the fields you need will look like this.
Enter the URL that MaxCDN provided (copied and pasted from notepad), set the Type to “CNAME,” and one of the custom CDN domains you created (like cdn.yourdomain.com).
Then, repeat this process for all of your subdomains.
You’re done!
And if you want to use Cloudflare, the process is even simpler,
Нажмите на “Sign Up” button on their homepage, then create an account. Enter your domain and click “Begin Scan.”
This take about one minute, and will how all of your DNS records, including any subdomains. You can decide which ones you want to enable.
Select the plan you want, then click “Process and continue.”
Then, you’ll see the Cloudflare nameservers for your domain. Next, you’ll need to update the nameservers for your domain.
You’ll need to do this through your domain registrar. Log into your registrar and navigate to your nameserver records.
This is different for each registrar. With Bluehost, for example, you can find it by going to “Domain Manager,” then clicking the “Name Server” tab.
Then, switch your preferences to “Use Custom Nameservers” and copy and paste the nameserver that Cloudflare provided.
Save your changes, then return to the Cloudflare dashboard to verify that you’ve installed your CDN correctly. Click the “Overview” tab, and if your CDN is running, you’ll see an “Active” status code.
If so, your CDN is up and running!
The final step you’ll want to take is to verify that your SSL records are in place. Click the “Crypto” tab to verify that the SSL records are in place. You should see one for your root domain, and one wildcard subdomain record.
If you don’t yet see these records, it may take 24 hours for them to appear.
But once they do, your CDN is serving the secure version of your site — exactly like your origin server.
13. Use external hosting platforms
In addition to hosting your site’s files on a CDN, you can also use external hosting platforms for some of your larger files.
This is particularly valuable for videos.
For example, let’s say you want to add a video tutorial to your site. You create, edit, and export the video file.
¿Ahora que?
Your first thought might be to upload the video directly to your site via your FTP or WordPress editor.
Don’t do this.
When you host videos on your own server, they take up a of space. Video files can easily take up over 100MB.
If you use a shared server, you have a limited amount of space. Videos can make you quickly exceed this limit.
In some cases, large video files may even violate your terms of Acceptable Use, which can end up getting your hosting account shut down altogether.
And even if you upload large videos to your hosting provider, it will likely provide a poor user experience.
If multiple users attempt to watch a video on your site at the same time, your server will need to deliver that huge file to all of them. If your server has a limited amount of bandwidth, this can result in lags and pauses in playback.
If you’ve ever attempted to watch a video and had it pause every few seconds to load, you know how frustrating it can be.
Don’t do that to your visitors.
Instead, host your video on a third-party service like Youtube, Vimeoили Wistia,
Then, embed the video on your site.
This process saves space, results in faster load times, and is extremely easy to do.
The most difficult part is just choosing which one you want to use.
Youtube
When most people think of online video, they think of YouTube. It’s one of the most well-known sites in the world, with a user base of over 1.5 million people that watch almost 5 billion videos per day.
This means it has more monthly users than every major social media platform but facebook.
It’s also completely free to use.
The biggest potential advantage to YouTube is that it can help you reach a larger audience. If you want to use video to grow awareness of your brand and send traffic to your site, it’s a great option.
If you just want to embed videos on your site, though, and don’t care about having them be discovered on another platform, this may not matter.
The one notable downside to YouTube is that it has a 15-minute limit for most videos. If you want to upload lengthier content, you’ll need to submit a request to increase your limit — so if this is something you’ll be doing on a regular basis, it may not be the best option for you.
Vimeo
After YouTube, Vimeo is the second-largest video hosting platform with 715 million views per month,
So while it still has the potential to get your videos in front of a new audience, your potential audience smaller than it would be with YouTube.
On the upside, its standard video player looks a bit nicer than YouTube’s.
It’s important to note, though, that Vimeo has upload limits for content.
While a basic membership will allow you 500MB in uploads per week, and up to 5GB total, their three paid plans range from $7 to $50 per month, with storage from 250GB to 5TB.
Wistia
Wistia is a bit different from YouTube and Vimeo in that it’s designed with marketing in mind.
Users don’t generally browse Wista’s site for content — so if having your videos searched and found, this is not the option for you.
But if you’re focused on using video as a marketing tool, it could be exactly what you need.
The platform offers comprehensive analytics, including where your visitors come from, where they click, and how far into a video they stop watching.
It also lets you include calls to action directly in your videos, and even require them to sign up for your email list before watching.
Plus, Wistia’s video player is customizable, so you can give your videos a branded feel by changing the play button and other controls to your brand’s colors.
Then, copy and paste the code into the page where you want it to appear.
For HTML sites, simply add it to your code in the location you want it to show up on the page.
For WordPress, switch to the text editor and do the same.
Here is an example of what a Wistia video looks like embedded in a WordPress blog post:
14. Optimize CSS delivery
CSS holds the style requirements for your page. Generally, your website accesses this information in one of two ways: In an external file, which loads before your page renders, or inline, meaning it is in the HTML document itself.
The external CSS is loaded in the head of your HTML with code that looks something like this:
Inline CSS is nested in your page’s HTML and looks like this:
As a general rule, avoid including CSS in HTML code (like in divs or your headings) like in the inline CSS pictured above. You’ll get cleaner code if you put all of your CSS in your external stylesheet.
This reduces the size of your code and creates fewer code duplications.
When setting up your styles, it’s also best to only use one external CSS stylesheet, since additional stylesheets increase HTTP requests.
If you’re not sure how your CSS is currently set up, you can use this CSS delivery tool to find out. Enter your URL, and you’ll see a report with all of external your CSS files.
Scroll down, and you’ll also see where that external file is located, as well as any inline CSS on the page and the total size of your CSS files.
If you have more than one external CSS file, each one adds to your page load time. In some cases, this is unavoidable — but in most, it’s best to combine them.
Fortunately, this is a simple process, and one that can usually be accomplished with nothing more than copy and paste.
Simply copy the contents of each CSS file you have, and paste it into one main CSS file,
Then, update your HTML to reference this new file, and remove all references for the old files.
Now, your visitors’ browsers only need to download one CSS file instead of multiple, which reduces the overall number of requests and decreases page load time.
Once you’ve done this, you can use PageSpeed Insights to make sure that you do not have any issues with render-blocking CSS.
If you have any blocking script resources, you’ll see them under “Optimization Suggestions.”
If you’re already using a plugin like WP Rocket or W3 Total Cache, this should not be an issue. If you still have render-blocking issues, double-check your plugin settings or follow Google’s recommendations for optimizing CSS delivery.
15. Prioritize above-the-fold content (lazy loading)
Having just recommended that you use only one CSS stylesheet and no inline CSS, there is one caveat you need to consider.
You can improve user experience by having your above the fold (top of the page) section load faster — even if the rest of the page takes a few seconds to load.
This is called lazy loading and is particularly helpful for pages with lots of content below the fold.
For example, let’s say you write a blog post that includes 20 photos. Normally, a user’s browser would need to download all of those images before displaying anything on the page.
With lazy loading, it can load the content within view first, then load all of those photos after.
This way, the user doesn’t have to wait to access the page, and the images will load as they come into view.
This can significantly reduce load times on posts with tons of images (like this one).
And if you run your site on WordPress, enabling it is as easy as installing a plugin. Есть plenty of options you can use to start using lazy loading on your site.
Медленный заряд
Медленный заряд is an extremely simple plugin that uses jQuery.sonar to only load images when they are visible in a user’s browser.
All you need to do is install and activate it Then, the plugin will automatically detect when an image is visible for a user, and load it.
There are no settings or customization options to mess with — which, depending on your preferences, could either be a good thing or a bad one.
Either way: If you’re looking for a fast, simple solution, this is it.
BJ Lazy Load
BJ Lazy Load is another relatively simple plugin, but offers a few more options for customization.
First, you can determine which content on your site you want to lazy load. This can include content, thumbnails, gravatars, images, and iframes.
You can also set a standard placeholder image for content that hasn’t yet loaded, and skip images with certain classes.
So, for example, if you don’t want a specific image to lazy load, you could code it with something like:
This way, the plugin knows to load that image as normal.
You can also set a threshold for how close to a viewer’s screen an element should be before loading. This gives you more control over the speed and function of how your page loads.
The plugin is also compatible with infinite scroll.
If you’re looking for a plugin that’s easy to use, but gives a bit more control than Lazy Load, this is a great option.
WP Rocket
If you already use WP Rocket, you can also use the plugin to enable lazy loading,
Open your WP Rocket settings, then click the “Basic” tab. In the LazyLoad section, check the box next to “Enable for images.”
Once you’ve enabled this feature, there are a few customization options you can use.
For example, if you don’t want to use lazy loading on a specific post or page, you can simply disable it for that page.
Just open the page, then scroll down to the “Cache Options” box in the right sidebar. Then, uncheck the box next to “LazyLoad for Images,” and save your changes.
You can also use snippets of code to disable lazy loading for specific types of pages, like your home page or blog page.
For example, disabling lazy load for your home page would look like this:
You can copy and paste these snippets from WP Rocket’s tutorial on lazy load settings,
If you want to disable lazy load for specific images, you can do that using the “data-no-lazy” attribute.
Just add it into your image’s code, and that image will load normally.
Finally, you can enable a fade in effect to make your images load more smoothly.
When images appear all at once, they can provide a jarring experience for visitors. You can make them appear more gradually by adding a snippet to your CSS file.
You can also find this snippet in WP Rocket’s lazy load tutorial,
16. Reduce the number of plugins you use on your site
As you’ve likely gathered from this post so far, plugins can do a lot to improve your WordPress site. You can use them to add custom functionality, clean up your code, improve user experience, and more.
They also eliminate the need to mess with a lot of code, which makes for an extremely user-friendly experience when working on your site.
Plus, they’re extremely easy to install.
This makes it easy to continue adding and installing plugins, without considering the potential downside.
Unfortunately, having too many plugins installed can cause some issues.
They can slow your site, create security issues, and even cause crashes and other technical difficulties.
Plus, keeping up with maintenance and updates can be tedious when you have a lot.
And even if you have a ton of plugins, it’s a good idea to evaluate the ones you have installed on a regular basis. Any that are outdated, inefficient, or incorrectly configured can have a negative impact on your site speed.
Deactivating and deleting any that are unnecessary can both improve your overall speed and make maintenance easier in the long run.
There are a few different ways you can evaluate the plugins on your site and weed out any that slow your site speed.
Test your plugins
When you’re looking to improve site speed, there are two different ways to determine which plugins are impacting it.
The first is to selectively disable plugins, then measure your site’s performance. This can be a tedious process if you have a lot of plugins, but will show you the difference each one makes.
First, run a speed test with all of your plugins enabled. You can do this with tools like GTmetrix, Pingdom, or any other site speed tool you prefer.
The plugin load time at the top of the report tells you the cumulative load time for all of the plugins on your site, as well as the percentage of your total load time they make up.
You can also see a detailed timeline with information about every plugin, your theme, and the core for each page. This will help you identify exactly what the issue is on slow-loading pages.
Finally, you can keep a history of your performance scans directly in the plugin. This way, if you run into issues in the future, you’ll have a benchmark and a good starting point for identifying issues.
If you find any plugins during your evaluation that are slowing your site and aren’t necessary, simply deactivate and delete them.
One easy win to look for here is your contact form plugin, if you have one. Many site owners install a contact form plugin because they think it’s the only way to add a form to their site.
But today, many themes come with built-in contact form functionality.
If you notice that your contact form plugin is slowing your site down, double-check to see if this feature comes with your theme. If so, update your forms and delete the plugin.
Identify overlaps in functionality
In most cases, the plugins you’ve installed on your site serve a clear purpose. So even if the sheer volume is slowing your site, deleting them may not be an option.
Fortunately, there are many plugins that can accomplish more than one goal, and finding them can help you eliminate plugins that only serve one purpose.
For example, the WP Rocket and WP Total Cache plugins on this page are both extremely useful for improving site speed and they’re both great options.
But considering that they serve many of the same purposes, you most likely don’t need both. If you had both of them installed on your site, you could evaluate the features you use on each and see if either could do everything you need.
Then, enable all of those features in the plugin you choose to stick with, and deactivate the other.
If you have a lot of plugins installed, you may be surprised at how many of the simpler ones can easily be eliminated by enabling a feature in a more robust one.
Eliminate plugins for tasks you can do manually
Depending on your level of experience, you can also cut down on your amount of plugins by doing certain tasks manually.
For example, many site owners use a plugin to add their Google Analytics tracking code to their header. And while this makes the process extremely easy for users who aren’t comfortable editing code, it’s not necessary.
If you have the Insert Headers and Footers plugin (or a similar one) installed to edit other parts of your header tag, you can copy your Google Analytics code from your admin dashboard, then paste it here.
Save your changes, and your tracking code is installed.
Si tu have a plugin for editing headers and footers installed, you can manually add it to your header through your site’s FTP.
Of course, this is a more advanced option, and only a good idea if you’re comfortable with basic code edits. But once you paste your code and re-upload the file, you’re all set to use Google Analytics — with absolutely no plugin required.
Another basic plugin you may have installed is a font plugin. These plugins are designed to make it easy to change your site’s fonts — but if you have one installed, you can eliminate it with a few lines of code.
идти Fuentes de Google and select the font you want to use on your site. Under “Embed,” you’ll see the HTML and CSS codes for that font.
Add the HTML code to your header, and the CSS to your site’s CSS stylesheet wherever you want to use your chosen font.
You can do this with as many fonts as you want, too. So you can fully customize how all of the text on your site appears, without a single plugin.
17. Reduce redirects
Redirects are often necessary when you move and delete pages, and are the best way to eliminate issues with broken links.
But having too many of them can create additional HTTP requests, which can negatively impact speed, particularly on mobile devices.
This means it’s best to keep them to a minimum. На самом деле, Google says that ideally, site owners would eliminate them entirely.
Unfortunately, this is not realistic for most site owners who’ve ever eliminated or restructured their content.
Still, in most cases, there’s room for improvement.
You can start by using Screaming Frog to quickly identify all of the redirects currently on your site.
Run a site scan, then sort by the “Status Code” column to see all of the 301 redirects on your site.
You can look through these redirects to see what they’re accomplishing, and make sure that they serve a necessary purpose.
You can also use this opportunity to identify redirects chains, or redirects that point to other redirected pages. This creates unnecessary extra requests, which can slow down your load times.
If you find any redirect chains, you can edit your .htaccess file to point all of your redirected pages directly to the most recent versions of that page.
18. Reduce external scripts
As we mentioned above, the fewer requests your site makes to your server, the faster a page will load.
Though CSS and JavaScript files are often the main culprits of extra external scripts, they’re not the only ones — and eliminating any others can also have an impact on your speed.
There are many common third-party integrations you may have running on your site that you don’t really think about.
You can identify all of the external scripts that are adding requests by reopening the network tab in Chrome’s Developer Tools.
For example, if you use Gravatar for blog comments, you might notice that loading user images adds a significant amount to your load time.
Or, if your site is integrated with Twitter for easily sharing posts, this might also increase the number of HTTP requests your site makes.
Of course, some of these extra features are worth the milliseconds they add to your load times. In this case, you can leave them as-is.
But if they worth slowing your page speed, uninstall or remove them.
Knowing which features are adding to your load times will help you better understand your site’s speed. It can also help you make more informed decisions about the features you choose to add to your site in the future.
19. Monitor your speed over time
As you work to improve your site speed, it’s a good idea to monitor how it changes over time. This is important even after you’ve achieved an acceptable page load time.
As you can see from this post, there are of factors that affect your site’s speed — so it can change at almost any time.
Monitoring your load times on a regular basis can help you catch any issues early on, and keep your site in good shape.
How to do a website speed test
There are many tools you can do to accomplish this. One of the best for monitoring overall site performance is Pingdom’s Website Speed Test,
Simply enter your URL, then select where you want to test your site from. If you don’t have a location preference, you can leave this at the default — but if you’re worried about users who are geographically far from your servers, this lets you test your site from various locations.
Then, you’ll see a summary of your page’s load time and performance, including the page size, number of requests, and how it stacks up against other tested sites.
This information gives you an at-a-glance look at your site speed’s health, and tracking it over time is an easy way to monitor improvements or decreases in performance.
Below that, you’ll see a list of suggestions for improving your site’s performance. If you’re unhappy with your load time, this will help you identify the issues that are causing it.
This information is all included in the free version of the tool.
The paid version also provides page speed reports, which show your site’s speed over time. This can help you identify trends, and the precise time your site begins having issues — making it easy to get to the root of any problems.
The paid version also includes alerts and uptime monitoring, which monitor your site and automatically alert you of issues.
This includes a mobile app, which will notify you of server errors, downtime, and other critical problems. These features make it easy to catch issues as they happen and make sure your site is always loading quickly and functioning well.
20. Monitor mobile page speed
In addition to monitoring your load times on desktop, you’ll want to pay particular attention to how well your site loads on mobile devices.
As we mentioned above, mobile user experience now impacts of your site’s rankings.
Plus, it’s in your best interest to provide a fast, user-friendly site to mobile users.
You can start by using Google’s Test My Site tool to audit your own page speed. To get started, just enter your URL.
First, your results will show you your site’s average load time on 3G, as well as how that stacks up to recommended best practices.
It also shows you the number of estimated visitors lost due to load times. If you have slow load times, this can be a startling number.
Next, Google provides an industry comparison to show where you stack up against other sites in your industry.
Given that many of these sites are your competitors’, you’ll want to work towards being a top performer within your industry.
If your site’s speed isn’t yet close to where you want it to be, this can feel like a lofty goal. But as you make the changes listed in this post, you can continue testing your site and moving up in the ranks.
заключение
Getting your page load times to where you want them to be is a challenging undertaking, but will have a significant positive impact on your overall site performance.
It’s also important to remember that while all of the tips on this page can help you achieve your site speed goals, you don’t need to implement all of them today.
Spend some time looking through your site’s speed test results and look for the issues that have the greatest impact on your load times. Focus on those high-impact factors and take the necessary steps to get them into shape.
From there, you can work your way through this list and look for other easy wins. While some of the tips here may require help from a developer, some of them can be done in under an hour.
And though some of them may seem minor, even small steps toward reducing load time can make a difference and when you consider the impact that even one second can have on your conversions and success, they’re entirely worth it.
