Pull to refresh

PHP Speedy — наше все

Self Promo
PHP SpeedyЧто такое PHP Speedy? Это набор php-скриптов, которые позволяют объединять и сжимать CSS- и JS-файлы для веб-сайта, написанного на PHP. Изначально разрабатывался как приложение к Wordpress, но сейчас получил более широкое распространение.

PHP Speedy был выбран в качестве основы для начала разработки Web Optimizer — веб-приложения, автоматизирующего клиентскую оптимизацию. Предполагается, что такое приложение можно будет максимально быстро и максимально легко развернуть на любой платформе, а оно уже само позаботится о всех действиях, связанных со скоростью загрузки страницы.

Как показала практика, клиентская оптимизация интересует большой круг людей. Но очень многих останавливает то, что нужны специальные знания для освоения этой области. Web Optimizer создается как раз, чтобы убрать этот барьер (и как наш ответ Чемберлену www.getrpo.com :).
Читать дальше →
Total votes 83: ↑74 and ↓9 +65
Views 877
Comments 45

Автогенерация CSS Sprites

Self Promo
Свершилось. Долгие бессонные ночи не прошли даром и мысль, заявленная Вадимом aka pepelsbey, обрела более-менее физические очертания.

sprites.webo.in (сырая-сырая альфа-версия) — название, собственно, говорит само за себя. Вводим URL CSS-файла — на выходе получаем архив с минимизированным (никакой сортировки селекторов, просто базовая минимизация) CSS-файлом и набором свеженьких спрайтов. Здорово?
Читать дальше →
Total votes 76: ↑72 and ↓4 +68
Views 635
Comments 43

Установка Web Optimizer

Self Promo
Web Optimizer (Веб Оптимизатор) — приложение, автоматизирующее все действия по клиентской оптимизации для произвольного сайта. На данный момент оно существует в виде отдельного приложения (которое нужно самостоятельно установить на сайт). В качестве базы для Web Optimizer использовался PHP Speedy (который также существует в виде дополнения для Wordpress, Joomla и Drupal).

Давайте рассмотрим, каким образом можно установить Web Optimizer.

Шаг 1: загрузка архива


Загрузка архива
Читать дальше →
Total votes 59: ↑57 and ↓2 +55
Views 821
Comments 46

Версия 0.3

Self Promo
Web Optimizer (Веб Оптимизатор) — приложение, автоматизирующее все действия по клиентской оптимизации для произвольного сайта. На данный момент оно существует в виде отдельного приложения (которое нужно самостоятельно установить на сайт). В качестве базы для Web Optimizer использовался PHP Speedy.

Подробное руководство по установке.
Загрузить версию 0.3.
Читать дальше →
Total votes 32: ↑28 and ↓4 +24
Views 360
Comments 11

CSS Sprites 2.0

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

Обзор технологии


CSS Sprites, на самом деле, — всего лишь расширенное использование технологии background, заложенной еще в спецификации CSS1. Все, до чего додумалось прогрессивное человечество за эти годы — это множественный фон у элементов (как он будет совместим с концепцией CSS Sprites еще придется проверить). Основные свойства, которые мы используем для задания фонового изображения.
  • background-image — основная «рабочая лошадка». Именно за ней будущее в виде data:URI, который в конце концов победит CSS Sprites. Но произойдет это нескоро.
  • background-repeat — вторая не менее важная составляющая при использовании фонового изображения. Ведь задавая no-repeat для данного свойства, мы намеренно подчеркиваем, что допустимо использование CSS Sprites для «склейки» изображений (по умолчанию используется repeat).
  • background-position — «волшебная палочка» для CSS Sprites, позволяющая спрятать или показать определенные части фонового изображения.

Читать дальше →
Total votes 24: ↑24 and ↓0 +24
Views 836
Comments 15

Версия 0.3.5

Self Promo
Web Optimizer (Веб Оптимизатор) — приложение, автоматизирующее все действия по клиентской оптимизации для произвольного сайта. На данный момент оно существует в виде отдельного приложения (которое нужно самостоятельно установить на сайт). Приложение протестировано и установлено на таких CMS как Drupal 5 и 6, Joomla 1.0 и 1.5, Wordpress 2.7 и многих других.

Подробное руководство по установке.
Загрузить версию 0.3.5.
Загрузить мини-установщик версии 0.3.5.
Читать дальше →
Total votes 32: ↑24 and ↓8 +16
Views 492
Comments 26

Версия 0.4 — Stable Release Candidate

Self Promo
Web Optimizer Веб Оптимизатор (Web Optimizer) — приложение для автоматизации всех действий по клиентской оптимизации — достиг версии 0.4. Список поддерживаемых систем ширится и растет с каждым днем: Drupal 5 и 6, Joomla 1.0 и 1.5, Joostina, Wordpress 2.7, PHP-Nuke, LiveStreet, vBulletin 3.8 и так далее.

Подробное руководство по установке (немного устарело уже, правда)
Загрузить версию 0.4.0
Загрузить мини-установщик
Помочь проекту материально
Читать дальше →
Total votes 43: ↑39 and ↓4 +35
Views 555
Comments 39

Версия 0.4.5 — Release Candidate 2

Self Promo
Загрузить Web OptimizerМожно снова радоваться. Веб-приложение для автоматизации клиентской оптимизации дошло до версии 0.4.5 — RC 2. Значительно улучшено быстродействие, потребление памяти, добавлено много новых возможностей и поддерживаемых CMS.

Подробное руководство по установке (устарело уже, правда)
Загрузить последнюю версию или мини-установщик
Помочь проекту материально
Читать дальше →
Total votes 47: ↑41 and ↓6 +35
Views 527
Comments 30

Часто задаваемые вопросы — 1

Self Promo
Загрузить Web OptimizerДобавление DLE в список поддерживаемых систем вызвало бурный отклик (мною замечено порядка 5 новостей на различных про-DLE сайтах), поэтому ниже постараюсь ответить на несколько наиболее распространенных вопросов.

1. Web Optimizer платный проект?
Нет, проект (на данный момент) абсолютно бесплатный и загружаемый свободно. Есть некоторые планы по его монетизации, но они пока не озвучены (может быть, платной будет только установка для сайтов с посещаемостью более 1000 хитов в сутки, например). Если у вас есть предложения, которые позволил бы окупить качественную разработку и были бы выгодны вам лично, их можно написать в комментариях.

2. Web Optimizer от гугла?
Нет, проект разрабатывается группой активистов (прямо или косвенно связанных с webo.in). Google Code — просто хостинг для файлов и SVN, почти что narod.yandex.ru. Вы же сайты на Народе не называете проектами Яндекса, правда?
Читать дальше →
Total votes 55: ↑42 and ↓13 +29
Views 562
Comments 48

Настройка и использование Web Optimizer

Self Promo
Загрузить Web OptimizerПока выпуск версии 0.5 веб-приложения, автоматизирующего клиентскую оптимизацию для PHP-сайтов, отодвигается на некоторое неопределенное время, мы решили подготовить небольшой обзор текущих настроек и возможностей приложения.

Особенности работы


Web Optimizer перехватывает выводимый HTML-документ и преобразовывает его к оптимальному виду. В частности, анализируется вся секция head на предмет CSS- и JavaScript-файлов, также при существовании статических хостов изображения распределяются по ним (меняются адреса у изображений), а блоки с рекламой и счетчиками переносятся перед </body> (опять-таки только при включении соответствующей настройки). Также HTML подвергается минимизации (удаляются лишние переводы строк и отступы, могут удаляться комментарии и вообще все лишние символы, но это ресурсоемкие операции, и по умолчанию они выключены).

Загрузить приложение
code.google.com/p/web-optimizator/downloads/list
Читать дальше →
Total votes 8: ↑6 and ↓2 +4
Views 1.1K
Comments 5

CSS Tidy: нужна помощь

Self Promo
CSS Tidy является полностью открытой и на данный момент одной из самых мощных библиотек по преобразования CSS-кода. В большинстве случаев ее используют для минимизации CSS-кода (что позволяет добиваться весьма впечатляющих результатов, пример с сайта CSS Tidy). Огромное количество сайтов предлагают минимизаторы, основанные именно на CSS Tidy: CleanCSS, CSS Formatter and Optimizer, CSS Compressot и многие другие. Даже YUI Compressor год назад уступал CSS Tidy по степени сжатия.

Преамбула


Количество настроек CSS Tidy впечатляет: это и сжатие наименований свойств (цветов, шрифтов, фона), и регистро-независимый вывод, и объединение селекторов для максимальной минимизации кода, и их сортировка, и исключение нестандартных CSS-свойств, и сохранение синтаксиса введенного кода, и т.д. (полный список поддерживаемых настроек с примерами).

Поскольку библиотека направлена на разбор и стандартизацию (как следует из названия — Tidy), а не только на минимизацию кода, то с ее помощью можно проворачивать довольно любопытные вещи. Например, выводить CSS-код в стандартном виде в любом формате (CSS Tidy поддерживает шаблоны вывода). Или осуществлять любые преобразование с таблицей стилей на странице (к слову, именно она используется для создания CSS Sprites и, естественно, в приложении для автоматической клиентской оптимизации — Web Optimizer). В Web Optimizer уже включена самая последняя версия CSS Tidy, в которой исправлены некоторые ошибки.

Поскольку приложение написано с учетом высоких требований к производительности, то работает оно очень шустро (в несколько раз быстрее того же YUI Compressor).

Но речь не совсем об этом.
Читать дальше →
Total votes 27: ↑25 and ↓2 +23
Views 1.1K
Comments 8

Web Optimizer 0.5 «cheetah», RC3

Self Promo

Мы снова здесь со свежей версией приложения для автоматизации клиентской оптимизации — Web Optimizer. Больше месяца прошло с момента выхода последней стабильной версии, более 300 реальных сайтов испытали феноменальное ускорение, но нам этого показалось мало. И мы сделали хороший продукт еще лучше.

Итак, встречайте: версия 0.5 под кодовым именем cheetah (гепард), Release Candidate 3.

Загрузить: code.google.com/p/web-optimizator/downloads/list

Что нового?


Читать дальше →
Total votes 29: ↑27 and ↓2 +25
Views 513
Comments 41

Установка Web Optimizer версии 0.5

Self Promo
Не так давно вышла версия 0.5 (RC3) приложения для автоматического ускорения сайтов — Web Optimizer. Поскольку с момента написания предыдущего руководства по установке прошло уже три месяца, интерфейс и логика работы приложения существенно изменились (стали проще и нагляднее), то стоит осветить процесс установки еще раз, в новом виде и с новыми подробностями.

Шаг 1: загрузка архива


Web Optimizer поставляется в двух вариантах: ZIP-архив и мини-установщик. Для загрузки первого варианта идем по адресу code.google.com/p/web-optimizator/downloads/list и выбираем Featured версию 0.5 или выше.
Читать дальше →
Total votes 35: ↑31 and ↓4 +27
Views 622
Comments 14

Решаем проблемы с установкой Web Optimizer

Self Promo
После многочисленных установок приложения для автоматического ускорения сайтов — Web Optimizer на Joomla! (как версии 1.0, так и 1.5) было решено собрать воедино полезное знание о возникающих проблемах (связанных, в основном, с текущим некорректным серверным окружением), чтобы позволить их самостоятельно решить большому числу пользователей.

Итак, давайте разбираться по порядку, что нам делать в следующих случаях.

Загрузить Web Optimizer: code.google.com/p/web-optimizator/downloads/list

Функционирование Web Optimizer


Довольно часто приходится разобраться с тем, работает ли Web Optimizer на сайте, или его установка каким-то образом не подключилась к обработке HTML-документа. Начиная с версии 0.5.2 это можно установить, найдя строку <title lang="wo"> в коде страницы (если метка там отсутствует, значит Web Optimizer не отрабатывает).

Для более ранних версий это решение можно принять на основе отсутствия в коде HTML-документа отступов в начале строки, двойных переводов строк или наличия характерных закэшированных имен файлов в head-секции (cache/1234a6789b.css или cache/1234c6789d.js, здесь 1234c6789d — произвольная строка в шестнадцатеричной записи).

Если обнаружить следы работы Web Optimizer не удалось, то необходимо перепроверить корректность вызовов Web Optimizer в файлах системы управления сайтом и, возможно, провести установку приложения еще раз — таким образом Web Optimizer сможет самостоятельно произвести все необходимые изменения.

Если нужно получить информацию о необходимых изменениях исходных файлов CMS, то следует в ходе установки отключить автоматическое изменение /index.php:
Изменение /index.php -> Включить авто-запись -> Нет

и на последнем шаге зайти на вкладку «Необходимые изменения».
Читать дальше →
Total votes 5: ↑5 and ↓0 +5
Views 448
Comments 0

Web Optimizer 0.5.5 «falcon», RC4

Self Promo
После продолжительных летних каникул мы собрались с силами и выпустили новую сборку приложения для автоматического ускорения сайтов — Web Optimizer — под кодовым именем «falcon» (сокол). По заверению множества пользователей (зафиксировано более 900 реальных установок) приложение стало значительно стабильнее и мощнее.

Загрузить: code.google.com/p/web-optimizator/downloads/list

Основные изменения


Читать дальше →
Total votes 32: ↑30 and ↓2 +28
Views 373
Comments 8

Web Optimizer 0.6.0, «sailfish», RC5

Self Promo
От меня, наверное, уже дня три ожидают официальных комментариев по поводу монетизации Web Optimizer, нового сайта и вообще, что происходит с самым перспективным веб-продуктом этого года? А я все не могу прорваться через все эти налоговые, юр.лица, бизнес-планы, переговоры с партнерами и инвесторами, организацию продаж, юнит-тестирование и особенности GAE. Но вот, встречайте, мы выпустили следующую версию Web Optimizer «рыба-парусник» (скорость до 110 км/ч): больше, мощнее, надежнее.

Web Optimizer — приложение для автоматического ускорения сайтов. Загрузить:
code.google.com/p/web-optimizator/downloads/list
Почитать про Web Optimizer
www.web-optimizer.ru
Читать дальше →
Total votes 50: ↑40 and ↓10 +30
Views 523
Comments 40

Ускорение загрузки AJAX приложения, + предзагрузка изображений

Client optimization *
Всё началось с создания сложного AJAX приложения с применением java технологий GWT, GXT, Spring, Hibernate, Terracota, AndroMDA, ActiveMQ и множеством других волшебных звуков за которыми прячется вся мощь и могущество java технологий создаваемых десятками тысяч гениальнейших программистов уже второе тысячелетие подряд …

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

Входные данные: размер текстовых данных js, css, xml, html, images коло ~1,2MБ(+ флэш), время загрузки в Москве более полутора минут, при хождении по ссылкам заметное время(1-15 секунд) на загрузку картинок, при повторном обращении картинка загружалась повторно.
Читать дальше →
Total votes 52: ↑42 and ↓10 +32
Views 5.7K
Comments 45

Web Optimizer 0.6.5, «swift», RC6

Self Promo
Все снова доброго дня (или ночи?). В последние полтора месяца была проведена большая работа по повышению быстродействия и стабильности продукта, интеграции с наиболее популярными системами и внедрению новых возможностей. Web Optimizer Release Candidate 6 (стриж, swift) является на данный момент полностью стабильным и наиболее мощным веб-приложением для автоматического ускорения сайтов. Следующей полноценной версией будет только 1.0, которая выйдет уже в следующем году вместе с обновленным интерфейсом и множеством «вкусных» плюшек.

Загрузить Web Optimizer:
www.web-optimizer.ru/web-optimizer/download.html
Почитать про него
www.web-optimizer.ru
Читать дальше →
Total votes 31: ↑23 and ↓8 +15
Views 520
Comments 15

Реактивные веб-сайты. Работаем над иллюстрациями. Корова

Lumber room
image
Думаю, ни для кого не секрет, что часто техническая литература бывает очень заумна и, как следствие, скучна. Когда я учился в университете я не редко, когда не мог заснуть, брал книжку потолще и по-заумней и в течении 10-15 минут чтения легко засыпал. По этой причине, когда Николай Мациевский обратился ко мне с просьбой проиллюстрировать новую книгу смешными картинками я отнесся к идее с большим азартом. Кроме того, не всегда выпадает возможность нарисовать для книги порядка 60-ти иллюстраций.
Читать дальше →
Total votes 22: ↑14 and ↓8 +6
Views 591
Comments 14
1