Как увеличить скорость загрузки сайта: 10 советов о том, как увеличить скорость загрузки страницы | by Nikita | WebbDEV

Помимо отслеживания времени загрузки на компьютере, вы должны уделять особое внимание тому, насколько хорошо ваш сайт загружается на мобильных устройствах.

Как мы упоминали выше, опыт пользователей мобильных устройств теперь влияет на всех позиций вашего сайта.

Кроме того, в ваших интересах предоставить быстрый и удобный сайт для мобильных пользователей.

Вы можете начать с использования инструмента Google Test My Site для проверки скорости вашей страницы. Для начала просто введите свой URL.

Во-первых, ваши результаты покажут вам среднее время загрузки вашего сайта в сети 3G, а также то, насколько оно соответствует рекомендуемым передовым методам.

Он также показывает приблизительное количество посетителей, потерянных из-за времени загрузки. Если у вас медленное время загрузки, это может быть поразительное число.

Затем Google проводит сравнение по отраслям, чтобы показать ваши позиции по сравнению с другими сайтами в вашей отрасли.

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

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

Заключение

Уменьшить время загрузки страницы до желаемого значения — непростая задача, но она окажет значительное положительное влияние на общую производительность вашего сайта.

Также важно помнить, что, хотя все советы на этой странице могут помочь вам в достижении целей по скорости вашего сайта, вам не нужно выполнять их все сегодня.

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

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

И хотя некоторые из них могут показаться незначительными, даже небольшие шаги по сокращению времени загрузки могут иметь значение, и если учесть влияние, которое даже одна секунда может оказать на ваши конверсии и успех, они полностью того стоят.

Эта статья была написана сегодня Daily Eggspert.

3 простых совета по увеличению скорости загрузки страницы вашего веб-сайта

Быстро загружающийся веб-сайт становится все более важным фактором как для взаимодействия с пользователем (UX), так и для поисковой оптимизации (SEO).

Сегодняшний пользователь ожидает, что веб-сайт будет загружаться быстро, а те, которые не загружаются, вероятно, испытают в результате негативные последствия.Aberdeen Group провела исследование, которое показало, что задержка загрузки страницы в одну секунду приводит к уменьшению количества просмотров страниц на 11%, снижению удовлетворенности клиентов на 16% и снижению конверсии на 7%. Google также указал, что скорость загрузки сайта является одним из сигналов, используемых его алгоритмом для ранжирования страниц.

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

1. Оптимизировать изображения и видео

Одними из главных виновников увеличения времени загрузки веб-страницы являются изображения и видео, поскольку они занимают значительную часть общего размера страницы. И есть два различных фактора, связанных с изображениями и видео: размер каждого отдельного ресурса и общее количество ресурсов, загружаемых на любую данную страницу. Важно учитывать оба этих фактора.

Уменьшить размер файла всех медиаресурсов

• Правильно изменяйте размер изображений — Мы часто видели, что клиенты совершали ошибку, загружая полноразмерные 12-мегапиксельные изображения без предварительного изменения размера.Не загружайте изображение шириной 6000 пикселей, если оно будет отображаться с разрешением 500 пикселей. Хотя сетчатка имеет значение (2x), убедитесь, что размер фотографий соответствует параметрам дизайна.
• По возможности придерживайтесь JPG — JPG — это формат сжатого изображения, который поддерживает целостность изображения, не тратя лишнего места. Поэтому для подавляющего большинства приложений предпочтительнее формат JPG. Вы должны использовать PNG только тогда, когда необходима прозрачность. Избегайте одновременного использования форматов TIFF и BMP.
• Сжать все фотографии — Даже фотографии с соответствующим размером все равно останутся файлами большего размера, чем они должны быть. Убедитесь, что все фотографии сжаты, так как сжатие может значительно уменьшить размер файла без значительного ущерба для качества изображения. На базовом уровне вы можете экспортировать из Photoshop (или другого графического инструмента), используя опцию «Сохранить для Интернета». Мы большие поклонники Imagify из-за его полной интеграции в WordPress. В Интернете также есть множество инструментов для сжатия изображений, которые вы также можете использовать.
• Сжать все видео — Видео — особенно видео высокой четкости — потенциально может значительно снизить скорость. Обязательно сжимайте каждое видео с помощью инструмента сжатия видео, такого как Handbrake.
• Встраивание с использованием платформы видеохостинга 3 ^rd . — Также неплохо встраивать видео с помощью платформы видеохостинга 3 ^rd , такой как Vimeo или Wistia, чтобы снизить влияние на пропускную способность вашего хостинг-сервера.

Ограничить количество общих активов на каждой странице

Имейте в виду, что чем больше изображений и видео вы разместите на каждой странице, тем больше времени потребуется для загрузки. Важно помнить об общем «размере» ресурсов каждой страницы. Такие функции веб-сайта, как слайдеры (или карусели), фоновые видео, большие изображения и фоновые текстуры, могут добавить интерес к сайту, но они также увеличивают скорость загрузки страницы. Постарайтесь найти здоровый баланс между визуальной эстетикой и пользовательским опытом.

2. Используйте плагин кэширования, скорости страницы

Есть много факторов, которые влияют на скорость загрузки страницы веб-сайта, но многие из них просто выходят за рамки компетенции среднего маркетолога.К счастью, существует множество полезных плагинов или модулей (в зависимости от вашей CMS), которые могут помочь с технической тяжелой работой. Кэширование страниц — это еще один способ сократить время загрузки страницы. Кэшированные страницы обслуживаются как статические HTML-версии определенной страницы, чтобы избежать длительных запросов к базе данных вашего веб-сайта. Кэшированная веб-страница загружается намного быстрее — при этом нагрузка на сервер снижается до 80%. Пользователи WordPress могут легко установить один из многих популярных плагинов кэширования страниц, например W3 Total Cache.

Надежное решение для скорости страницы для веб-сайтов WordPress, таких как WP Rocket, может не только обрабатывать кеширование страниц (заменяя необходимость в плагине, таком как W3 Total Cache), но и множество других методов оптимизации скорости страницы, таких как:

• Включение кеширования браузера
• Ленивая загрузка изображений и видео
• Минификация ресурсов (HTML, CSS, JS)
• Удаление строк запроса из статических ресурсов
• Объединение файлов (Google шрифты, CSS, JS)
• Оптимизация базы данных
• Асинхронная загрузка файлов CSS
• Загрузка файлов JS отложена

Примечание. Хотя в решении для скорости страницы, таком как WP Rocket, доступно множество опций, имейте в виду, что существуют потенциальные риски.Отключите параметры, если вы заметили на своем веб-сайте какие-либо визуально неработающие элементы.

3. Обновите свой пакет веб-хостинга

Качество вашего пакета веб-хостинга может существенно повлиять на скорость загрузки страницы вашего сайта — как положительную, так и отрицательную. Особенно для более крупных и ресурсоемких веб-сайтов, а также для веб-сайтов, генерирующих много трафика. Хотя использование недорогой платформы общего (или сетевого) хостинга может быть заманчивым, инвестирование в высокопроизводительный VPS, управляемую или выделенную платформу веб-хостинга должно быть приоритетом.Эти пакеты часто используют гораздо более быстрые технологические стеки, а также содержат выделенные ресурсы и множество важных опций для точной настройки вашего сервера.

Другие советы по ускорению вашего сайта

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

• Минимизация HTTP-запросов — Это сводится к мельчайшим деталям веб-разработки, но уменьшает общее количество частей веб-страницы (таких как изображения, сценарии и т. Д.)), которые необходимо загрузить, может сократить время загрузки страницы.
• Включить сжатие Gzip — Gzip сжимает ваши веб-страницы и таблицы стилей перед отправкой их в браузер. Это уменьшает размер страницы до 70%, что также может значительно сократить время передачи.
• Использование CDN (сети доставки контента) — Использование CDN может повысить скорость вашего сайта за счет размещения файлов веб-сайта в большой сети серверов по всему миру. Это позволяет пользователям загружать файлы с серверов, которые находятся рядом с ними, а увеличение пропускной способности сокращает время загрузки страницы.
• Настройка параметров сервера — Серверное программное обеспечение (например, Apache) не всегда достаточно настроено для оптимальной производительности веб-сайта. Проконсультируйтесь со своим хостинг-провайдером о том, как лучше всего «настроить производительность» вашего сервера для вашего веб-сайта и системы управления контентом (CMS).

Тим Азимос
Партнер и директор по цифровым технологиям и развитию

Тим — синдицированный блоггер и востребованный спикер в национальном масштабе, делится глубокими взглядами на современный маркетинг и необычным взглядом, почерпнутым из почти 20-летнего опыта работы в сфере B2B и A / E / C.

22 простых совета по ускорению вашего веб-сайта на 70% всего за 45 минут

В 2006 году Amazon сообщила, что каждые 100 миллисекунд, которые они ускоряют, свой веб-сайт, они видят увеличение дохода на 1%. Затем Google объявил, стремясь улучшить Интернет, что скорость загрузки страниц является фактором ранжирования результатов поиска.

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

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

Один из способов — использовать WhichLoadsFaster для сравнения скорости загрузки вашего сайта со скоростью загрузки всех ваших основных конкурентов. Стремитесь быть самым быстрым из всех.

Другой способ — использовать следующие рекомендации:

Менее 1 секунды = идеально
1-3 секунды = выше среднего
3-7 секунд = среднее
7+ секунд = очень плохо

Эти тесты основаны на исследованиях, показывающих, что 47% людей ожидают, что веб-страница загрузится менее чем за две секунды, а 57% посетителей покинут страницу, загрузка которой занимает 3 секунды или более.

Так как же работал этот сайт до того, как я описал все в этом посте?

Сайт Venture Harbour был неплохим со скоростью загрузки страницы 1,61 секунды, но явно было что улучшить. Домашняя страница выполняла 64 запроса и занимала более 3 Мбайт, что довольно много и во многом было вызвано загрузкой большого количества JS-файлов из плагинов, которые даже не использовались.

Потратив 45 минут на выполнение как можно большего количества рекомендаций в этом посте, мне удалось снизить скорость загрузки нашей страницы до 583 мс, уменьшив размер страницы до одной трети и почти вдвое уменьшив количество HTTP-запросов.Все это было сделано без каких-либо изменений в визуальном интерфейсе пользователя.

Итак, как вы можете таким образом ускорить свой сайт? Давайте начнем с того, что имеет наибольшее влияние.

# 1 Используйте CDN (сеть доставки контента)

Размещение ваших медиафайлов в сети доставки контента — один из лучших способов ускорить работу вашего сайта. Часто он позволяет сэкономить до 60% полосы пропускания и вдвое сократить количество запросов, которые делает ваш сайт.

CDN работают, размещая ваши файлы в большой сети серверов по всему миру. Когда пользователь посещает ваш сайт из Таиланда, он загружает файлы с ближайшего к нему сервера. Поскольку полоса пропускания распределена между множеством разных серверов, она снижает нагрузку на любой отдельный сервер, а также защищает ваши сайты от DDoS-атак и скачков трафика.

Мы протестировали несколько CDN в Venture Harbor, в том числе MaxCDN, Cloudwatch, Static DNA и Cloudflare. Cloudflare — наш фаворит (и для начала бесплатен).

# 2 Используйте WP Engine

Изучая наше руководство по лучшему веб-хостингу, я установил мониторинг времени отклика для ряда различных веб-хостинговых компаний.Я просто открыл учетную запись, загрузил пустой сайт WordPress с идентичной темой, а затем использовал инструмент мониторинга сервера, чтобы проверять время отклика каждые пять минут.

9/10 протестированных мной веб-хостов имели время отклика от 600 мс до 1300 мс. Время ответа сервера WP Engine составило 293 мс. Да, это не самое дешевое решение для веб-хостинга (они начинаются с 29 долларов в месяц), но это одна из немногих хостинговых компаний, которая действительно оправдывает свою цену. На самом деле, если бы я мог вернуться на 5 лет назад и сделать что-то по-другому, я бы начал использовать WP Engine раньше, поскольку это не только значительно ускорило наши сайты, но и улучшения безопасности и рабочего процесса также избавили нас от многих головных болей.

Смена веб-хостинга не может быть чем-то, что вы можете сделать менее чем за 45 минут, но это может иметь больший эффект, чем все перечисленные ниже «настройки» вместе взятые. Мой совет? Если вы пользуетесь услугами посредственного или некачественного веб-хостинга, прекратите читать, начните использовать такой хост, как WP Engine, и вернитесь позже, если у вас все еще есть проблемы со скоростью загрузки страниц.

# 3 Используйте плагин кеширования

Если вы используете WordPress, один из самых быстрых и простых способов снизить скорость загрузки страницы — это установить плагин кеширования, например WP Total Cache или WP Super Cache.Конечно, если вы используете WP Engine, вы можете пропустить этот момент, поскольку у них есть встроенное кеширование.

Оба упомянутых выше плагина можно загрузить бесплатно и они очень хороши. Несмотря на свое название, плагины кеширования делают многое, помимо кеширования браузера, хотя это их основная функция. Я расскажу о преимуществах и о том, как добавить кеширование браузера за секунду без плагина, но для тех, кто использует WordPress и хочет быстро повысить скорость страницы, часто бывает проще просто установить плагин.

# 4 Добавить заголовки Expires для использования кеширования браузера

Если вы не используете WordPress или не хотите устанавливать другой плагин для добавления заголовков Expires и кеширования браузера, вот как это реализовать вручную.

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

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

Добавить заголовки Expires очень просто. Вам просто нужно следовать приведенным здесь инструкциям, чтобы добавить немного кода в файл .htaccess.

# 5 Используйте хорошую тему (при использовании WordPress)

Профилактика обычно лучше, чем лечение. Во-первых, чтобы предотвратить множество проблем со скоростью страницы, вам следует выбрать хороший хост, хороший CDN и хорошую тему / дизайн.

Для цифрового маркетолога неприятно, когда веб-дизайнеры создают сайты, которые выглядят красиво, но ужасно работают с точки зрения SEO или скорости. Я помню, как однажды мне приходилось доставлять новости клиенту, который потратил четверть миллиона фунтов на новый веб-сайт, но он был отменен, потому что это свело бы на нет их усилия в области цифрового маркетинга. Это самый экстремальный пример, который я когда-либо видел, но он оставил шрам, который я всегда буду помнить.

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

Недавно я составил этот огромный список адаптивных тем WordPress, которые были разработаны дизайнерами тем с учетом скорости. При выборе темы, если сомневаетесь, выбирайте минимум.

# 6 Сжимайте изображения с помощью WP Smush.it

Если вы используете WordPress, установите плагин WP Smush.it для автоматического сжатия изображений. Это уменьшит размер ваших изображений без потери визуального качества. Самое замечательное в этом плагине то, что он работает в фоновом режиме каждый раз, когда вы загружаете новое изображение. Вы также можете запустить его ретроспективно для всех изображений, загруженных в вашу медиатеку.

# 7 Очистите базу данных

Одна из ловушек WordPress заключается в том, что ваша база данных может очень быстро стать беспорядочной из-за сохраненных черновиков, исправлений публикаций, деактивированных плагинов и т. Д.WP Optimize — фантастический плагин, который регулярно удаляет все ненужные вещи, которые загромождают вашу базу данных.

После запуска этого в базе данных Venture Harbour мне удалось уменьшить базу данных с 5 МБ до 3 МБ, что помогает ускорить время, необходимое браузеру для сбора и возврата файлов из базы данных.

# 8 Сожмите свой сайт с помощью gzip

Gzip — это простой метод сжатия файлов вашего веб-сайта для экономии трафика и ускорения загрузки страницы.Gzip сжимает ваши файлы в zip-файл, который быстрее загружается браузером пользователя. Затем браузер пользователя разархивирует файл и показывает его содержимое. Этот метод передачи контента с сервера в браузер намного более эффективен и экономит много времени.

Вы можете включить Gzip, просто добавив следующий код в ваш файл .htaccess:

  # сжатие текста, html, javascript, css, xml:
AddOutputFilterByType DEFLATE текст / простой
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE текст / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

# Или сжимайте файлы определенных типов по расширению:

SetOutputFilter DEFLATE  

Чтобы проверить, включен ли Gzip или работает ли он правильно на вашем сайте, вы можете использовать Gziptest.com.

# 9 Исправить все неработающие ссылки

Неработающие ссылки не только истощают трафик, но и являются одним из самых надежных способов заставить пользователя покинуть ваш сайт. У одного из наших клиентов недавно было несколько сотен ошибок 404, отображаемых в Инструментах Google для веб-мастеров. После исправления всего этого среднее количество страниц, посещаемых одним пользователем, увеличилось с 1,4 до 1,85 страниц за посещение, а также наблюдалось заметное снижение показателя отказов.

Если скорость страницы не является достаточной причиной для исправления неработающих ссылок, мы надеемся, что влияние на эти поведенческие показатели будет.

Чтобы определить ваши неработающие ссылки, я бы рекомендовал использовать следующие (бесплатные) инструменты:

Причина, по которой я рекомендую использовать все три, заключается в том, что некоторые из них будут углубляться, чем другие, и выявлять ошибки сканирования, которых нет у других. Как только вы обнаружите 0 неработающих ссылок во всех трех инструментах, ваша работа сделана!

# 10 Уменьшение количества перенаправлений

Хотя переадресация 301 (постоянная) предпочтительнее, чем ошибка 404 (неработающие ссылки), они все еще не идеальны, поскольку замедляют время, необходимое браузеру для перехода к правильной версии страницы.

Screaming Frog снова стал отличным инструментом для обнаружения 301 редиректа. Если вы используете ПК, вы также можете использовать Xenu Link Sleuth, который является отличным инструментом для сканирования данных с веб-сайтов.

# 11 Минимизируйте файлы CSS и JS

Если вы посмотрите, что вызывает медленную загрузку ваших страниц, скорее всего, это как-то связано с неэффективной загрузкой большого количества неуклюжих файлов Javascript или CSS. Одна из ловушек WordPress и других систем управления контентом заключается в том, что новый файл JS или CSS добавляется практически каждый раз, когда вы устанавливаете новый плагин.

Есть несколько способов уменьшить ваши файлы. Первый способ заключается в объединении всех ваших файлов в один — поэтому вместо вызова десяти отдельных файлов javascript вы просто помещаете весь свой javascript в один файл.

Второй аспект минимизации включает удаление пробелов и уменьшение размера файлов. Если вы используете WordPress, WP Minify — отличный плагин, который автоматически сделает все это за вас.

# 12 По возможности заменить PHP статическим HTML

PHP отлично подходит для повышения эффективности вашего сайта и уменьшения необходимости вводить одну и ту же информацию несколько раз.Однако вызов информации через PHP использует ресурсы сервера и должен быть заменен статическим HTML, где он не экономит время

Расти без догадок

Знайте, какие кампании будут работать без потери бюджета с нашим последним проектом TrueNorth.

Получите бесплатный ранний доступ

# 13 Ссылка на таблицы стилей, не используйте @import

Как и в предыдущем пункте, @import использует больше ресурсов, чем прямая ссылка на ваши таблицы стилей, несмотря на достижение точно такого же результата.Еще одна причина, по которой не следует использовать @import, заключается в том, что некоторые старые браузеры не поддерживают его, поэтому по возможности лучше избегать его.

# 14 Отключить пинг-бэк и трекбэк в WordPress

Пингбэки и трекбэки на самом деле не имеют практического применения в WordPress, и тем не менее они часто включены по умолчанию. Я бы рекомендовал отключить оба эти параметра, поскольку они засоряют вашу базу данных и увеличивают количество выполняемых запросов.

# 15 Включить Keep-Alive

HTTP Keep Alive — это сообщение, которое отправляется между клиентским компьютером и веб-сервером с просьбой разрешить загрузку файла.Включение Keep Alive позволяет клиентскому компьютеру загружать несколько файлов без повторного запроса разрешения, что помогает сэкономить пропускную способность.

Чтобы включить Keep Alive, просто скопируйте и вставьте приведенный ниже код в файл .htaccess.

  
    Набор заголовков Поддерживает активность соединения
  

# 16 Укажите размеры изображения

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

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

# 17 Укажите набор символов в заголовках HTTP

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

Вы можете сделать это, просто добавив тег набора символов UTF-8 в раздел своего веб-сайта.

# 18 Поместите CSS вверху, а JS внизу

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

# 19 Отключить хотлинкинг изображений

Когда другой веб-сайт использует «горячую ссылку» на ваши изображения, это крадет пропускную способность, замедляя работу вашего сайта.http (s)?: // (www.)? ventureharbour.com [NC] RewriteRule. (Jpg | jpeg | png | gif) $ — [NC, F, L]

# 20 Отключите все плагины, которые вы не используете

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

# 21 Минимизировать время приема-передачи (RTT)

Время приема-передачи — это время, необходимое клиенту для отправки запроса и ответа сервера. На него влияет множество факторов, но в первую очередь на него влияет количество отправляемых запросов.Как показано на скриншотах Pingdom в верхней части этого поста, мне удалось почти вдвое уменьшить количество выполняемых HTTP-запросов, что значительно сократило время приема-передачи.

Чтобы уменьшить количество запросов, используйте спрайты CSS, чтобы вызывать меньше изображений, уменьшать и объединять файлы JS и CSS и не вызывать ничего, что вам не нужно. Одна из моих самых больших проблем с WordPress заключается в том, что плагины, которые нужны только на определенных страницах, такие как Disqus или Contact Form 7, обычно вызываются на каждой странице, что создает ненужные запросы.Уменьшение количества ненужных запросов уменьшит ваши RTT.

# 22 Использовать спрайты CSS

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

CSS-спрайтов работают, потому что быстрее загружать одно большое изображение и использовать CSS для отображения нужного раздела, чем загружать множество изображений меньшего размера.Это потому, что браузеру не нужно делать столько запросов.

Самый быстрый способ использовать спрайты CSS — использовать SpriteMe, инструмент, который позволяет легко превращать все ваши изображения в спрайты CSS.

Почему скорость загрузки страниц сейчас важнее, чем когда-либо

С учетом того, что использование мобильного Интернета, как ожидается, превзойдет использование настольных компьютеров через 12 месяцев, исправить скорость вашего сайта никогда не было так важно, как сейчас. Интернет-пользователи менее терпимы к медленным веб-сайтам, чем когда-либо, и переход к мобильным устройствам с доступом в Интернет означает, что если вы не будете быстрыми, вас никто не увидит.

Кредит изображения: Лен Мэтьюз

Рекомендации по оптимизации скорости и производительности веб-сайта

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

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

Важность оптимизации скорости сайта

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

Давайте посмотрим, как оптимизация скорости веб-сайта влияет на ключевые факторы успеха веб-сайта:

• преобразование
• видимость
• юзабилити

Преобразование. Конверсия веб-сайта является важным фактором успеха вашего бизнеса, а это означает, что ваши посетители будут делать то, что вы от них хотите. Например, они купят ваш продукт, подпишутся на рассылку новостей, зарегистрируются на веб-семинар или загрузят руководство.

Чем быстрее загружается страница, тем выше у нее коэффициент конверсии. Согласно исследованию Hubspot, задержка в 1 секунду означает снижение конверсии на 7 процентов. Например, замедление загрузки страницы на 1 секунду может стоить Amazon 1,6 миллиарда долларов продаж ежегодно.

Видимость . Время загрузки вашего сайта также влияет на то, насколько легко пользователи могут найти ваш сайт. Скорость веб-сайта — один из факторов, который Google принимает во внимание при ранжировании сайтов. У низкоэффективного веб-сайта неудовлетворительный пользовательский опыт, и, как следствие, он получает меньше продвижения в результатах поиска.С декабря 2017 года поисковая система Google начала ранжирование также на основе мобильных версий страниц, даже для поиска на компьютере. Цель этого решения — защитить пользователей от веб-сайтов, которые имеют низкую производительность и не реагируют на все устройства.

Удобство использования. Удобство использования веб-сайта, такое как скорость страницы веб-сайта, время загрузки и скорость реакции веб-сайта на запросы пользователей, напрямую влияет на лояльность клиентов. Чем лучше работает ваш веб-сайт, тем больше будет удовлетворен пользователь.Хороший пользовательский опыт — это способ создать большую клиентскую базу и сильный бренд.

Способы оценки скорости вашего сайта

Перед тем, как начать оптимизацию скорости вашего сайта, вы должны определить ваше текущее время загрузки и определить, что замедляет ваш сайт. Затем вы должны установить цели производительности вашего сайта. Рекомендуемое время загрузки страницы в 2018 году — менее 3 секунд. Согласно исследованию Google о средней скорости мобильной связи в отраслевых секторах, лишь небольшая часть веб-сайтов приближается к рекомендуемой скорости.

Индекс средней скорости мобильной связи в США

Итак, если вы оптимизируете скорость своего сайта до приемлемого уровня, вы получите значительное преимущество в рейтинге перед конкурентами.

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

Есть несколько инструментов оценки производительности, которые стоит попробовать:

• Google Pagespeed Insights — это бесплатный инструмент от Google, который выполняет тест производительности вашего сайта и дает рекомендации по увеличению производительности. Работает как для настольной, так и для мобильной версии.
• Pingdom — также отличный инструмент для тестирования скорости веб-сайтов с рядом полезных функций. Он отслеживает историю производительности вашего веб-сайта, дает рекомендации на основе данных о том, как повысить скорость веб-сайта, и создает простые для понимания отчеты.Pingdom также предоставляет приложения для тестирования скорости веб-сайтов для Android и iOS. У него есть как бесплатные, так и профессиональные платные планы мониторинга.
• YSlow также предоставляет рекомендации по повышению производительности страницы, рисует статистику и суммирует все компоненты.
Калькулятор бюджета производительности
• — это бесплатный инструмент, который помогает выяснить, какой тип контента вы можете использовать для обеспечения оптимальной работы вашего сайта.

Калькулятор бюджета производительности

Рекомендации по ускорению вашего сайта

После того, как вы проверили скорость своего сайта, вы можете приступить к его оптимизации.Есть много разных способов ускорить работу вашего сайта, и мы составили список самых эффективных.

1.

Сеть доставки контента — это набор веб-серверов, распределенных в различных географических точках, которые предоставляют веб-контент конечным пользователям с учетом их местоположения. Когда вы размещаете веб-сайт на одном сервере, все запросы пользователей отправляются на одно и то же оборудование. По этой причине время, необходимое для обработки каждого запроса, увеличивается.Кроме того, время загрузки увеличивается, когда пользователи физически находятся далеко от сервера. В CDN запросы пользователей перенаправляются на ближайший сервер. В результате контент доставляется пользователю быстрее, а веб-сайт работает быстрее. Это довольно дорогой, но достаточно эффективный способ оптимизации времени загрузки.

2. Переместите ваш сайт на более удобный хост

Есть три возможных типа хостинга:

• Виртуальный хостинг
• Хостинг виртуальных частных серверов (VPS)
• Выделенный сервер

Самый популярный тип хостинга, который используется во всем мире, — это общий хостинг .Это самый дешевый способ вывести свой сайт в Интернет за короткое время и за небольшую плату. Важно выбрать быстрый веб-хостинг, чтобы обеспечить лучшую оптимизацию. С виртуальным хостингом вы разделяете ЦП, дисковое пространство и оперативную память с другими сайтами, которые также используют этот сервер. Это основная причина, по которой виртуальный хостинг не такой быстрый, как VPS или выделенный сервер.

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

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

Другой подход — аренда выделенного облачного ресурса у AWS, Microsoft Azure, Google или другого поставщика общедоступного облака. Оба подхода также можно объединить в гибридное облако, которое мы недавно обсуждали.С выделенными серверами все ресурсы принадлежат только вам, и вы получаете полный контроль над ними. Облачные инфраструктуры также могут добавлять неограниченную масштабируемость и масштабируемость по запросу в рамках ряда пакетов.

Бессерверная архитектура — еще один вариант, который полностью исключает процедуры обслуживания и настройки сервера. Прочтите нашу отдельную статью, в которой рассматриваются особенности и преимущества бессерверной архитектуры.

3. Оптимизируйте размер изображений на своем сайте

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

Лучший способ уменьшить размер изображения без ущерба для его качества — это сжать изображения с помощью таких инструментов, как ImageOptim, JPEGmini или Kraken. Процедура может занять немного времени, но оно того стоит. Другой способ уменьшить размер изображения — использовать атрибуты HTML-чувствительных изображений и , которые регулируют размер изображения в зависимости от свойств отображения пользователя.

4. Уменьшить количество плагинов

Плагины — общие компоненты каждого веб-сайта. Они добавляют специальные функции, предложенные третьими сторонами. К сожалению, чем больше плагинов установлено, тем больше ресурсов требуется для их запуска. В результате сайт работает медленнее, а также могут возникнуть проблемы с безопасностью. Со временем количество плагинов растет, а некоторые из них могут больше не использоваться. Мы рекомендуем проверить все плагины, которые вы установили, и удалить ненужные.Сначала запустите тесты производительности на своей странице, чтобы узнать, какие плагины замедляют работу вашего сайта. Скорость работы сайта зависит не только от количества установленных плагинов, но и от их качества. Старайтесь избегать плагинов, которые загружают много скриптов и стилей или генерируют много запросов к базе данных. Лучшее решение — хранить только необходимые и постоянно обновлять их.

5. Минимизируйте количество файлов JavaScript и CSS

Если ваш веб-сайт содержит много файлов JavaScript и CSS, это приводит к большому количеству HTTP-запросов, когда посетители вашего веб-сайта хотят получить доступ к определенным файлам.Эти запросы обрабатываются браузером посетителя индивидуально и замедляют работу сайта. Если вы уменьшите количество файлов JavaScript и CSS, это, несомненно, ускорит ваш сайт. Попробуйте сгруппировать весь JavaScript в один, а также сделайте это со всеми файлами CSS. Это уменьшит общее количество HTTP-запросов. Существует множество инструментов для быстрой минимизации файлов HTML, CSS и JavaScript. Например, вы можете использовать инструменты WillPeavy, Script Minifier или Grunt.

6. Используйте кеширование веб-сайтов

В случае, если к странице одновременно обращается много пользователей, серверы работают медленно и требуется больше времени для доставки веб-страницы каждому пользователю.Кеширование — это процесс сохранения текущей версии вашего сайта на хостинге и представления этой версии до тех пор, пока ваш сайт не будет обновлен. Это означает, что веб-страница не отображается снова и снова для каждого пользователя. Кэшированной веб-странице не нужно каждый раз отправлять запросы к базе данных.

Подходы к кешированию веб-сайтов зависят от платформы, на которой разработан ваш веб-сайт. Например, для WordPress вы можете использовать следующие плагины: W3 Total Cache или W3 Super Cache. Если вы используете VPS или выделенный сервер, вы также можете настроить кеширование в общих настройках.В случае с общим сервером кеширование веб-сайта обычно недоступно.

7. Реализовать сжатие Gzip

Gzip Compression — эффективный способ уменьшить размер файлов. Это минимизирует HTTP-запросы и сокращает время ответа сервера. Gzip сжимает файлы перед их отправкой в ​​браузер. Со стороны пользователя браузер распаковывает файлы и представляет их содержимое. Этот метод может работать со всеми файлами на вашем сайте. Вы можете включить Gzip на своем сайте, добавив несколько строк кода или используя утилиту gzip.

8. Оптимизация базы данных в CMS

Оптимизация базы данных — эффективный способ повышения производительности. Если вы используете систему управления контентом (CMS), упакованную сложными плагинами, размер базы данных увеличивается, и ваш сайт работает медленнее. Например, WordPress CMS хранит комментарии, сообщения в блогах и другую информацию, которая занимает много места для хранения данных. Каждая CMS требует собственных мер по оптимизации, а также имеет ряд специальных плагинов. Для WordPress, например, вы можете рассмотреть WP-Optimize .

9. Сократите использование веб-шрифтов

Веб-шрифты стали очень популярными в веб-дизайне. К сожалению, использование веб-шрифтов отрицательно сказывается на скорости рендеринга страницы. Веб-шрифты добавляют дополнительные HTTP-запросы к внешним ресурсам. Следующие меры помогут вам уменьшить размер трафика веб-шрифтов:

• Используйте современные форматы WOFF2 для современных браузеров;
• Включите только те наборы символов, которые используются на сайте;
• Выбирайте только нужные стили

10.Обнаружить 404 ошибки

Ошибка 404 означает, что «Страница не найдена». Это сообщение предоставляется хостингом браузерам или поисковым системам, когда доступное содержимое страницы больше не существует. Чтобы обнаружить и исправить ошибку 404, вы можете использовать инструменты и плагины для обнаружения ошибок. Как мы уже упоминали, дополнительные плагины могут негативно повлиять на скорость вашего сайта, поэтому мы советуем запускать ресурс с помощью внешних инструментов для обнаружения ошибок. Например, Xenu’s Link Sleuth, Google Webmaster Tools (GWT) и 404 Redirected Plugin для WordPress .

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

11. Сократить редиректы

Перенаправления веб-сайтов создают дополнительные HTTP-запросы, которые негативно влияют на производительность.Мы советуем свести их к минимуму или полностью исключить. Во-первых, вы должны определить все перенаправления на своей странице, запустив сканирование сайта. Вы можете использовать Screaming Frog, чтобы быстро определять перенаправления. Затем вы должны проверить, служат ли они необходимой цели, и оставить только самые важные.

12. Используйте методы предварительной выборки

Предварительная выборка влечет за собой чтение и выполнение инструкций до того, как пользователь их инициирует. Техника довольно распространенная. Это хорошо работает, если вы можете предвидеть действия пользователя и, например, заранее загружать некоторый контент или ссылки.Обычно современные браузеры допускают предварительную выборку по умолчанию, поскольку они предполагают шаблоны поведения пользователя. Однако специалисты и инженеры UX с большей вероятностью поймут поведение пользователей и будут «подсказывать» браузерам, как выполнить предварительную выборку.

Существует три основных типа предварительной выборки:

DNS-prefetching. Эта практика предполагает предварительное преобразование доменов в IP-адреса.

Предварительная выборка ссылок. Если вы уверены, что пользователь щелкнет определенную ссылку для перехода на какую-либо страницу, вы можете применить этот тип предварительной выборки.Этот метод полезен для стабильных действий пользователя, таких как переход на страницу корзины покупок после добавления одного или нескольких товаров.

Предварительная отрисовка. Этот подход означает предварительную визуализацию всей страницы или некоторых ее элементов.

Хотя предварительная выборка и эффективна, она требует глубокого анализа поведения пользователя, чтобы делать точные предположения.

Заключение

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

Итак, мы рекомендуем применить простой, но эффективный подход к оптимизации скорости сайта:

1. Проверьте и оцените ключевые факторы успеха веб-сайта, учитывая конверсию, видимость и удобство использования.
2. Проверьте текущую скорость вашего веб-сайта и определите приоритеты страниц и функций, которые требуют наибольшего внимания с учетом этих трех факторов.
3. Начните оптимизацию с наиболее важных аспектов снижения скорости и сосредоточьтесь на страницах, которые больше всего определяют успех вашей конверсии.

9 быстрых способов повысить скорость загрузки страницы

Когда дело доходит до производительности вашего сайта, скорость загрузки страниц имеет первостепенное значение.

Однако, если вы не понимаете, как работает этот показатель — и, в частности, факторы, которые на него влияют, — вам может быть трудно улучшить.

Чтобы снизить показатель отказов и повысить вовлеченность посетителей, важно, чтобы ваши веб-страницы загружались быстро и без проблем.

Сайт, оптимизированный по скорости, не только улучшает пользовательский опыт (UX), но также может помочь повысить рейтинг вашего сайта в поисковых системах.

В этой статье мы объясним, что такое скорость страницы, почему она важна и как ее измерить. Затем мы предоставим вам девять быстрых решений, которые вы можете использовать для увеличения скорости загрузки страницы.

Приступим!

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

Есть множество факторов, которые могут повлиять на скорость страницы. Некоторые из наиболее важных включают:

• Сколько изображений, видео и других медиафайлов содержится на странице
• Какие темы и плагины установлены на вашем сайте
• Кодирование вашего сайта (и конкретной страницы) и серверные скрипты

Все эти элементы влияют на скорость загрузки вашей страницы и, в свою очередь, на UX вашего сайта. В конце концов, посетители не любят страницы, которые загружаются медленно, и с большей вероятностью откроют их.

Когда дело доходит до скорости загрузки страницы, на счету каждая секунда. Фактически, исследование Google показывает, что при увеличении времени загрузки с одной до трех секунд вероятность отказа (посетитель сразу уходит) увеличивается на 32 процента.

Если загрузка страницы занимает пять секунд, вероятность возврата повышается на 90 процентов:

Источник изображения

Другими словами, если ваши страницы не загружаются в течение нескольких секунд, это значительно увеличивает вероятность того, что посетители покинут ваш сайт.Кроме того, если ваши веб-страницы работают медленно, это может повредить вашей способности привлекать внимание и увеличивать количество конверсий.

Скорость страницы также играет ключевую роль в поисковой оптимизации (SEO). Google принимает во внимание множество факторов при принятии решения о ранжировании веб-страниц.

Однако скорость является важным показателем ранжирования как для поиска на настольных компьютерах, так и для мобильных.

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

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

Прежде чем вносить какие-либо изменения в свой сайт, вам необходимо измерить производительность ваших веб-страниц.Существуют различные инструменты, которые вы можете использовать для тестирования и измерения скорости страницы. Два популярных решения — это тест скорости веб-сайта Pingdom и GTmetrix, которые подходят для начинающих.

Однако мы рекомендуем начать с Google PageSpeed ​​Insights. Это простой в использовании инструмент, который позволяет вам измерять и тестировать скорость ваших веб-страниц как на настольных, так и на мобильных устройствах.

Plus, как инструмент, поддерживаемый Google, может помочь вам убедиться, что вы соответствуете критериям производительности, необходимым для размещения с высокими результатами поиска.

Чтобы использовать PageSpeed ​​Insights, просто введите URL-адрес веб-страницы, которую вы хотите протестировать, в текстовое поле и нажмите кнопку Analyze :

Google PageSpeed ​​Insights.

PageSpeed ​​Insights затем проанализирует контент на вашей странице и оценит его по шкале от 0 до 100. Под вашей оценкой вы найдете список предложений о способах повышения скорости загрузки страницы:

Предложения по повышению производительности.

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

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

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

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

1. Выберите хостинг с оптимизацией производительности.

Хостинг-провайдер, которого вы используете, играет важную роль в управлении вашим сайтом и его производительности. Это включает его скорость страницы.

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

Дешевый хостинг часто приводит к снижению производительности. Это может означать совместное использование ресурсов между несколькими веб-сайтами на перегруженном сервере, что может привести к увеличению времени загрузки вашей страницы.

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

2. Сжимайте и оптимизируйте изображения.

Изображения помогают улучшить внешний вид ваших веб-страниц и повысить качество вашего контента. Однако большие изображения также могут задерживать загрузку.

Таким образом, один из самых простых способов увеличить скорость загрузки страницы — это сжать и оптимизировать изображения. Это может включать изменение их форматов файлов, включение отложенной загрузки и сжатие изображений с помощью сжатия с потерями или без потерь.

Уменьшая размеры файлов изображений, вы можете уменьшить их «вес», что в конечном итоге поможет вашим страницам загружаться быстрее. Для этой цели можно использовать множество плагинов для оптимизации изображений, например WP Smush.

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

Если вы не используете WordPress в качестве своей CMS, вы можете попробовать tinypng.com, который может уменьшить размеры ваших изображений от 25% до 80%, и бесплатное приложение для веб-сайтов под названием Squoosh.

3. Уменьшите количество перенаправлений.

Слишком много перенаправлений на вашем веб-сайте может серьезно снизить время загрузки. Каждый раз, когда страница перенаправляется куда-то еще, она продлевает процесс HTTP-запроса и ответа.

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

Есть несколько способов уменьшить количество перенаправлений в WordPress. Один из них — избегать создания ненужных при построении внутренних ссылок и меню. Другой — убедиться, что ваш домен верхнего уровня (TLD) разрешается с помощью не более одного перенаправления.

Если вам нужна помощь в определении перенаправлений, которые неправильно настроены на вашем сайте, вы можете использовать инструмент отображения переадресации Патрика Секстона:

Инструмент отображения переадресации Патрика Секстона.

Это обнаружит все повторяющиеся перенаправления. Вы также можете использовать такой инструмент, как Screaming Frog, чтобы определить все перенаправления на вашем сайте и куда они ведут. Это должно упростить выявление перенаправлений, которые не служат цели. Затем вы можете удалить те, которые вам не нужны, через файл .htaccess вашего сайта.

4. Кэшируйте свои веб-страницы.

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

Кэширование ваших веб-страниц может помочь уменьшить время до первого байта (TTFB), требуя от сервера использования меньшего количества ресурсов для загрузки страницы.

Существуют различные способы кэширования ваших веб-страниц. Вы можете сделать это на уровне сервера, то есть ваш хост сделает это за вас.

Другой вариант — использовать плагин кеширования, такой как W3 Total Cache , , который является бесплатным плагином WordPress, который делает кэширование ваших веб-страниц быстрым и простым. После установки и активации просто перейдите к General Settings > Page Cache и выберите опцию Enable .

5. Включите кеширование браузера.

Кеширование браузера — это еще одна форма кэширования, которую вы можете использовать для повышения скорости загрузки страниц. Этот метод позволяет браузеру хранить различную информацию, включая таблицы стилей, изображения и файлы JavaScript, поэтому ему не нужно перезагружать всю страницу каждый раз, когда пользователь ее посещает.

Подобно W3 Total Cache, WP Rocket — это мощный плагин для кеширования, который вы можете использовать на своем сайте WordPress. Он использует кеширование страниц и предварительную загрузку кеша для оптимизации скорости ваших страниц и создания молниеносной загрузки.WP Rocket — это плагин премиум-класса с множеством тарифных планов на выбор.

6. Используйте асинхронную и отложенную загрузку для файлов CSS и JavaScript.

Ваш сайт состоит из файлов CSS и JavaScript. Эти скрипты могут загружаться синхронно или асинхронно.

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

При использовании этого метода, когда браузер встречает сценарий, он прекращает загрузку других элементов на странице, пока этот файл не будет полностью загружен первым.

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

Если вы используете WordPress, вы можете использовать комбинацию плагинов Autoptimize и Async JavaScript, чтобы легко справиться с этой задачей.

7. Минимизируйте CSS, JavaScript и HTML.

Оптимизация способа загрузки файлов может помочь повысить скорость загрузки страницы. Точно так же можно минимизировать ваш код CSS, JavaScript и HTML.Это означает удаление ненужных пробелов, символов, комментариев и других ненужных элементов для уменьшения размера файлов.

Уменьшение размеров файлов также упрощает их объединение. Результат — более чистый код и более компактные веб-страницы, которые загружаются быстрее.

Конечно, прочесывание каждой строчки кода для каждого файла вашего сайта не совсем эффективно.

Вместо этого вы можете минимизировать свои CSS, JavaScript и HTML с помощью бесплатного плагина: Autoptimize. Этот популярный плагин позволяет легко объединять и уменьшать ваши скрипты и стили автоматически:

Настройки плагина Autoptimize WordPress.

Учитывая широкий спектр функций и настроек, которые он предлагает, настройка этого плагина поначалу может быть немного сложной. Чтобы упростить себе работу, ознакомьтесь с этим руководством о том, как настроить автоматическую оптимизацию на своем веб-сайте.

8. Используйте сеть доставки контента (CDN).

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

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

Это может максимизировать производительность за счет уменьшения расстояния, на которое запросы данных должны проходить между браузерами и серверами вашего хоста. Загружая контент для веб-страницы с сервера, расположенного рядом с каждым посетителем, CDN помогает уменьшить задержку в сети и снизить TTFB.

У вас есть множество вариантов CDN на выбор, одна из которых — это выбор хоста, который предоставляет CDN, вы можете включить его прямо из вашей собственной панели инструментов.

9. Удалите ненужные плагины.

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

Кроме того, устаревшие или плохо обслуживаемые плагины могут представлять угрозу безопасности и даже вызывать проблемы совместимости, снижающие производительность.

Таким образом, это разумная идея — минимизировать количество плагинов, которые вы используете на своем сайте WordPress. Конечно, один из самых простых способов сделать это — отключить и удалить все плагины, которые вы в настоящее время не используете.

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

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

Во-первых, деактивируйте все свои плагины (безопаснее всего сделать это на промежуточном сайте):

Деактивация плагинов WordPress.

Затем включите их по очереди. Каждый раз, когда вы активируете плагин, используйте инструмент тестирования скорости, такой как PageSpeed ​​Insights, чтобы узнать, не повлияло ли это на ваш результат и время.

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

В конечном итоге снижение скорости загрузки страницы улучшает не только общую производительность и UX вашего сайта, но и его SEO. К счастью для вас, существует множество способов уменьшить время загрузки.

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

Использование оптимизированного для производительности хостинга также может существенно повлиять на скорость вашего сайта.

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

Как набрать 100% очков в Google PageSpeed ​​Insights

Вы только что создали новый веб-сайт для своей компании.

Вы потратили дни на разработку дизайна и недели на производство с бесчисленными часами редактирования.

Но есть проблема: вы обнаруживаете, что ваш новый красивый веб-сайт работает не так быстро, как вам нужно.

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

Если у вас нет быстрого веб-сайта, люди будут возвращаться быстрее, чем вы можете сказать «конверсии».

Но ускорить работу вашего сайта — непростая задача.

Часто бывает трудно определить причину, по которой ваш веб-сайт работает медленнее, чем следовало бы.

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

И вам нужно быстро диагностировать и устранять эти проблемы.

Google закроет ваш сайт, если вы этого не сделаете.

Если вы запустите свой веб-сайт через Google PageSpeed ​​Insights и получите 100% результат, ваш сайт будет быстрым.

И Google отдает предпочтение сайтам, которые загружаются быстро.

Чем быстрее загружается ваш сайт, тем ниже показатель отказов.Если ваш сайт работает быстро, у вас больше шансов получить рейтинг в Google по сравнению с медленными сайтами с высоким показателем отказов.

К счастью, Google предлагает этот бесплатный инструмент, чтобы узнать, что вам нужно исправить.

Но, к сожалению, они не дают вам лучших инструкций по достижению 100% результата.

Вот как набрать 100% баллов в Google PageSpeed ​​Insights и почему вам нужно это сделать.

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

Если ваш веб-сайт не входит в топ-10 обычных страниц, вы не попадете на первую страницу.

И подавляющее большинство пользователей поисковых систем просто не перейдут на вторую страницу.

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

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

Backlinko недавно провела исследование, в котором проанализировала более миллионов страниц результатов поисковой системы (SERP) в Google.

Они хотели выяснить, какие факторы были наиболее распространенными среди сайтов, попавших в топ-10 результатов.

И они быстро обнаружили, что средняя скорость загрузки страницы для любого данного веб-сайта является огромным фактором повышения рейтинга:

Все высшие позиции в Google имеют одно и то же общее:

Высокая скорость страниц на своих сайтах.

У них были хорошо оптимизированные сайты, которые их создатели явно разработали для скорости.

Вдобавок к этому они обнаружили, что сайты с самым высоким рейтингом также имеют очень низкие показатели отказов по сравнению с результатами для второй или третьей страницы:

Между быстрыми веб-сайтами и низким показателем отказов существует большая корреляция.

И эта корреляция была недавно подтверждена новым отраслевым тестом Google PageSpeed ​​.

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

Это означает, что если ваша страница загружается за 10 секунд, вероятность того, что кто-то покинет ваш сайт еще до того, как он загрузится, увеличивается более чем на 120%!

И если вы посмотрите на график Backlinko сверху, он показал, что все сайты с самым высоким рейтингом на первой странице Google имели скорость страницы менее 3 секунд.

Но согласно последнему отчету Google, большинство веб-сайтов работают невероятно медленно во всех отраслях:

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

Между тем, лучший тест — меньше трех секунд.

Почти все из нас упускают из виду, когда речь идет о быстродействующем веб-сайте.

Если вы хотите получить шанс занять место на первой странице Google, ваш сайт должен загрузиться менее чем за три секунды.

Backlinko доказало это, а тесты Google еще больше подтверждают эти данные.

В другом исследовании BigCommerce обнаружила , что коэффициент конверсии для веб-сайтов электронной коммерции в среднем находится в диапазоне 1-2%.

и Портент использовали это исследование для проведения собственного исследования. Они обнаружили, что когда вы ускоряете свой сайт с двух секунд до одной секунды, ваши деньги за просмотр страницы увеличиваются на 100%.

Снижение скорости до двух секунд может удвоить ваш трафик и прибыль.

Итак, что вызывает медленную загрузку страницы?

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

Если вы посмотрите на любой веб-сайт в современную эпоху, он, вероятно, до предела заполнен изображениями.

А если вы не оптимизируете изображения, у вас могут быть страницы, занимающие несколько мегабайт места.

Размер и вес страницы часто измеряются байтами веса страницы. Проще говоря, байты веса страницы показывают общий размер веб-страницы, измеренный в байтах.

Сравнительные данные Google показывают, что оптимальная практика для размера или веса страницы составляет менее 500 КБ:

Но опять же, большинство из нас здесь упускают из виду. Мы значительно превышаем рекомендованный вес.

Одна из концепций, которые мне больше всего понравились в отчете Google, исходит из этой короткой, но впечатляющей цитаты:

«Что бы ни случилось, быстрее — лучше, а меньше — лучше».

Поскольку 70% страниц имеют размер более 1 МБ, 36% — более 2 МБ и 12% — более 4 МБ, это утверждение имеет большой вес (не каламбур).

Google обнаружил, что страница весом всего 1,49 МБ (сравнимо со средним размером одного HD-изображения) загружалась на страницу за семь секунд.

В ходе своего исследования они даже нашли веб-страницу с изображениями, размер каждого изображения которых составлял в среднем 16 МБ.

Google просто говорит нам суровую, но обнадеживающую правду:

У нас есть серьезные возможности для улучшения наших веб-сайтов.

Осознание того, что медленные веб-сайты убивают конверсию, — это только начало.

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

Большинство сайтов будут работать медленно из-за больших изображений, занимающих слишком много места.

Но это не всегда верно для каждого веб-сайта.

Прежде чем вносить необходимые изменения, чтобы получить 100% оценку в инструменте PageSpeed ​​Insights, вам необходимо точно знать, что вызывает медленную скорость загрузки сайта.

Для начала откройте инструмент PageSpeed ​​Insights и введите URL-адрес своего веб-сайта в строку:

Нажмите «Анализировать», чтобы Google провел быструю проверку вашего сайта.

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

Вот как выглядит мой отчет:

Это 87/100.

Это не здорово. Впрочем, это тоже не страшно.

Но почти всегда есть возможности для улучшения. Моя цель здесь — довести вас до 100% к концу этой статьи, поскольку мы вместе пройдем этот путь по скорости страницы.

Во-первых, давайте посмотрим на элементы, которые я оптимизировал и усовершенствовал:

Теперь обратите внимание, что в этом списке всего несколько пунктов по сравнению с моим списком «Возможные оптимизации»:

Эта информация говорит мне, что пункты «Возможные оптимизации» немного менее эффективны, чем те, которые я уже оптимизировал.

Но, очевидно, вам нужно будет позаботиться о каждом элементе, чтобы достичь 100% результатов в инструменте Page Speed ​​Insights.

Вам нужно начать с предметов с наивысшим приоритетом (подробнее об этом позже).

Далее мы хотим отдельно протестировать наш мобильный сайт.

Вы можете использовать тестер мобильных сайтов в инструменте PageSpeed ​​Insights, но Google выпустил обновленную, более точную версию этого.

Зайдите на Test My Site , чтобы попробовать. Введите URL своего веб-сайта и нажмите Enter:

Google займет несколько минут, чтобы запустить этот отчет, но он даст вам подробный обзор того, как ваш мобильный сайт работает по сравнению с отраслевыми стандартами.

Он даже скажет вам, сколько посетителей вы можете потерять из-за более низкой скорости страницы.

Вот как выглядят мои данные:

У меня время загрузки на мобильном телефоне составляет четыре секунды.

Помните: рекомендуемое время загрузки — три секунды или меньше.

Это означает, что моя скорость не соответствует отраслевым стандартам.

И из-за этого я теряю до 10% посетителей просто из-за низкой скорости!

Вот как выглядит мой мобильный тест, когда я сравниваю его с отраслевыми стандартами:

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

Прокрутите вниз еще дальше, и Google даст вам оценку того, что ваши основные исправления могут сделать для вашего сайта:

Google говорит, что с помощью нескольких исправлений я смог бы сократить время загрузки примерно на три секунды.

Это означает, что я потенциально могу загрузить свой веб-сайт за одну секунду!

Это потрясающе. И поверьте мне, чтобы сэкономить 10% посетителей или больше, это то, что вам нужно сделать.

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

В этом следующем разделе я расскажу вам, как исправить пять основных проблем со скоростью страницы, которые помогут вам набрать 100% в инструменте PageSpeed ​​Insights.

Получить все 100% с помощью инструмента Google PageSpeed ​​Insights — непростая задача.

Это тоже не произойдет в одночасье. Тебе придется немного поработать и провести несколько часов у точильного камня.

Но если вы хотите сэкономить трафик, увеличить количество конверсий и увеличить доход, вам понадобится для этого.

Это может быть скучно, утомительно и утомительно, но вам нужны эти преобразования. Вы не можете лениться и рисковать оставить трафик и прибыль на столе.

Вот четыре основных способа ускорить свой сайт и получить 100% результатов с помощью Google.

1. Сжимайте изображения

Самая большая причина медленных страниц и низких оценок — большие изображения.

Когда я исправил это на своем собственном сайте, я обнаружил огромное влияние на скорость.

Одним из лучших методов оптимизации для исправления размера изображения является сжатие.

Вы можете сэкономить в среднем 50% или более на размере изображения, используя простые инструменты сжатия.

Если вы используете WordPress , один из лучших способов сделать это, не затрачивая много времени, — это использовать плагин.

Мой любимый плагин — WP Smush Image Сжатие и оптимизация:

WP Smush имеет множество потрясающих функций бесплатно.

Вы можете автоматически размывать изображения, добавляя плагин. Он просканирует вашу медиабиблиотеку на WordPress и обнаружит изображения, которые можно сжать:

Если вы хотите массово загружать тонны новых изображений для своего сайта, вы можете загрузить их прямо в плагин.

Одновременно можно обрабатывать до 50 изображений, что делает его одним из самых быстрых инструментов на рынке:

Если вы перейдете к настройкам этого плагина, вы можете включить настройку автоматического сглаживания изображений при загрузке.

Если вы включите этот параметр, вам больше не придется беспокоиться о сжатии. А если вы сожмете все существующие изображения на своем сайте, вам не придется беспокоиться об этом каждый раз при загрузке.

WP Smush — отличный бесплатный инструмент для обычного пользователя WordPress.

Но если вы не используете WordPress, что вы будете делать?

Ну, есть масса других плагинов для разных сайтов. Например, если у вас есть магазин и сайт на основе Shopify, вы можете использовать Crush.pics :

Crush.pics говорит, что вы можете ожидать большого скачка оценок PageSpeed ​​Insights, используя их инструмент:

«Оценка PageSpeed ​​до сжатия: 75/100. Оценка PageSpeed ​​после сжатия: 87/100 ”

Установите этот бесплатный плагин для Shopify, чтобы начать сжимать изображения и улучшать показатели скорости вашей страницы.

Если вы не знакомы с плагинами или не хотите использовать их на своем сайте, вы можете использовать бесплатные онлайн-инструменты, такие как Compress JPEG , Optimizilla и другие.

Оба являются быстрыми бесплатными инструментами, которые позволяют сжать до 20 изображений за одну загрузку.

Посмотрите этот пример изображения , который я сжал, чтобы дать вам представление о том, насколько эффективными могут быть эти программы:

Я уменьшил размер файла на 68% всего за две секунды с помощью Optimizilla.Он уменьшил размер с 380 КБ до 120 КБ практически без разницы в качестве!

Вы можете использовать все эти инструменты бесплатно, и вам обязательно нужно реализовать их, если вы не можете использовать плагин.

2. Использовать кеширование браузера

Кэширование браузера — еще один инструмент, который может оказать большое влияние с относительно небольшими усилиями, когда дело касается скорости страницы.

Получение ресурсов для загрузки вашего веб-сайта требует огромных усилий. Это требует загрузки каждого изображения и элемента страницы, а затем работы с тяжелым HTML и кодированием.

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

И в этом может помочь кеширование браузера.

Он работает, «запоминая» ранее загруженные ресурсы, поэтому ему не нужно перезагружать их при каждом посещении.

Когда посетитель переходит на новую страницу вашего сайта, все ваши данные, такие как логотипы и нижние колонтитулы, больше не нужно загружать.

Это приведет к значительному увеличению скорости, когда люди заходят на ваш сайт.

Итак, как вы это реализуете? К счастью, для этого есть плагин. Для этого не нужно быть экспертом в программировании.

Попробуйте использовать W3 Total Cache для сайтов WordPress. У него более миллиона активных установок, и это самый популярный плагин для кеширования на рынке:

W3 Total Cache утверждает, что может дать вам как минимум , что в 10 раз повысит общую производительность сайта.

Кроме того, они утверждают (и подтверждают), что этот плагин поможет вам добиться более высоких результатов в инструментах Google PageSpeed.

Этот инструмент также помогает минимизировать HTML (который мы рассмотрим далее), JavaScript и CSS, что дает вам до 80% экономии полосы пропускания.

Попробуйте использовать W3 Total Cache сегодня, чтобы ускорить и ускорить работу своего веб-сайта, даже если у вас нет опыта программирования.

3. Сократите HTML-код

Сведение к минимуму места, занимаемого при кодировании HTML, — еще один важный фактор в получении отличной оценки от Google.

Минификация — это процесс удаления или исправления ненужных или дублированных данных без влияния на то, как браузер будет обрабатывать HTML.

Он включает в себя исправление кода, форматирование, удаление неиспользуемого кода и сокращение кода, когда это возможно.

И еще раз, благодаря отличным параметрам плагина WordPress, вам не нужно быть гением кодирования, чтобы это исправить.

Один из лучших инструментов для этого — HTML Minify :

Вы можете бесплатно скачать этот плагин прямо с их сайта и установить его в свою учетную запись WordPress. И вы можете сделать это за секунды.

Вы также можете установить его прямо со страницы плагина .

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

Если вы хотите увеличить скорость, уменьшение вашего скрипта будет большим выигрышем.

Перейдите на вкладку настроек вашего плагина Minify HTML и включите все следующие настройки:

Вы можете эффективно убить нескольких зайцев одним выстрелом.

Google PageSpeed ​​Insights рекомендует минимизировать HTML, JavaScript и CSS.

Включите параметры «Сократить HTML» + «Встроенный JavaScript».

Затем обязательно выберите «Да» для «Удалить комментарии HTML, JavaScript и CSS».

Самое замечательное в этом плагине то, что он сообщит вам, какие действия рекомендуются для каждой настройки.

Выполните следующие действия, если вы не знаете, как работают эти настройки.

Сократите кодирование сегодня, и вы сразу увидите, как это повлияет на ваш отчет.

4. Внедрить AMP

AMP — это сокращение от Accelerated Mobile Pages .

Это проект, реализованный Google, чтобы помочь мобильным страницам загружаться быстрее.

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

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

Если вы просматриваете Интернет на своем мобильном телефоне, вы, вероятно, нажали на статью, основанную на AMP.

Вот как они выглядят:

Их часто относят к разделу «Главные новости» результатов поиска Google, и они загружаются мгновенно.

У них не так много форматирования, что помогает им быстро загружаться и доставлять контент, который хочет видеть мобильный пользователь.

Когда поисковик в Google нажимает на одну из этих статей AMP, он видит следующее содержание:

Это упрощенная версия настоящего веб-сайта, которая позволяет пользователю перемещаться между разными историями, не покидая веб-страницу и не нажимая на следующую.

Например, вы можете просто провести пальцем влево или вправо , чтобы прочитать следующую статью в последовательности:

Эта функция упрощает взаимодействие с пользователем на мобильных устройствах.

Прошли те времена, когда вам приходилось ждать 10 секунд загрузки сайта, затем возвращаться на страницу результатов поиска и ждать еще 10 секунд загрузки следующего сайта.

Здесь вы можете получить доступ к содержанию нескольких статей, не нажимая кнопку «Назад» один раз.

Это очень эффективно для ускорения работы вашего сайта и снижения вероятности того, что кто-то уйдет.

Тонны компаний используют AMP.

Компания WIRED приступила к внедрению AMP , чтобы улучшить работу с клиентами.

Они обнаружили, что их мобильный пользовательский интерфейс был слишком медленным. Конверсий просто не происходило из-за проблем со скоростью и проблем с удержанием посетителей.

Решение потратить время на AMP оказало огромное влияние на WIRED.

Они увеличили CTR из обычных результатов поиска на 25%.

Они также обнаружили увеличение CTR рекламы в AMP-историях на 63%.

Они также смогли добавить истории AMP к более чем 100 тысячам статей на своем сайте.

Gizmodo также запрыгнул на поезд AMP и увидел огромных улучшений на своем мобильном сайте.

Они получали более 100 000 посещений AMP-страниц каждый день, а время загрузки было в 3 раза быстрее, чем у стандартных мобильных страниц.

Конверсии тоже увеличились на 50%.

Можно с уверенностью сказать, что AMP может значительно повысить конверсию и скорость мобильных устройств, что дает вам огромную возможность получить более высокие баллы в PageSpeed ​​Insights от Google.

Если вы хотите начать использовать AMP на своем сайте, есть несколько способов сделать это.

Если вы знакомы с HTML, вы можете ознакомиться с подробным руководством по AMP здесь.

Для тех, кто менее разбирается в технологиях или не имеет опыта работы с HTML, попробуйте использовать плагин WordPress.

Один из самых популярных плагинов — AMP для WP .

Он имеет более 80 000 активных установок и имеет постоянную поддержку и обновления.

Плагин включает в себя конструктор страниц AMP, на который можно легко перетаскивать элементы страницы:

Это один из самых простых способов создания контента, удобного для AMP.

Все, что вам нужно сделать, это загрузить и установить плагин на панели управления WordPress и активировать его.

Оттуда вы можете использовать конструктор страниц для каждого нового загружаемого сообщения.

Эти страницы затем создадут версию, удобную для AMP, которая будет отображаться в результатах мобильного поиска.

AMP — проверенный способ ускорить работу вашего мобильного сайта.

Он может помочь вам снизить скорость до менее одной секунды, и множество компаний добиваются с этим успеха.

Когда вы потратили бесчисленные дни, недели и месяцы на создание нового веб-сайта, вы хотите, чтобы он был идеальным.

Каждое изображение, элемент и значок должны быть первоклассными.

Но это часто оставляет вас с веб-сайтом, который работает медленнее, чем лучшие практики, установленные Google.

И когда дело доходит до увеличения количества конверсий на вашем сайте, скорость всегда играет большую роль.

Люди не хотят ждать 10 секунд загрузки вашего сайта, когда они могут вернуться в Google и выбрать следующий результат.

И Google делает все возможное, чтобы обеспечить удобство для пользователей. Так что, если ваш сайт слишком медленный, и Google видит, как люди скакают, они бросят вас в поисковую выдачу.

Чрезвычайно важно, чтобы вы набрали 100% результатов в Google PageSpeed ​​Insights. Или как можно ближе к этому высшему баллу.

Это должно быть одним из ваших главных приоритетов при попытке улучшить и оптимизировать ваш сайт.

Чтобы начать работу, вам сначала нужно диагностировать, какие проблемы преследуют ваш сайт.

Это изображения, элементы страницы, слишком много текста, плохой код или все вышеперечисленное?

Используйте инструмент Google PageSpeed ​​Insights, чтобы выяснить, каковы ваши следующие шаги.

Обычно изображения составляют основную часть вашей работы.

Начните со сжатия и оптимизации изображений с помощью плагина или компрессора изображений веб-сайта.

Затем используйте плагин для усиления кеширования браузера. Вы можете найти плагины, которые помогут вашему сайту загружаться намного быстрее и использовать меньше серверных запросов.

Затем рассмотрите возможность минимизации кода. Этот шаг поможет вам удалить ненужное кодирование, которое замедляет работу вашего сайта.

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

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

Получение идеальных 100% результатов в Google PageSpeed ​​Insights может дать вашему сайту импульс, необходимый для успеха.

Какие лучшие способы вы нашли для увеличения скорости вашего сайта?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

• SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
• Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
• Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок