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

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

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

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

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

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

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

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

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

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

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

• 6 правил написания легких для восприятия текстов.
• Так ли легко быть консультантом?
• Денис пишет про маркетологов.

Martial Arts Humor спонсор поста сегодня.

Если вам понравился этот блог, вы можете подписаться на обновления блога через RSS ленту, или по E-Mail. Спасибо за визит!

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

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

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

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

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

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

• Если у вас изменилась структура ссылок блога, вот отличное решение.
• 5 золотых привычек, для улучшения вашего бизнеса.
• Избавляемся от вредных привычек, Курение, Алкоголь, ссылки на Лебедева.

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

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

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

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

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

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

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

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

• Возможно звучит странно, но Антон Попов собрался в космос.
• Обалденный конкурс с такими же призами от МаулНета.
• Лучший плагин для блога?

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

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

Для того что бы исправить это, есть несколько советов. Если вы пользуетесь PhotoShop-ом для создания или редактирования картинок для блога, обязательно пользуйтесь функцией “Save for Web” (Сохранить для Web). При сохранении картинки в этом режиме, PhotoShop старается оптимизировать картинку для использования в Интернете. Такая же или похожая функция есть у большинства программ для работы с картинками, обязательно пользуйтесь этой функцией.

Если у вас нет программ для работы с картинками, вы можете скачать бесплатную программу Picasa от Google и пользоваться ей.

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

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

• Этикет в Интернет-пейджерах - считаю что очень полезно прочесть всем.
• Очень хорошее описание, одного очень хорошего проекта.
• Один из вариантов тайм-менеджмента.
• Как увеличить прибыль в 5 раз.