При подключении скриптов никогда не используйте echo как в следующем примере:

echo '<script src="prototype.js"></script>';

Скрипт, который вы подключаете, может быть уже подключен, поэтому нет смысла добавлять его еще раз. Кроме того, если вы добавите prototype после jQuery, то у вас будут проблемы, так как обе эти библиотеки используют одну и ту же функцию $. Вместо этого используйте функцию wp_enqueue_script():

wp_enqueue_script('prototype');

В этом примере prototype является предопределенным значением. Поскольку эта библиотека по умолчанию присутствует в wordpress, то не нужно указывать путь к скрипту. Полный список библиотек, которые можно загружать таким образом есть здесь.

Если вам нужно добавить свой скрипт, то делайте это следующим образом:

wp_enqueue_script('myscript', '/wp-content/plugins/myplugin/myscript.js');

Здесь мы указываем идентификатор скрипта и путь к нему. Если ваш скрипт к примеру зависит от scriptaculous, то можно указать эту зависимость в третьем параметре:

wp_enqueue_script('myscript', '/wp-content/plugins/myplugin/myscript.js', array('scriptaculous') );

Еще один вариант. В wordpress 2.5 используется jQuery-1.2.3, но допустим к примеру, что вам нужно постоянно использовать только новейшую версию. В этом случае используйте wp_deregister_script(), чтобы отменить регистрацию скрипта jQuery, а затем заново объявите его с нужными вам параметрами:

wp_deregister_script( 'jquery' );
wp_enqueue_script( 'jquery', 'http://code.jquery.com/jquery-latest.pack.js');

Теперь разберемся, как можно избежать возможные конфликты. Скрипты, добавленные нами при помощи wp_enqueue_script или wp_register_script(), добавляются в специальный массив. Используя этот массив, функция print_scripts_array() затем автоматически добавляет необходимые теги в HTML код. Поэтому, чтобы например изменить порядок вывода скриптов, можно использовать фильтры. Следующая функция присутствует в wordpress для автоматической проверки того, что prototype идет перед jquery. Я привожу ее здесь в качестве примера того, как можно фильтровать массив скриптов:

function wp_prototype_before_jquery( $js_array ) {
	if ( false === $jquery = array_search( 'jquery', $js_array ) )
		return $js_array;

	if ( false === $prototype = array_search( 'prototype', $js_array ) )
		return $js_array;

	if ( $prototype < $jquery )
		return $js_array;

	unset($js_array[$prototype]);

	array_splice( $js_array, $jquery, 0, 'prototype' );

	return $js_array;
}

add_filter( 'print_scripts_array', 'wp_prototype_before_jquery' );

Функция add_filter() подключает фильтр wp_prototype_before_jquery(), который получает в качестве аргумента массив скриптов. В этой то функции проверяется порядок вывода скриптов и при необходимости этот порядок меняется.

В новой версии исправлены ошибки, возникавшие при отображении HTML/XML, а также несколько оптимизирован и сокращен скрипт. Также изменен дизайн панели переключения форматирования.

скачатьстраница проекта

1. Уменьшение количества HTTP запросов к серверу.
2. Использование кэширования
3. GZip сжатие страниц
4. Уменьшение размера файлов JavaScript и CSS

Конечно же, можно вручную уменьшить размер стилей, скриптов и самих web-страниц простым удалением пробелов, сжимать все это используя GZip (подробнее об этом здесь (англ.)), однако более практично использовать утилиту PHP Speedy. Как видно из названия, эта утилита написана для сайтов на PHP и предназначена для ускорения их загрузки. Она использует все вышеперечисленные методики: уменьшение количества запросов на сервер обеспечивается путем объединения нескольких скриптов (стилей) в один, который кэшируется для дальнейшего использования; скрипты, стили и сама страница сжимаются путем удаления лишнего форматирования (пробелов, табов, переноса строк), скрипты JavaScript сжимаются утилитой JSMin. Чтобы визуально продемонстрировать эффект применения утилиты, я разместил ниже 2 изображения с сайта PHP Speedy: первое показывает лог загрузки до использования PHP Speedy, сделанный в Firebug, второе – при использовании PHP Speedy.

Без использования PHP Speedy – 14 запросов, 4,44 секунды

При использовании PHP Speedy – 4 запроса, 1,1 секунды

В итоге – 3-х кратное ускорение скорости загрузки. Однако результаты могут варьироваться в зависимости от количества скриптов, стилей и размера страницы.

Теперь о том, как установить и использовать утилиту. Во первых, нужно скачать дистрибутив, затем распаковать его на ваш сайт, и открыть в браузере файл install.php. Первое, что вы увидите, это страница установки имени пользователя и пароля (необходимы для редактирования параметров):

На следующей странице необходимо проверить путь к корневой директории сайта. Если в поле “Your full path to document root” указан верный путь, то просто жмите Next. Если путь неверный, исправьте его.

Далее идет редактирование параметров работы утилиты:

В верхние два поля нужно ввести путь к директориям для кэширования создаваемых скриптов и стилей. Эти директории должны быть доступными для записи – установите для них права доступа 777 (drwxrwxrwx). В разделе Minify Options нужно выбрать, нужно ли минимизировать скрипты JavaScript, стили и веб страницу. В разделе GZIP Options нужно указать, использовать ли GZip для скриптов, стилей и содержимого страницы.

Здесь нужно обратить внимание на сжатие страниц (GZIP page), которое может вызвать проблемы c отображением страницы в браузере в том случае, если происходит вывод каких либо символов до подключения скрипта PHP Speedy (об этом ниже) либо сжатие включено где-нибудь в другом месте. Если вы используете wordpress, то нужно отключить GZip сжатие либо в wordpress либо в PHP Speedy.

После редактирования параметров, жмите Next. Инсталлятор покажет вам последнюю страницу с инструкциями подключения утилиты в ваши PHP скрипты. Во всех случаях эта процедура приблизительно следующая: в самом начале скрипта нужно подключить файл php_speedy.php:

require('/home/my_site_dir/public_html/php_speedy/php_speedy.php');

А в самом конце скрипта нужно добавить следующую строку:

$compressor->finish();

На этом установка и настройка PHP Speedy закончена. Если в дальнейшем появится необходимость изменить параметры утилиты, то можно вновь обратиться к инсталлятору, либо просто отредактировать файл config.php.

Совсем недавно автор PHP Speedy выпустил также соответствующий плагин для wordpress, доступный в данный момент как preview версия.

Больше об ускорении скорости загрузки страниц можно узнать на webo.in. Другая утилита подобного рода, на которую стоит обратить внимание это minify. Ее достоинство в том, что она доступна не только для PHP, недостаток – она не использует GZip.

На сегодня все. До встречи!

Главной целью, которая побудила меня создать такой плагин, это необходимость показывать одновременно форматированный и исходный текст, дабы дать возможность пользователю легко скопировать любой кусок кода на странице. Изменения, внесенные мной в google-code-prettify касались только добавления нумерации строк и создания табов для переключения между форматированным и исходным кодом.

Устанавливается плагин точно так же, как и любой другой плагин для wordpress: нужно просто распаковать дистрибутив в директорию с плагинами (/wp-content/plugins), затем активировать его из админ панели. Затем любой кусок кода, который необходимо отформатировать, нужно заключить в тэги pre, указав для них класс prettyprint:

<pre class="prettyprint">
   // далее код который нужно подсвечивать
   function hello(){
      alert('hello world');
   }
</pre>

В результате вы получите следующий отформатированный текст:

	// далее код который нужно подсвечивать
	function hello(){
		alert('hello world');
	}

Скачать скрипт можно здесь: wp-prettify-0.1.zip (19,8K). Страница проекта находится здесь.