Скорость сайта — залог успеха! #1

А зачем мне увеличитьскорость загрузки сайта и уменьшать количество запросов в базу данных? — спросите Вы. Давайте так: для начала откройте сервис проверки скорости загрузки сайта, вбиваем туда адрес и смотрим, какое время покажет скрипт. Если до 3-4 секунд, то Вас еще эта проблема не коснулась, однако может коснуться в ближайшее время, если больше — Вам срочно надо смотреть эту серию уроков!

Итак, из-за чего долго открываются страницы и почему так важно увеличить скорость загрузки сайта?

Представьте себе ситуацию — есть два проекта схожей тематики — качественные статьи, хороший дизайн.. Но есть одно различие: один загружается за 2 секунды другой — за 10. Естественно сначала на это можно не обратить внимания, но потом начнет надоедать — никто не будет в поиске нужного материала подолгу сидеть и ждать, когда загрузятся Ваши странички.

Скорость загрузки сайта

Факторов, влияющих на скорость загрузки страниц сайта много — это и такие встроенные функции, как обновление WordPress и его плагинов, и оптимизация изображений, и оптимизация кода, скриптов, оптимизация файлов и так далее. Но одним из самых важных параметров, влияющих на скорость загрузки сайта является количество запросов в базу данных. Откройте файл header.php своего шаблона и посмотрите, сколько там вставок php кода? Много? А ведь каждая из них в этом файле — это обращение к БД на сервере и с каждым обращением скорость загрузки падает. Поэтому рекомендую прямо сейчас убрать все лишнее и заменить на обычный текст или html.

Итак, стандартный набор метатегов и обращений к базе данных в WP, исправив которые мы существенно поможем увеличить скорость загрузки сайта :

1. Кодировка

В стандартном варианте в шаблонах выглядит так:

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;
charset=<?php bloginfo('charset'); ?>" />

Мы пропишем ее самостоятельно, ведь на 99% кодировка вашего блога на WordPress это utf-8. Замените этот код на следующее:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

2. Путь к файлам стилей CSS. Обычно выглядит так:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" 
type="text/css" media="screen" />

Вы, зная полный путь к style.css (он лежит в папке «wp-content/themes/ВАША_ТЕМА_ОФОРМЛЕНИЯ/style.css»), замените его следующим:





<link rel="stylesheet" type="text/css"
href="http://ВАШ_АДРЕС_САЙТА/wp-content/themes/ВАША_ТЕМА_ОФОРМЛЕНИЯ/style.css" media="screen" />

3. Иконка

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

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

Мы же заменим на следующий:

<link rel="shortcut icon"
href="http://ВАШ_АДРЕС_САЙТА/wp-content/themes/ВАША_ТЕМА_ОФОРМЛЕНИЯ/favicon.ico" />

4. Лента RSS.

За нее отвечает вот это:

<link rel="alternate" type="application/rss+xml"
title="<?php bloginfo('name'); ?>
RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

Но мы-то знаем с Вами точный адрес фида, так зачем лишний запрос в базу данных? Заменяем на вот это:

<link rel="alternate" type="application/rss+xml" title="Как создать блог на WordPress RSS Feed" href="http://ВАШ_АДРЕС_САЙТА/feed" />

5. Мета теги title, content, keywords, description

Аналогично:

<meta name="description" content="<?php bloginfo('description'); ?>" />

заменяем на

<meta name="description" Content="Описание Вашей страницы">

а

<?php bloginfo('name'); ?>

на

ЗАГОЛОВОК ВАШЕГО САЙТА

6. Пингбэк
Этим словом называют извещения о публикации по ссылкам, указанным в статье.

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

Меняем на свой:

<link rel="pingback" href="http://ВАШ_АДРЕС_САЙТА/wp-content/themes/ВАША_ТЕМА_ОФОРМЛЕНИЯ/xmlrpc.php" />

Это были основные присутствующие во всех шаблонах теги. Однако Вам наверняка попадутся какие-то еще, которые ссылаются на дополнительные файлы стилей, скриптов и других элементов, используемых в теме. И чаще всего они будут обращаться к ее папке, поэтому всегда заменяйте код: <?php bloginfo(‘template_directory’); ?> на путь к папке темы в виде html адреса. Это значительно уменьшит количество запросов в базу данных и повысит скорость загрузки сайта в целом.

Для закрепления написанного, смотрим наглядное видео.

Скоро выйдет продолжение серии статей по ускорению блога, и чтобы ее не пропустить, подпишитесь…

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

    • Спасибо, отличное замечание! Как раз сегодня записал на эту тему урок — про то, как сохранить и правильно вставить изображение на сайт, скоро появится на сайте

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

        • Вы корзину отключали в файле wp-config.php? Если да, то это баг с отключенной корзиной. Исправьте значение в строке define(‘EMPTY_TRASH_DAYS’, 0); на 1, тогда картинки будут удаляться

    • Поставьте разрешение HD и разверните на весь экран — будет гораздо лучше

  • Один раз пробовал-не получилось. Будем пытаться, пока не получиться. Хочется все применить, что советует автор, но не всегда получается. А автору я доверяю, и потому провожу опыты на своем сайте.

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