Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
файл с начальной страницей сайта. Обычно это файл index.html.
400 _ Быстро и легко создаем, программируем и раскручиваем Web-сайт^
Зкаісол«,а€о №3. Оптимизация koga страниц ^
Одной из самых серьезных проблем Интернета является низкое качество связи между ''¦ Web-узлами и конечными пользователями. Естественно, что наибольшие ограничения это накладывает на Web-мастеров, так как решающее значение для пользователя приоб- . ретает скорость загрузки требуемых страниц из сети. Далеко не каждый пользователь '' * будет долго ожидать загрузки страницы. Исходя из этого, рекомендуется ограничивать размеры страниц в пределах 40-50 килобайт на все данные. В эту цифру входит не только размер HTML-файла, но и все рисунки, баннеры, счетчики, в общем, все то, что есть у вас на странице. Обычно указанного ограничения размера страницы можно добиться без особого труда. 40-50 килобайт - это объем нормальной страницы, не перегруженной '1^
рекламой, без графических излишеств.
Исходя из сказанного, весьма актуальной задачей становится оптимизация Web-страниц, .чу с целью уменьшения их размера и времени загрузки. Эта задача включает оптимизацию HTML-кода и графики. Причем особое значение имеет оптимизация графики, так как именно она . обусловливает значительный объем Web-страниц. Однако посредством оп- ; тимизации кода HTML также можно добиться некоторого снижения размера документа. Об оптимизации графики мы поговорим в следующем знакомстве. А здесь остановимся на оптимизации HTML-файлов.
Для оптимизации кода Web-документов могут быть использованы специальные программы, например Advanced HTML Optimizer. Пробная версия этой программы с 30-дневным сроком использования находится на компакт-диске, прилагаемом к книге.
Программа Advanced HTML Optimizer выполняет оптимизацию HTML-документов, результатом которой является сокращение времени их загрузки и выгрузки. После оптимизации внешний вид Web-страницы не изменяется, но размер ее уменьшается приблизительно на 20%. Сокращение размера HTML- доку мента обеспечивается за счет удаления необязательных символов и тегов. Хотя процент сокращения размера файла после оптимизации может быть незначительным, время его загрузки может измениться существенно, так как браузер клиента анализирует оптимизированный код более эффективно.
Вставленный в HTML-документ код скрипта не нарушается.
Программа запускается из главного меню Windows двойным щелчком мыши на значке Advanced HTML Optimizer на Рабочем Столе (Desktop).
В рабочем окне программы Advanced HTML Optimizer .(Рис. 9.8), как и у всех Windows-программ, под строкой меню располагается панель инструментов (Toolbar), кнопки которой предоставляют быстрый доступ к основным операциям. У нижнего края рабочего
окна находится строка состояния (Statusbar), в которой будет отображаться информация
о работе программы. Остальная часть рабочего окна представляет собой таблицу File(s) to ..compress (Файл(ы) для оптимизации) для представления информация об исходных а ' оптимизированных файлах.
ГЛАВА 9. Шлифуем и раскручиваем свой сайт 401
i?er romtite^sinn ЬшІ UuUI til'.;H 1*1 и
BLUE3
Ella Edit Actione Vjav Begittrotion Help
..I fc І Select Files Select Iree I
9 * і st у і a
Optimize BiiW* j Remqv* ?l*or Up | Option«
I I
I About
File(s) to compress:
Nome л I Type
I Path I Date | Size \ Packed I Saved I Ratio
I
s
Press <Select Files> or «Select Tree> to select (ile(s) lor optimizing ;[File>: D
-.....-4
Puc. 9.8. Рабочее окно программы Advanced HTML Optimizer
Чтобы выполнить оптимизацию Web-документов, необходимо сначала открыть нужные файлы.
> Нажмите кнопку Select Files (Выбрать файлы) на панели Toolbar (Инструменты). На экране появится диалог Select File(s) (Выбрать файл(ы)) (Рис. 9.9).
Папка: | Advanced HTML Optimizer
[»J «¦ Sa d* И"
O Backup fr Output ifiregform.htm iBtB8tJt.html
Имя файли: jteetjtbirril _____ _ | | Открыть ]
Іипфайлов: [Aar.titmL*.htm.-.shtmL '.shim -.sht,cphp. rphl^J | Отшна |
Puc. 9.9. Диалог Select File(s) (Выбрать файл(ы)) Это стандартный диалог открытия файла.
>- Выберите HTML-файл, который нужно оптимизировать, и, нажав кнопку Открыть (Open), закройте диалог Select File(s) (Выбрать файл(ы)). В таблице File(s) to compress (Файл(ы) для оптимизации) появится информация о выбранном файле (Рис. 9.10).
Zbt Compression [onl UNMLQlSTrRED
F13F
JPiIe Edit Actions Vie
w Registration Help
ЧЁ fc і
Select Piles Select Iree
Qptimi« ВвїКие Rftmove Qear List
I tf I Options
\ 1
J About
File(s) to compress:
Name I Type I
Path 1 Dde I Si» I Packed | Saved
1 Ratio
l
WebCT Course .. HTML D...
CAHTML... 23.03.20... 21 219 No
