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

Статья написана:
  • Поисковая оптимизация
  • Обновлено: 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>.

В случае, если вы являетесь случайным блоггером и понятия не имеете, о чем я говорю, просто взгляните на свой заголовок.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 советы для не-техников, чтобы ускорить работу своих сайтов?

Статья Джерри Лоу

Geek папа, SEO данных наркоман, инвестор, и основатель веб-хостинга секрет раскрыты. Джерри строил интернет-активы и зарабатывал деньги онлайн с 2004. Он любит бессмысленный каракули и пробует новую пищу.

Присоединиться: