Во-вторых, немаловажно учитывать и то, как отображается web-страница в разных видах обозревателей. В оптимуме она идентично отображается в последней и предпоследней версиях наиболее популярных программ, то есть браузеров Microsoft Internet Explorer и Mozilla Firefox, для чего следует оптимизировать ее цветовое решение, html-код и взаиморасположение рекламных материалов.
В-третьих, не рекомендуется использовать на одной web-странице свыше трех различных шрифтов. При этом основной текст должен быть набран только одним шрифтом, гарнитура и прочие свойства которого задаются таблицей стилей. Между тем остальные шрифты, используемые для придания красивости заголовкам, должны не набираться, а внедряться в документ в виде готовых графических элементов (см. рис. 3). Тем самым мы защищаем себя от риска искажения такого текста браузером на компьютере у гостя вашего ресурса, так как на ПК этого человека может и не быть установлен данный шрифт.
Рис. 3. Текст, набранный особым шрифтом, на рисунке шаблонной web-страницы
В-четвертых, все страницы web-сайта, а также все интегрированные в них графические и интерактивные элементы должны быть минимальными по «весу» (как называется файловый объем, выраженный в байтах), чего нетрудно достигнуть за счет специальных графических компрессоров и ряда приемов по удалению из html-документа избыточного кода. Именно такая работа с кодом и называется, как мы только что узнали, оптимизацией веб-документа.
Примечательно, что уменьшение «веса» файлов не всегда приводит к ответному росту скорости загрузки странички. Вот почему в отношении крупноформатной графики применяется также процедура нарезки, слайсинга (англ. slicing). Данная процедура сводится к превращению большого графического файла, обычно JPEG, в несколько маленьких с таким расчетом, что каждый малый файл несет какой-то фрагмент исходного изображения. При правильном взаимном расположении малых файлов на веб-странице из фрагментов, как из кусочков паззла, складывается целостная картинка, которая выглядит в обозревателе как сплошной рисунок.
Нарезку можно осуществлять в любых, мало-мальски приспособленных для этой цели графических редакторах, например, в Adobe PhotoShop, или в специализированных программах по работе с web-графикой, например, в Namo Image Slicer – утилите, предназначенной исключительно для нарезки графических файлов в форматах JPEG, GIF, PNG, PSD и BMP. На рис. 4 показаны все этапы процедуры нарезки (слева направо): первый этап – исходный файл в Namo Image Slicer; второй этап – малые файлы в html-редакторе Microsoft Expression Web; третий этап – итоговое изображение в обозревателе Internet Explorer.