Advanced HTML Optimizer

 

Advanced HTML Optimizer

 

advanced-html_optimizer

Рекомендуется ограничивать размеры веб-страниц в пределах 250-400 Кбайт на все данные. В это число входит размер HTML-файла, все рисунки, баннеры, счетчики — в общем, все то, что есть на вашей странице. Обычно добиться указанного ограничения размера страницы не составляет особого труда, так как это объем нормальной страницы, не перегруженной графикой и рекламой.

 

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

 

Для оптимизации HTML-кода веб-документов могут использоваться специальные программы, например Advanced HTML Optimizer. Программа Advanced HTML Optimizer выполняет оптимизацию HTML-документов, в результате которой сокращается время их загрузки и выгрузки. После оптимизации внешний вид веб-страницы не изменяется, но размер ее уменьшается.

 

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

 

Программа запускается из главного меню Windows или двойным щелчком кнопкой мыши на значке Advanced HTML Optimizer, который выносится на рабочий стол при установке программы.

 

В рабочем окне программы Advanced HTML Optimizer под строкой меню располагается панель Toolbar (Панель инструментов), кнопки которой предоставляют быстрый доступ к основным операциям. У нижнего края рабочего окна находится строка Statusbar (Строка состояния), в которой отображается информация о работе программы. Остальная часть рабочего окна представляет собой таблицу File (s) to compress (Файл (ы) для оптимизации) для отображения информации об исходных и оптимизированных файлах.

 

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

 

1. Нажмите кнопку Add Files (Добавить файлы) на панели Toolbar (Панель инструментов). На экране появится диалоговое окно Add File(s) (Добавить файлы).

 

Это стандартное диалоговое окно открытия файла.

 

2. Выберите HTML-файл, который нужно оптимизировать, нажав кнопку открыть (Open), а затем закройте диалоговое окно Add File(s) (Добавить файлы). В таблице File(s) to compress (Файл (ы) для оптимизации) появится информация о выбранном файле.

 

Информация о файле включает следующие поля:

Name (Имя) — имя файла;

 

Туре (Тип) — тип файла;

 

Path (Путь) — путь к файлу;

 

Date (Дата) — дата последнего изменения;

 

Size (Размер) — исходный размер файла;

 

Packed (Сжато) — размер файла после оптимизации;

 

Saved (Спрятано) — разница между исходным и оптимизированным размером;

 

Ratio (Коэффициент) — процент сокращения размера файла после оптимизации.

До выполнения оптимизации последние три колонки таблицы не содержат информации.

 

Кроме отдельных файлов, в программе Advanced HTML Optimizer можно выбрать для оптимизации группу папок с HTML-документами. Для этого нажмите кнопку Add Folder (Добавить папку) на панели Toolbar (Панель инструментов).

 

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

 

1. Нажмите кнопку Optimize (Оптимизировать) на панели Toolbar (Панель инструментов). Появится диалоговое окно Compress (Сжатие).

 

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

вложенной в ту папку, в которой установлена программа.

 

2. Закройте диалоговое окно Compress (Сжатие), нажав кнопку ОК. Программа выполнит оптимизацию и сообщит о результатах в диалоговом окне «Overall compressing performance» (Обобщенный результат сжатия).

 

В этом диалоговом окне программа выводит определенную информацию в соответствующих полях:

 

Optimized (Оптимизировано) — количество оптимизированных файлов;

 

Elapsed time (Затраченное время) — затраченное на оптимизацию время;

 

Source size (Размер источника) — исходный размер файлов;

 

Packed Size (Сжатый размер) — размер файлов после оптимизации;

 

Saved (Спрятано) — разница между исходным и оптимизированным размером.

 

3. Закройте диалоговое окно Overall compressing performance (Обобщенный результат сжатия), нажав кнопку ОК. Информация об оптимизированных файлах отобразится в таблице File(s) to compress (Файл (ы) для оптимизации).

 

Как отмечалось выше, установки программы по умолчанию предусматривают создание копий исходных файлов в папке Backup. Но вы можете изменить этот параметр, указав на вкладке Backup (Копии) диалогового окна Options (Параметры) другую папку для создания копий исходных файлов.

 

Можно также отказаться от сохранения копий или оставить исходные файлы без изменений, а оптимизированные файлы сохранять в указанной вами папке. Диалоговое окно Options (Параметры) можно открыть, нажав кнопку Options (Параметры) на панели Toolbar (Панель инструментов).

 

(Также можете ознакомиться со статьей "Веб Дизайнер")

 

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

 

1. Нажмите кнопку Restore (Восстановить) на панели Toolbar (Панель инструментов). Появится диалоговое окно Confirm (Подтверждение) с запросом на подтверждение восстановления файлов.

 

2. Нажмите кнопку Yes (Да), чтобы подтвердить необходимость восстановления. Исходные файлы восстановятся, а информация о них появится в таблице File(s) to compress (Файл(ы) для оптимизации).

 

Во время оптимизации программа выполняет следующие операции:

□ заменяет одиночные теги, например STRONG на В, STRIKE на S;

□ удаляет ненужные кавычки в параметрах тегов;

□ удаляет ненужные символы двойных пробелов;

□ удаляет все символы возврата каретки (CR), если такие имеются;

□ удаляет ненужные символы перевода строки (LF);

□ удаляет все ненужные символы пробелов и табуляции;

□ удаляет комментарии.

 

На вкладке Optimization (Оптимизация) диалогового окна Options (Параметры) вы можете до мельчайших деталей определить параметры обработки файлов: указать, как и какие теги следует заменять, а какие — оставить без изменений, удалять ли пробелы, символы CR и LF, кавычки и комментарии. Диалоговое окно настройки параметров программы вызывается командой меню Edit => Options (Правка => Параметры). Диалоговое окно Options (Параметры) также появляется на экране при нажатии клавиши F9. О программах не обходимых для сайта пройдите по этой ссылке программы для сайта.

Подробное описание по оптимизации изображений смотри Оптимизация изображения!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

This blog is kept spam free by WP-SpamFree.