Блог про блоги от Дмитрия Донченко

Оптимизация блога: сделайте ревизию плагинов

Продолжая наши беседы на тему оптимизации блогов, не могу не сказать, о важности использования и не использования плагинов.

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

В моем блоге на данный момент насчитывается 17 активных плагинов, которые в основном немного дополняют функционал блога и автоматизируют некоторые процессы.

Рекордное число установленных плагинов, которые я видел у клиента – 53 штуки, из них большая половина плагинов, дублировали функционал друг друга.

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

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

Почему много плагинов это плохо?

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

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

Спонсор Martial Arts опять поддержал пост в блоге.

Продолжить чтение...

Оптимизация блога: уменьшите количество запросов к базе данных

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

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

И так, все кто уже хорошо познакомился с движком для блогов WordPress, должны знать, что он работает на связке PHP+MySQL. PHP у нас занимается генерацией динамических страниц, а MySQL у нас обслуживает базу данных, в которой находятся все ваши посты, комментарии, настройки блога, настройки плагинов и еще много всякого.

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

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

В вашем шаблоне, как правило это файл header.php или простыми словами «Заголовок» присутствуют следующие строчки:

1. <title><strong><?php bloginfo(’name’); ?></strong><strong><?php bloginfo(’description’); ?></strong></title>
2. <meta http-equiv="Content-Type" content="<strong><?php bloginfo(’html_type’); ?></strong>; charset=<strong><?php bloginfo(’charset’); ?></strong>" />
3. <meta name="generator" content="WordPress <strong><?php bloginfo(’version’); ?></strong>" />
4. <link rel="stylesheet" href="<strong><?php bloginfo(’stylesheet_url’); ?></strong>" type="text/css" media="screen" />
5. <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<strong><?php bloginfo(’rss2_url’); ?></strong>" />

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

1. Например первая строка выводит название и описание вашего блога, ее можно заменить на статическую надпись типа:<title>Блог про блоги от Дмитрия Донченко</title>Но если у вас установлен какой либо плагин, который динамически меняет заголовки страницы, то тогда работать он перестанет. Поэтому первую строчку рекомендую не менять.
2. Вторая строка выводит кодировку блога и тип содержимого блога, как правило для всех блогов эта строка одинакова и ее можно заменить статической строчкой вида:<meta http-equiv="Content-Type" content="<strong>text/html</strong>; charset=<strong>UTF-8</strong>" />
3. Третья строка выводит версию вашего WordPress, не думаю что это очень важная информация, поэтому можно либо вообще удалить ее, либо прописать ручками что-то типа:<meta name="generator" content="<strong>WordPress 2.3</strong>" />
4. Четвертая строка, использует переменную, в которой задан путь к файлу CSS для шаблона вашего блога, ее можно заменить на вот такую (важно правильно прописать путь к файлу CSS):<link rel="stylesheet" href="<strong>http://blogproblog.com/wp-content/themes/default/style.css</strong>" type="text/css" media="screen" />
5. Строка номер 5 путь к вашей RSS ленте, в шаблоне может быть несколько упоминаний этой переменной (<strong><?php bloginfo(’rss2_url’); ?></strong>) ее можно заменить ссылкой на вашу RSS ленту, есть два варианта:<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<strong>http://feeds.feedburner.com/bpb</strong>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<strong>http://blogproblog.com/feed/</strong>" />

Вот собственно и все, фактически данные изменения позволяют избавиться от 5 лишних запросов к вашей базе данных, если учитывать что ссылка на RSS упоминается в шаблоне несколько раз, то возможно даже больше чем от пяти.
Martial Arts Humor спонсор поста сегодня.

Продолжить чтение...

Оптимизация блога: Указывайте размеры изображения

Сегодня как и обещал, продолжение поста на тему «Оптимизация блога», опять говорим о картинках.

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

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

Указать размеры картинки в блоге можно несколькими способами:

1. При редактировании кода, к тегу картинки <img ... добавляются два параметра height="высота изображения в пикселях" и width="ширина изображения в пикселях". Выглядит примерно так:
   <img src="test.pg" height="100" width="100">
2. В режиме визуального изображения, при нажатии на кнопку вставки изображения (которая в стандартной форме редактирования выглядит как иконка с деревом, вы указываете ширину и высоту картинки в форме, в полях с названием «Dimensions»
   
3. Если вам лень, постоянно указывать размеры изображения или у вас возникают какие-то проблемы с этим, вы можете воспользоваться плагином iMax Width основная задача плагина, заключается в том, что он автоматически уменьшает ширину картинки, до той которая будет установлена в настройках. Это что бы картинки в вашем блоге не ломали структуру блога. Например когда картинка, которую вы пытаетесь вставить в пост, слишком широкая, что бы полностью отображаться в вашем блоге, плагин делает ее меньше. И кроме этого он автоматически указывает размеры изображения, если вы забыли это сделать сами.

Что же происходит, когда браузер открывает страничку на которой есть изображение с установленными размерами? Зная размеры изображения, браузер резервирует место под картинку, параллельно продолжая загружать остальное содержимое странички. В результате картинка еще может не открыться до конца, а страничка уже будет загружена.

Funny Martial Arts — сегодняшний спонсор поста.

Продолжить чтение...

Оптимизация блога: О форматах изображений

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

В основном в Интернете используются следующие форматы изображений: JPG, GIF и PNG.

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

GIF: Чаще всего этот формат изображений используется для отображения анимированных картинок, логотипов или текста изображений. В отличии от полноцветного JPG, GIF может отображать максимум 256 цветов. Можно оптимизировать размер картинок GIF, изменяя количество цветов, при сохранении файла.

PNG: Этот формат изображений, создан для замены GIF. Отличается от GIF тем, что поддерживает 24-битный цвет. Вы можете использовать этот формат, для логотипов, надписей и других простых изображений, в которых необходимо отображать более чем 256 цветов.

Обновлено из комментариев:

• Интересная статья по формату PNG.

Продолжить чтение...