Первую часть можно прочитать здесь.
SEO-верстка и длительность загрузки страницы неразрывно связаны, как скорость загрузки страницы и количество выполнения php-команд. Сначала необходимо оптимизировать CSS файлы, специально для этих целей мною был создан онлайн сервис по оптимизации CSS. После оптимизации содержания CSS файлов, необходимо объединить их всех в один.
Допустим, у нас есть 3 CSS-файла: style.css; menu.css и sidebar.css, поочередно оптимизируем их содержание, а затем создаем файл new.css. В header’е страницы удаляем коды вызова всех css файлов и добавляем такой код: <link href="<?php bloginfo('template_directory'); ?>/new.css" rel="stylesheet" type="text/css" /></link>
. Для уменьшения нагрузки на сервер, следовательно, уменьшения времени загрузки страниц сайта, <?php bloginfo('template_directory'); ?>
надо заменить на адрес вашей темы.
Далее объединяем javascript файлы в один new.js, аналогичным способом. Пример можете посмотреть здесь, три файла javascript отделены друг от друга одним пробелом для удобства чтения. Исходные файлы: 1, 2, 3. После этого добавить такой код: <script type="text/javascript" src="http://partnerki-runeta.ru/new.js"></script>
.
Заходим в редактор шаблонов (админка wordpress) и удаляем подобные этим коды: <!-- Side Right - START -->
, <!-- Side Right - END -->
, <!-- #header -->
, <!-- .post-meta -->
и другие, но при этом не трогать <!-- POST META <?php the_ID(); ?> END -->
и подобные (то есть те, у которых внутри есть код <?php the_ID(); ?>
).
Далее, если социальные кнопки типа Вконтакте «Мне нравится» стоят только на страницах и записях, удаляем их коды из шаблона и добавляем вместо них такой код:
<?php if (is_single()) { ?>
здесь код кнопки
<?php } else if (is_page()) { ?>
здесь код кнопки
<?php } else { ?>
<?php } ?>
Таким образом главная страница, страницы категорий, а также тегов будут загружать на пару-тройку .js файлов меньше. Неплохо, да? Те коды, которые можно расположить перед закрывающим тегом body, располагаем именно там, а не в header и не забываем убрать их с помощью вышеописанного кода.
Чтобы уменьшить количество запросов в БД, необходимо установить кэширующие плагины. Также надо заменить php коды на более упрощенные. Например, у нас была страница header.php, в самом низу идет вызов содержимого страницы footer.php, вызывается она таким образом: <?php include (TEMPLATEPATH . '/footer.php'); ?>
. Смело можем удалять этот код и заместо него вставить все содержимое footer.php.
Таким образом я добился того, что мой сайт загружается менее чем за 1 секунду! Можете посмотреть исходный код главной страницы и страницы какой-нибудь записи, если вам интересно, с помощью Ctrl+U.
Возможно, эта была не последняя часть из серии статей «Оптимизация WordPress». 🙂
Вот как надо снимать рекламу!