Как ускорить ваш сайт для лучшего поиска

Статья написана:
  • Поисковая оптимизация
  • Обновлено: Apr 24, 2018

* Примечание: этот пост был впервые опубликован в марте 2013. Некоторые из упомянутых здесь инструментов, возможно, устарели.

Не секрет, что Google теперь использует скорость сайта как один из факторов ранжирования. Блог Google Webmaster Central сделал официальное сообщение об этом несколько лет назад:

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

И Мэтт Каттс неоднократно упоминал о важности оптимизации скорости веб-сайта в своем видео блоги.

Во время поиска и чтения по этой теме я столкнулся с несколькими примерами, которые подтверждают это. В одном статья о поисковой системе, Work Coach Cafe получил дополнительный 40% органических потоков после очистки своих кодов и неработающих ссылок; на другом тематическое исследование, Генеральный директор SmartFurniture.com подтвердил, что сайт сделал ключевое лидерство в рейтингах поисковых систем, просто увеличив производительность своего сайта.

Более быстрое время загрузки страницы также равно лучшему преобразованию

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

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

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

В другом исследовании, посвященном Cloud Living, взаимодействие посетителя сайта улучшилось с помощью 19% (средняя продолжительность сеанса, см. Изображение) после оптимизации скорости сайта.

Более быстрый сайт = больше посещений страниц за сеанс и длительность сеанса. Источник: Тун Тран, CloudLiving.com.

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

Легкие способы улучшить скорость вашего сайта

Когда я впервые узнал обо всех этих двух годах назад, я сказал: «Ух ты, в этом так много преимуществ!». Что будет дальше, так это неизбежно вопрос «как». Как мы ускоряем наши сайты? Как мы измеряем скорость нашего сайта и сравниваем с другими? Как мы добиваемся успеха, не вдаваясь в технические подробности?

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

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

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

1. Слайд-шоу

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

Решение легко: отправляйтесь на диету!

Пройдите тщательную проверку на своем сайте и задайте себе следующие вопросы:

  • Вы держите слишком много неиспользуемых CSS на сервере? Удалите их!
  • Ваши изображения слишком велики? Оптимизируйте их с помощью Photoshop, Fireworks или Smush It, если на вашем компьютере не установлено графическое программное обеспечение.
  • У вас слишком много HTTP-заголовков? Удалить их!
  • Вы храните слишком много спам-комментариев? Исправленные комментарии в вашем спам-боксе будут просто замедлять время отклика базы данных. Удалите их как можно скорее!
  • Вы используете слишком много плагинов на вашей CMS? Используете ли вы устаревшие плагины и скрипты на своем сайте? Что ж, пришло время заняться уборкой и обновлением.
  • Ваш JavaScript слишком тяжелый? Минимизировать и сжать его!

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

Несколько лет назад я был небрежен и не знал, что используемая мной тема WordPress имеет <? Php wp_get_archives ('type = month'); ?> встроен в файл header.php.

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

2. Избегайте ненужных HTTP 300, 400 и 500

HTTP 300 относится к перенаправлениям сервера, HTTP 400 относится к проблемам аутентификации, а HTTP 500 относится к ошибкам сервера - все эти результаты для запросов HTTP вызывают ненужные дополнительные обходы * для браузеров. Хотя некоторые HTTP 300 неизбежны (например, перенаправление 301 на новую страницу), вам следует изучить все ошибки HTTP 400 и 500 и попытаться исправить каждую из них.

* Что такое время поездки туда и обратно?

Общий разговор, веб-страница весит примерно 1,100KB по размеру и состоит из примерно объектов 100 (источник); веб-браузер может запрашивать только 2 - объекты 6 одновременно зависят от конфигурации пользователя. Round Trip Times - это количество туда-обратно, которое требуется браузеру, чтобы полностью открыть страницу. Например, чтобы загрузить веб-страницу с объектами 100, браузер, настроенный для одновременной обработки запросов 5, будет выполнять обходы 20 для загрузки веб-страницы. Чем меньше времени на прохождение туда и обратно, тем быстрее загружается веб-страница; мы должны минимизировать количество объектов, доступных на одной странице.

3. Использовать CSS-спрайты

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

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

Sprite Pad

Sprite Pad

Sprite Me

Sprite Me

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

4. Избегайте использования CSS @import

Функция CSS @import помогает загружать таблицу внешних стилей на вашу веб-страницу. Плохая вещь об этом заключается в том, что она просто добавляет дополнительные времена обратного просмотра браузера и увеличивает время загрузки веб-страницы. Чтобы решить эту проблему, просто используйте тег <link>.

Если вы обычный блоггер и не знаете, о чем я говорю, просто посмотрите на свой header.php (если вы используете WordPress), ctrl + F и найдите '@import', переместите файлы .css на тот же сервер, если необходимо, замените строки @import вместо <link>.

Пример: замените

@import url ("../ style1.css"); @import url ("../ style2.css")

в

<link rel = "stylesheet" href = "style1.css"> <link rel = "stylesheet" href = "style2.css">

5. Обновите свою CMS

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

6. Кэш Все, что вы можете использовать

В наши дни в большинстве случаев я использую сторонний плагин для кеширования. Во-первых, мне лень это изучать; во-вторых, есть профессионалы, которые могут делать вещи намного лучше меня, зачем тратить мою энергию на это? Если вы используете WordPress, попробуйте WP Super Cache - это один из самых популярных кешей. Плагин WP в это время написания. Если вы являетесь Joomla, проверьте Cache Cleaner.

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

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

7. Получить в сети доставки контента (CDN)

CDN хранит ваши статические файлы на серверах по всему миру и обслуживает ваши веб-страницы с разных серверов в зависимости от местоположения пользователя. Например, когда пользователь из Малайзии получает доступ к вашему веб-сайту, CDN будет доставлять ваш веб-контент (в основном статические файлы, такие как изображения и HTML-файлы) с сервера, расположенного в Азии, например, в Сингапуре; с другой стороны, если пользователь находится в Мексике, сеть выберет доставку контента из ближайшего расположения сервера, скажем, из США.

Существуют разные марки CDN, но в целом CDN можно разделить на две категории: Pull CDN и Push CDN. Для более подробной информации я предлагаю вам взглянуть на некоторые из авторитетных услуг CDN, таких как MaxCDN CloudFlare.

8. Рассмотрим лучший веб-хостинг

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

Примерно год назад я переключил один из своих сайтов с учетной записи общего хостинга в Hostgator на WP двигателя (облачный хостинг). С тех пор, как я переехал, ситуация резко изменилась, средняя скорость загрузки страницы сократилась с 900ms до 500ms - это почти улучшение 100% (см. Таблицу ниже).

Скорость загрузки страницы WHSR

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

9. Оптимизация базы данных

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

10. Поместите свои сценарии в нижний колонтитул, когда это возможно

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

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

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

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

О Джерри Лоу

Основатель WebHostingSecretRevealed.net (WHSR) - обзора хостинга, которому доверяют и используют пользователи 100,000. Более чем 15-летний опыт в веб-хостинге, партнерском маркетинге и SEO. Вкладчик в ProBlogger.net, Business.com, SocialMediaToday.com и многое другое.

Подключение: