Как ускорить сайт?

Как ускорить сайт?

Вопрос «Зачем вообще нужно ускорять загрузку и работу сайта?» не требует долгих объяснений – для удобства, естественно. Вряд ли посетители вашего ресурса захотят ждать по 10 минут, пока загрузятся все картинки на странице вашего сайта. Скорее всего, они просто закроют ее и уйдут на другой ресурс, который загружается гораздо быстрее. Помимо этого, скорость загрузки страниц учитывается поисковыми системами и является одним из важнейших показателей при ранжировании сайта.

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

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

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

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

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

Также не забывайте о формате. JPG и PNG являются наиболее популярными, так как первый можно максимально сжимать, а второй – использовать с прозрачным бэкграундом. Есть еще один относительно новый формат WebP. Он сжимается лучше, чем PNG без потери качества.

Оптимизация картинок
Оптимизация картинок
  1. Используйте кэш

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

  1. Включите gzip-архивацию

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

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

  1. Оптимизируйте CSS

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

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

Оптимизируйте CSS
Оптимизируйте CSS
  1. Оптимизируйте JavaScript

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

  1. Оптимизируйте БД

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

Если в панели управления есть соответствующие инструменты, используйте их. Как правило, для самой быстрой загрузки, запросы к БД должны проходить менее 15 сек.

  1. Асинхронная загрузка JavaScript и CSS

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

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

Вместо асинхронной загрузки лучше оптимизировать JS и CSS, как мы уже писали выше. Тогда скорость загрузки сайта действительно увеличится, а ошибок не будет.

  1. Поместите верхнюю часть страницы сверху кода

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

  1. Используйте Page Speed

Google предоставляет собственный инструмент Page Speed для анализа сайта и выявления проблем загрузки. Он же расскажет вам о том, как эти неприятности исправить.

Page Speed
Page Speed
  1. Изучите инструменты, предлагаемые провайдером

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