Web Optimizer (Веб Оптимизатор) — приложение, автоматизирующее все действия по клиентской оптимизации для произвольного сайта. На данный момент оно существует в виде отдельного приложения (которое нужно самостоятельно установить на сайт). Приложение протестировано и установлено на таких CMS как Drupal 5 и 6, Joomla 1.0 и 1.5, Wordpress 2.7 и многих других.
Подробное руководство по установке.
Загрузить мини-установщик версии 0.3.5.
Сразу хочется поблагодарить всех, кто принимает участие в тестировании и рассказывает о возникающих проблемах. Дело, действительно, движется вперед, и движется очень неплохим темпом. Улучшения по сравнению с версией 0.3:
repeat-x
и repeat-y
) будут объединятся в один соответствующий файл (без влияния абсолютных размеров их контейнера). Это может ускорить загрузку страницы в одних случаях и «сломать» дизайн в других. Собственно поэтому данная настройка по умолчанию выключена.head
страницы. Эту настройку можно по-прежнему включить обратно, если клиентская логика позволяет это сделать.config.webo.php
для совместимости с PHP-Nuke и некоторыми другими системами.После большого числа вопросов хочется осветить некоторое количество проблемных моментов (в основном они касаются Javascript-логики). На основе таких советов в дальнейшем будет сформировано руководство по использованию Web Optimizer.
Во-первых, как уже было указано выше, далеко не все системы позволяют легко переключиться на использование «Ненавязчивого» Javascript. Если вы слышите этот термин впервые, то лучше ознакомиться с соответствующим циклом статей. Использование этого подхода позволяет существенно повысить скорость загрузки сайта, однако требует соблюдения некоторых правил при использовании клиентской логики на сайте. Так как сейчас по умолчанию эта настройка выключена, то проблем со стандартной установкой Web Optimizer это не принесет.
Во-вторых, в некоторых случаях (довольно редких) Javascript-код может быть написан не очень корректно, в результате чего при разборе и уменьшении его по спецификации (с помощью JSMin) возникают проблемы, связанные с неработоспособностью определенных частей. В этом случае рекомендуется проверить текущие скрипты с помощью JSLint и(ли) воспользоваться альтернативными механизмами для минимизации кода (Packer, YUI Compressor), а может быть, даже отключить сжатие скриптов (если включен gzip
, то его будет вполне достаточно).
В-третьих, иногда ситуация портят байты, оставленные Блокнотом в начале файле при его редактировании в UTF-кодировке. В некоторых случаях они способны поломать верстку, иногда же браузеры их игнорируют, поэтому проблема не всегда бывает понятна. Рекомендуется в случае «поломанных» файлов проверить исходные (CSS- или Javascript-файлы) на предмет наличия в их начале специфических символов (естественно, в самом Блокноте они не видны, проверять стоит любым альтернативным текстовым редактором). И удалить их оттуда.
В-четвертых, если в дизайне сайта используются полноцветные изображения и не используется прозрачность, то имеет смысл включить настройку «Сохранять CSS Sprites в JPEG»: тогда размер финальных файлов будет существенно меньше. Если используется прозрачность, то PNG подходит значительно лучше.
Как обычно любые пожелания и комментарии приветствуются. Сейчас для проекта нужно:
Сайт проекта пока находится только в Google Code: code.google.com/p/web-optimizator/
Загрузить последнюю версию приложения можно здесь: code.google.com/p/web-optimizator/downloads/list
Любые проблемные вопросы можно отправлять сюда: code.google.com/p/web-optimizator/issues/list
А исходный файл для локализации находится по адресу: web-optimizator.googlecode.com/svn/trunk/libs/php/lang/en.php
Канал на Twitter с последними новостями: twitter.com/dreamwind