Как ускорить скорость загрузки сайта для лучшего ранжирования
2018-02-07 881 4.7 5

Самые простые способы улучшить ранжирование сайта в Google

скорость страниц в google

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

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

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

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

 

Способы увеличить скорость страницы

 

➣ Активировать сжатие

Используйте приложения Gzip, 7-Zip, WinRAR для сжатия файлов, чтобы уменьшить размер ваших файлов CSS, HTML и JavaScript размером более 150 байт.

Не используйте их для сжатия файлов изображений.

 

➣ Минимизировать CSS, JavaScript и HTML

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

cssresizer сжатие

cssresizer.com

 

веб-интерфейс

refresh-sf.com

 


csscompressor.com

 

⯮ Наш список лучших компрессоров для сжатия JavaScript, CSS и HTML, был бы не полным без компилятора Google.

компилятор Google

closure-compiler.appspot.com/home

 


HTML Compressor

 

HTML Compressor - единственная служба, способная сжимать JavaScript-код, смешанный с PHP и другими языками.

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

 

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

Каждый раз, когда одна страница перенаправляется на другую страницу, ваш посетитель сталкивается с дополнительным временем ожидания завершения цикла запроса HTTP-ответа. Например, если ваш шаблон переадресации мобильного телефона выглядит так: «example.com ➣ www.example.com ➣ m.example.com ➣ m.example.com/home», каждое из этих двух дополнительных перенаправлений, замедляет загрузку страницы.

 

➣ Используйте последний слеш в URL

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

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

https://example.com (это плохо)

https://example.com/services (это тоже плохо)

https://example.com/ (это хорошо)

https://example.com / services / (это тоже хорошо)

 

➣ Использование кэширования браузеров

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

✔ Используйте такой инструмент, как ⯮ redbot.org, ⯬ чтобы узнать, установлена ​​ли у вас дата истечения срока действия для вашего кеша.

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

Больше информации об использовании кэширования в документе Google "Использовать кеширование браузера".

Если ваш сайт размещен у интернет-провайдера (ISP) или на хостинг-ферме и они не позволяют вам устанавливать произвольные HTTP-заголовки (такие как Expires и Cache-Control), упорнее выражайте недовольство; это инструменты, необходимые для вашей работы.

 

- mnot.net

 

➣ Улучшение времени ответа сервера

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

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

 

➣ Использовать сеть распространения контента

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

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

Список самых популярных сетей доставки содержимого (CDN)

MaxCDN

 

MaxCDN

 


 

Amazon CloudFront

 

AWS CloudFront


 

cloudflare

 

Cloudflare


 

akamai

 

Akamai


 

cloud.google

 

Google CLoud


 

azure.microsoft

 

 

Microsoft Azure


 

 

➣ Оптимизация изображений

Убедитесь, что ваши изображения не больше, чем те которые показаны на странице, что они находятся в правильном формате файлов (PNG обычно лучше для графики с менее чем 16 цветами, в то время как JPEG-файлы обычно лучше для фотографий) и что они сжаты для Интернета.

Формат изображения

• JPEG - ваш лучший вариант.

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

• GIF - следует использовать только для небольшой или простой графики (менее 10 × 10 пикселей или цветовой палитры из 3-х или менее цветов) и для анимированных изображений.

• Не используйте BMP или TIFF.

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

 

➣ Атрибут Src не должен быть пустым, не должно быть битых ссылок

В HTML код для вставки изображения на страницу, выглядит так:

< img src = " " >

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

Какому пользователю понравится вместо картинки смотреть на такую печальку: битая ссылка на картинку

Обязательно найдите время, чтобы изменить размер изображений перед их загрузкой. И всегда атрибут src должен иметь действующий URL-адрес (отсутствие битых ссылок на картинки).

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

Найти и затем удалить битые и сломанные ссылки - проще простого, если вы используете инструмент, например Broken Link Checker .

 

➣ Используйте спрайты CSS

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

 

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

Полезные инструменты для создания CSS спрайтов

⯮ Spritepad — drag-and-drop сервис для создания спрайтов

⯮ Sprite Cow — сервис для удобной «нарезки» подготовленного вручную файла со спрайтами

⯮ CSS Sprites — еще один генератор, с расширенными настройками

 

➣ Оптимизация доставки CSS

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

Код
- Ваши стили - < link rel = "stylesheet" type = "text / css" media = "all" href = http: //yourURL/style.css />

Внешняя таблица стилей уменьшает размер вашего кода и создает меньше его дубликатов.

Вот два ресурса, которые могут помочь:

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

Инструкции по объединению внешних CSS-файлов.

 

➣ Продолжайте учиться, совершенствуйтесь

✔ Документация разработчиков Google: Правила безопасности страницы

✔ Оптимизация скорости страницы - полезные советы для оптимизаторов и веб-разработчиков

PageSpeed Получите расширения браузера от Google для Firefox и Chrome, чтобы помочь вам определить проблемы, замедляющие ваш сайт.

✔ Список популярных онлайн сервисов проверки скорости загрузки сайта и предоставляющих исчерпывающую информацию по конкретным ошибкам, вы найдете на странице: Бесплатная проверка скорости загрузки сайта

 

6 плагинов WordPress, которые ускорят ваш сайт

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

WP Fastest Cache

быстрый кэш WP
В бесплатном варианте плагин WP Fastest Cache не работает с картинками сайта, а ведь именно картинки «тормозят» сайт больше всего, особенно в мобильной версии.

 

 

W3 Total Cache

W3 Total Cache

Как минимум 10-ти кратное улучшение общей производительности сайта

 

 

WP Super Minify

WP Super Minify
Этот плагин объединяет, минимизирует и кэширует встроенные файлы JavaScript и CSS

 

 

WP Smush


С WP Smush каждое изображение сжимается, так что общий размер уменьшается, но качество изображения остаются нетронутыми.

 

 

BJ Lazy Load

BJ Lazy Load

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

 

 

WP-Optimize

WP-Optimize
WP-Optimize - эффективный инструмент для автоматической очистки базы данных WordPress, чтобы она работала с максимальной эффективностью

 

 

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

Вот такой заколдованный круг на WordPress.

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

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

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

 

 

цитата скрин

Такова текущая политика Google

 

 

 

pingdom

Проверка скорости, прекрасный тест, который не подошел ни в одну рубрику.
http://tools.pingdom.com/fpt/

 

 

 


Теги:Seo, сайт

Читайте также:

Самые простые способы улучшить ранжирование сайта в Google

скорость страниц в google

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

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

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

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

 

Способы увеличить скорость страницы

 

➣ Активировать сжатие

Используйте приложения Gzip, 7-Zip, WinRAR для сжатия файлов, чтобы уменьшить размер ваших файлов CSS, HTML и JavaScript размером более 150 байт.

Не используйте их для сжатия файлов изображений.

 

➣ Минимизировать CSS, JavaScript и HTML

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

cssresizer сжатие

cssresizer.com

 

веб-интерфейс

refresh-sf.com

 


csscompressor.com

 

⯮ Наш список лучших компрессоров для сжатия JavaScript, CSS и HTML, был бы не полным без компилятора Google.

компилятор Google

closure-compiler.appspot.com/home

 


HTML Compressor

 

HTML Compressor - единственная служба, способная сжимать JavaScript-код, смешанный с PHP и другими языками.

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

 

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

Каждый раз, когда одна страница перенаправляется на другую страницу, ваш посетитель сталкивается с дополнительным временем ожидания завершения цикла запроса HTTP-ответа. Например, если ваш шаблон переадресации мобильного телефона выглядит так: «example.com ➣ www.example.com ➣ m.example.com ➣ m.example.com/home», каждое из этих двух дополнительных перенаправлений, замедляет загрузку страницы.

 

➣ Используйте последний слеш в URL

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

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

https://example.com (это плохо)

https://example.com/services (это тоже плохо)

https://example.com/ (это хорошо)

https://example.com / services / (это тоже хорошо)

 

➣ Использование кэширования браузеров

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

✔ Используйте такой инструмент, как ⯮ redbot.org, ⯬ чтобы узнать, установлена ​​ли у вас дата истечения срока действия для вашего кеша.

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

Больше информации об использовании кэширования в документе Google "Использовать кеширование браузера".

Если ваш сайт размещен у интернет-провайдера (ISP) или на хостинг-ферме и они не позволяют вам устанавливать произвольные HTTP-заголовки (такие как Expires и Cache-Control), упорнее выражайте недовольство; это инструменты, необходимые для вашей работы.

 

- mnot.net

 

➣ Улучшение времени ответа сервера

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

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

 

➣ Использовать сеть распространения контента

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

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

Список самых популярных сетей доставки содержимого (CDN)

MaxCDN

 

MaxCDN

 


 

Amazon CloudFront

 

AWS CloudFront


 

cloudflare

 

Cloudflare


 

akamai

 

Akamai


 

cloud.google

 

Google CLoud


 

azure.microsoft

 

 

Microsoft Azure


 

 

➣ Оптимизация изображений

Убедитесь, что ваши изображения не больше, чем те которые показаны на странице, что они находятся в правильном формате файлов (PNG обычно лучше для графики с менее чем 16 цветами, в то время как JPEG-файлы обычно лучше для фотографий) и что они сжаты для Интернета.

Формат изображения

• JPEG - ваш лучший вариант.

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

• GIF - следует использовать только для небольшой или простой графики (менее 10 × 10 пикселей или цветовой палитры из 3-х или менее цветов) и для анимированных изображений.

• Не используйте BMP или TIFF.

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

 

➣ Атрибут Src не должен быть пустым, не должно быть битых ссылок

В HTML код для вставки изображения на страницу, выглядит так:

< img src = " " >

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

Какому пользователю понравится вместо картинки смотреть на такую печальку: битая ссылка на картинку

Обязательно найдите время, чтобы изменить размер изображений перед их загрузкой. И всегда атрибут src должен иметь действующий URL-адрес (отсутствие битых ссылок на картинки).

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

Найти и затем удалить битые и сломанные ссылки - проще простого, если вы используете инструмент, например Broken Link Checker .

 

➣ Используйте спрайты CSS

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

 

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

Полезные инструменты для создания CSS спрайтов

⯮ Spritepad — drag-and-drop сервис для создания спрайтов

⯮ Sprite Cow — сервис для удобной «нарезки» подготовленного вручную файла со спрайтами

⯮ CSS Sprites — еще один генератор, с расширенными настройками

 

➣ Оптимизация доставки CSS

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

Код
- Ваши стили - < link rel = "stylesheet" type = "text / css" media = "all" href = http: //yourURL/style.css />

Внешняя таблица стилей уменьшает размер вашего кода и создает меньше его дубликатов.

Вот два ресурса, которые могут помочь:

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

Инструкции по объединению внешних CSS-файлов.

 

➣ Продолжайте учиться, совершенствуйтесь

✔ Документация разработчиков Google: Правила безопасности страницы

✔ Оптимизация скорости страницы - полезные советы для оптимизаторов и веб-разработчиков

PageSpeed Получите расширения браузера от Google для Firefox и Chrome, чтобы помочь вам определить проблемы, замедляющие ваш сайт.

✔ Список популярных онлайн сервисов проверки скорости загрузки сайта и предоставляющих исчерпывающую информацию по конкретным ошибкам, вы найдете на странице: Бесплатная проверка скорости загрузки сайта

 

6 плагинов WordPress, которые ускорят ваш сайт

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

WP Fastest Cache

быстрый кэш WP
В бесплатном варианте плагин WP Fastest Cache не работает с картинками сайта, а ведь именно картинки «тормозят» сайт больше всего, особенно в мобильной версии.

 

 

W3 Total Cache

W3 Total Cache

Как минимум 10-ти кратное улучшение общей производительности сайта

 

 

WP Super Minify

WP Super Minify
Этот плагин объединяет, минимизирует и кэширует встроенные файлы JavaScript и CSS

 

 

WP Smush


С WP Smush каждое изображение сжимается, так что общий размер уменьшается, но качество изображения остаются нетронутыми.

 

 

BJ Lazy Load

BJ Lazy Load

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

 

 

WP-Optimize

WP-Optimize
WP-Optimize - эффективный инструмент для автоматической очистки базы данных WordPress, чтобы она работала с максимальной эффективностью

 

 

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

Вот такой заколдованный круг на WordPress.

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

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

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

 

 

цитата скрин

Такова текущая политика Google

 

 

 

pingdom

Проверка скорости, прекрасный тест, который не подошел ни в одну рубрику.
http://tools.pingdom.com/fpt/

 

 

 

Поисковая оптимизация Рейтинг: 5/3
Похожие записи, из рубрики:
  • Структура сайта
  • SEO-копирайтинг, как написать хороший текст для сайта
  • SEO для интернет магазина
  • SEO вне сайта, но для сайта
Комментарии
0
4 Илья   (2018-03-07 9:09:53)
аватар ex-hort.ruМоим двум сайтам сейчас хватает начального тарифа.

0
5 Newly_made10   (2018-03-09 4:25:49)
Как я завидую таким сайтам. А мне все мало.

0
2 Илья   (2018-03-07 7:40:49)
аватар ex-hort.ruДля ускорения советую w.tools . Подключение через DNS, поэтому мудрить с кодом не нужно. На каждом тарифе есть много полезного - мониторинг, бэкапы, антивирус и т.д. Ускорился почти в 4 раза) cool

0
3 Newly_made10   (2018-03-07 10:50:04)
Если не секрет, какой тариф выбрали?

0
1 Tatika   (2018-02-14 9:39:11)
Очень полезная статья, так много нужной информации! Но она большей частью для знатоков СЕО, а у скромных владельцев сайтов, слабо разбирающихся во всех тонкостях, просто голова кругом. Например, про оптимизацию изображений. Иногда не получается найти проблемное изображение на сайте, если оно не загружено в корень.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]