schel4koff.ru

Компьютер — интернет — сайтостроение — SEO — монетизация

Медленная загрузка сайта — что делать

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

1) Чем проверять

Де-факто самым популярным инструментом по замеру скорости загрузки является сервис предоставляемый Google – PageSpeed Insights. Также высокую популярность имеет сервис Pingdom Speed Test, который, помимо рекомендаций, также предоставляет множество других интересных данных (скорость загрузки отдельных скриптов, размер страницы, ответ сервера и т.д.).

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

2) Ошибки и рекомендации

2.1 Сжатие.

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

Также можно отдельно выделить сжатие графики, такие сервисы, как TinyPng могут помочь в решении данного вопроса, такие CMS, как WordPress, могут похвастаться наличием плагинов, которые будут постепенно обрабатывать и сжимать заливаемую на сайт графику, например, WP Smush.

2.2 CSS и JS блокирующие отображение основного контента

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

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

Блокирующие js-файлы следует конкатенировать, сжать и перенести в footer сайта. Довольно часто в блокирующих ресурсах можно заметить сторонние сервисы статистики или аналитики. В таком случае можно только порекомендовать свести их количество к минимуму, или, если есть такая возможность, использовать асинхронный код размещения.

2.3 Отсутствие кеширования

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

Кеширование можно включить только для ресурсов, размещенных на самом сайте, счетчики статистики в нем не нуждаются. Для популярных систем управления существуют устоявшиеся решения, например, для WordPress, существуют такие плагины, как: WP Super Cache или W3 Total Cache.

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

В итоге мы разобрали некоторые наиболее актуальные проблемы, возникающие у большинства сайтов, при попытке войти в “зеленую зону PageSpeed Insights”.

Вы можете посмотреть так же записи

ethtrade

Автор

1 Комментарий

Оставить комментарий
  1. Хорошие рекомендации. Я вот тоже как то призадумался над скоростью загрузки блога и ее влиянием на поисковое продвижение. Сделать совсем идеальную техническую настройку для своего блога не стремлюсь, однако улучшаю то, что может серьезно сказаться на авторитет ресурса в глазах поисковиков.
    Кстати с интересным понятием «минификация кода» познакомился лишь года 1,5 назад. На своем новом проекте решил обойтись без платного плагина. Она реализована на уровне кода шаблона.
    Все JS пока вниз так и не спустил, однако особой необходимости в конкретно моем случае не вижу. Скорость загрузки приличная. По PageSpeed 80 для мобильных и 90 для компьютеров.
    Естественно в будущем подумываю над модификациями, даже мелкими. Ведь совокупное исправление мелких недочетов тоже может дать хороший эффект.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Schel4koff.ru © Все права защищены 2014 г.