Статья представлена автором сервиса проверки сайтов UptimePal. Выполняйте ежеминутные проверки и анализ сайтов.
Признаюсь, я люблю быстрые сайты. Не только потому что это экономит время, но и потому что Google не так давно анонсировал обновление, согласно которому, скорость загрузки сайта напрямую влияет на позиции в поисковой системе.
Я также забыл упомянуть, что сайт, у которого слишком длительные загрузки, убивает напрочь желание покупателей оставаться на нем. Приведу лишь несколько примеров:
Увеличение скорости загрузки сайта студии Linden Lab с 0.4 секунды до 0.9 привело к тому, что они оказались на 30 странице в результатах Google. Это привело к серьезным потерям трафика и снижение дохода компании. Домашняя страница Google Maps, которая была оптимизирована и уменьшена со 100кб до 70-80кб, увеличила входящий трафик на 10% в первую неделю, а затем еще на 25% в последующие 3 недели.
Конечно, есть и другие примеры когда уменьшение скорости загрузки сайта привели к положительному эффекту, но об этом, пожалуй, стоит выделить отдельную статью. Вывод всего вышесказанного достаточно прост: все ненавидят медленные сайты. Вопрос лишь в том, как мы можем повлиять на ситуацию? Как заставить работать сайт на Wordpress быстрее? Попробуем разобраться...
1) Уменьшите число HTTP запросов
Когда кто-то открывает ваш сайт, то связанные с ним файлы отправляют информацию о себе на браузер посетителя. Эти файлы включают в себя: CSS, Java скрипты и библиотеки, а также изображения.
Естественно, каждый файл, который имеет серьезный «вес» влияет на общую производительность сайта. Проще говоря, плагины которые вы устанавливаете, включают свой CSS код в шапку вашего сайта, не давая возможность выбора ручной настройки стиля.
Если говорить еще проще: удалите всё ненужное. Если вы используете плагин просто потому что вам он нравится, взгляните на то, как он влияет на код страниц. Снижение скорости работы сайта – плохой повод для того, чтобы оставлять его.
2) Оптимизируйте изображения
В зависимости от использования формата изображений, многие из них содержат тонны кода мета-тегов, которые влияют на размер файла и далеко не в лучшую сторону. Многие дизайнеры забывают либо «забивают» на сжатие изображений, перед тем, как отправить их на сайт. Это ведет к увеличению загрузки сайта.
Еще одна особенность, с которой может столкнуться неопытный вебмастер – это хранение изображений с большим разрешением, при этом не используя это самое «повышенное разрешение». Другими словами: позаботьтесь над тем, чтобы хорошенько оптимизировать картинки перед их загрузкой специальными утилитами. Благо в интернете их очень много.
3) Уменьшите HTML, CSS и Javascript код
Пробелы, табуляция и неправильная структура, используемая в коде, как правило, сделана для лучшего отображения для читателей. Однако, серверы и браузеры имеют другой алгоритм чтения страниц, который подразумевает, что код написан без ошибок. Если вы хотите, чтобы файлы скачивались на сайте быстрее, вы должны убрать все лишние пробелы и строчки из кода.
Поскольку может возникнуть сложности с анализом кода и выявлением пустых строк и пробелов, то советуем обратить внимание на такие плагины как WP-Minify либо W3 Total Cache для проведения этой процедуры.
Пустые пробелы хороши для веб дизайна, но уж точно не в коде страницы.
4) Установите на свой веб-ресурс правильный мониторинг сайтов
Неважно, был запущен сайт давно или нет – вы должны быть точно уверены, что сайт работает правильно и быстро. Удобней и наглядней для этого использовать сторонние сервисы, как например
UptimePal (http://uptimepal.com/ru). Вы будете видеть скорость загрузки каждого элемента сайта и то как он влияет на общую скорость сайта. Зарегистрируйтесь сейчас и вы поймете, насколько это удобно получать уведомления, если вдруг сайт не был доступен либо потерял преимущество в скорости работы.
5) Помещайте скрипты внизу страницы
Для лучшей доставки информации, рекомендуем помещать контент в качестве приоритета. А порядок должен быть следующим:
- Предоставьте контент посетителям как можно быстрее;
- Контент не должен быть оформлен без использования стиля (вставляйте CSS в );
- Загружайте файлы, необходимые для взаимодействия (виджеты, внешние API и т.д.) последними.
Всё очень просто – пользователи не будут взаимодействовать с контентом, пока не увидят его.
Данные методы могут отличаться от ваших. Мы лишь привели наиболее важные и типичные.
Автор:
Куприн Артем
Интернет-маркетолог сервиса UptimePal
guest
