Опубликован: 16.06.2010 | Уровень: специалист | Доступ: платный
Лекция 8:

Автоматизация клиентской оптимизации

< Лекция 7 || Лекция 8: 12345 || Лекция 9 >

7.2. Установка Web Optimizer

Давайте рассмотрим базовую установку веб-приложения для автоматической клиентской оптимизации — Web Optimizer.


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

Web Optimizer поставляется в двух вариантах: ZIP-архив и мини-установщик. Для загрузки первого варианта идем по адресу code.google.com/p/web-optimizator/downloads/list и выбираем Featured версию 0.5 или выше.

Загружаем ZIP-архив в корень сайта. Если к сайту есть SSH-доступ, то можно использовать просто wget: wget http://web-optimizator.googlecode.com/files/weboptimizer.v0.5beta.zip

Загружаем Web Optimizer

увеличить изображение
Рис. 7.1. Загружаем Web Optimizer

Затем полученный архив нужно будет распаковать в корень, чтобы получилась папка web-optimizer.

Если к сайту есть только FTP-доступ, то загружаем сначала на локальный диск, потом распаковываем, а потом уже (например, через FAR) копируем в корень сайта.

При отсутствии желания загружать распакованный архив на сервер (или распаковывать на сервере загруженный архив) есть версия мини-установщика, который (если имеется curL на сервере) сам все загрузит и начнет установку. Для этого нужно загрузить только файл instaLL.me.php в корень сайта и открыть его в браузере.

После того как все необходимые файлы оказались на сайте, нужно выставить права на запись, как минимум, для файла web-optimizer/config.php и (опционально) папки web-optimizer/cache для пользователя, под которым работает сервер. Иначе настройки и закэшированные версии сжатых файлов не смогут сохраниться. При желании папка кэширования может быть другой (об этом чуть ниже), в этом случае будет необходимо только выставить права на конфигурационный файл.

7.2.2. Шаг 2: настройка

Заходим в браузере по адресу

http://ваш_сайт/web-optimizer/index.php

Вместо web-optimizer может быть произвольная директория, в которой находится Web Optimizer. Видим приветственный экран от Web Optimizer. Если не видим, то стоит перепроверить, куда был скопирован Web Optimizer, и зайти именно в ту папку.

Устанавливаем Web Optimizer

увеличить изображение
Рис. 7.2. Устанавливаем Web Optimizer

Здесь возможно два варианта развития событий:

  • Быстрая установка;
  • Обычная установка.

Быстрая установка

Для начала быстрой установки вводим будущий логин и пароль доступа к административной части и нажимаем зеленую кнопку "Быстрая установка". После этого Web Optimizer вычисляет директории на сервере, сохраняет все настройки по умолчанию и осуществляет цепочную опти- мизацию для главной страницы: создает закэшированные версии сжатых файлов. Только потом, если файлы (обычно только корневой index.php, зависит от используемой CMS) доступны на запись, производится их автоматическое изменение.

Иначе Web Optimizer выведет инструкции по изменению этих файлов.

Быстрая установка Web Optimizer

Рис. 7.3. Быстрая установка Web Optimizer
Окончание установки Web Optimizer

увеличить изображение
Рис. 7.4. Окончание установки Web Optimizer
Окончание установки Web Optimizer: инструкции по интеграции

увеличить изображение
Рис. 7.5. Окончание установки Web Optimizer: инструкции по интеграции
Настройка Web Optimizer

увеличить изображение
Рис. 7.6. Настройка Web Optimizer

Обычная установка

Обычная установка отличается от быстрой только наличием промежуточного шага с редактированием настроек. Запустить ее можно, нажав по кнопке "Далее", цифре 2 или 3 в верхнем меню или оранжевой стрелочке справа.

Все настройки и их особенности подробно описаны в следующем разделе. Прежде всего нужно убедиться в том, что вычисленные пути яв- ляются правильными. Также можно задать произвольные директории кэ- ширования: это будет необходимо при включении настройки "Защищен- ный режим" (находится в разделе "Использование .htaccess "). После этой настройки пароль при доступе к Web Optimizer будет запрашиваться только через HTTP Basic Authorization. Дополнительно вводить его не по- требуется. Однако файлы, которые находятся внутри папки с Web Optimizer, станут недоступны обычным пользователям, поэтому директо- рии кэширования нужно из нее перенести.

Настройка Web Optimizer

увеличить изображение
Рис. 7.7. Настройка Web Optimizer

7.2.3. Шаг 3: Управление

В Web Optimizer доступно несколько инструментов для управления приложением.

Панель управления Web Optimizer

увеличить изображение
Рис. 7.8. Панель управления Web Optimizer

Во-первых, это конфигурирование всех настроек (здесь и далее при работе не в защищенном режиме нужно будет ввести логин и пароль), которое можно осуществить по кнопке "Далее" (или клику по цифрам 2 или 3 или оранжевой стрелочке справа). Во-вторых, это очистка кэша (будет необходимо, если вы провели изменение каких-либо CSS- или JS-файлов на сервере при включенной настройке "Не проверять время изменения файлов") — кнопка "Очистить кэш". В-третьих, это возможность безболезненно удалить Web Optimizer (будут удалены все добавленные в файлы CMS вызовы, а файл .htaccess будет очищен от оптимизационных директив) кнопкой "Удалить".


При наличии curl на сервере и существовании более новой версии, чем текущая, будет предложено обновиться (появится блок с кнопкой "Обновить"). При обновлении все исходные настройки будут сохранены. Также могут добавиться некоторые новые. В обычном режиме панель администрирования для Web Optimizer выглядит следующим образом:

Панель управления Web Optimizer: установлена последняя версия

увеличить изображение
Рис. 7.9. Панель управления Web Optimizer: установлена последняя версия
< Лекция 7 || Лекция 8: 12345 || Лекция 9 >
Ольга Артёмова
Ольга Артёмова

Доброго времени суток!

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

Сертификация: оптимизация и продвижение web-сайтов.

Ярославй Грива
Ярославй Грива
Россия, г. Санкт-Петербург
Ёдгор Латипов
Ёдгор Латипов
Таджикистан, Кургантепа