Устранение ошибок скорости загрузки сайта Google Page Speed

Выведем ваш сайт в ТОП выдачи
Хочешь увидеть свой сайт в ТОПе выдачи поисковиков ещё при жизни?

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

Google Page Speed

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

Сервис проверяет страницу несоответствие 10 показателям и выставляется оценка скорости загрузки сайта от 0 до 100. Если один сайт получил балл в 2 раза выше чем другой, то это не означает, что он грузится в 2 раза быстрее.

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

Сократите javascript, HTML, CSS

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

Запомните простое правило:

то, что вы видите в графическом редакторе, и то, что загружается на сервер — должны быть разные файлы.
Текст, включенный в конечный файл, будет читаться машиной, а не человеком, ей ни к чему красивые отступы и пробелы, тем более // комментарии. Удалите все лишнее, оно только занимает место. Для этого есть специальные утилиты, например, UglifyJS или cssportal.com для сжатия CSS, есть даже плагины в CMS. Не нужно использовать javascript для создания элементов, которые можно сделать другим способом.

Сократите время ответа сервера

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

Оптимизируйте картинки

Не стоит использовать изображения в слишком высоком разрешении. При загрузке скачивается фото начального размера, а потом сжимается до нужного. Есть ли смысл использовать FullHD разрешение, если картинка не будет разворачиваться на весь экран? Определите какой размер изображения должен быть максимальным, затем, перекодируйте его, используя формат png.

Не пользуйтесь переадресацией

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

Правильно размешайте код страницы и оптимизируйте его

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

Активируйте кэширование

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

Включите сжатие для ускорения времени загрузки сайта

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

Сжатие делится на два вида:

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

Все эти советы просты в реализации, и не потребуют значительных усилий, взамен, страницы начнут грузиться быстрее, а это важно. По данным Amazon, промедление в каких-то 100 мс (0,1 с) способно уменьшить продажи на 1%, а в Google выяснили, что дополнительные полсекунды ко времени загрузки сайта снизят количество поисковых запросов на целых 20%.

Создание сайта

Вступившие в диалог 2

  1. Mark
    Mark (сказал) от 2016-02-13
    Оптимизация моего сайта началась с того, что я включил кеширование страниц сайта, после чего улучшилась скорость загрузки. Ну а потом я начал оптимизировать контент.
  2. seoonly.ru
    seoonly.ru (сказал) от 2016-02-13
    Все поправлено)) Ускорился, спасибо-)

Оставить отзыв