Ускорение работы сайта

Описание книги

Ускорение работы сайта Эта книга будет полезна всем, кто в той или иной мере интересуется созданием сайтов. Предполагается, что читатель знаком с основами языка HTML, поэтому никакого описания тегов и их параметров не приводится. Тем не менее, если указан листинг примера, то даются необходимые комментарии по используемым параметрам кода.

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

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

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

Книга состоит из пяти частей.

Часть 1. Ускорение загрузки и сокращение кода веб-страниц. В этой части рассказывается о способах ускорения работы сайта, описана последовательность загрузки элементов веб-страниц. Приводится техника верстки с помощью таблиц, фреймов и слоев, которая позволяет быстро отображать содержимое веб-страницы. Подробно изложено использование слоев и стилей, как наиболее прогрессивное и модное направление верстки.
Часть 2. Сжатие графических файлов при сохранении их качества — полностью посвящена графическим изображениям, которые используются на сайтах: установке подходящего разрешения, выбору формата файлов, а также оптимизации анимированных рисунков и фотографий. Процесс уменьшения объема файлов детально описан на примере программы Adobe Photoshop, приведены особенности каждого формата и параметры, за счет которых можно сократить размер файла при сохранении приемлемого качества изображения. Также даны более сложные способы оптимизации графики, связанные с использованием масок, альфа-каналов и разрезанием изображений.
Часть 3. Ускорение запуска и выполнения скриптов на языке JavaScript. В третьей части описана работа с программами, созданными на языке JavaScript — популярном средстве «оживить» веб-страницы. Приведены основы языка JavaScript, указаны способы ускорения загрузки программ и методы, с помощью которых можно сократить код программы и повысить ее производительность.
Часть 4. Применение серверных технологий для ускорения работы сайта — ориентирована на людей, создающих динамичные сайты с использованием серверных технологий. В этой части содержатся сведения о серверных технологиях и их влиянии на работу сайта, приведена информация о настройке веб-сервера Apache и оптимизации SQL-запросов для уменьшения нагрузки на сервер баз данных.
Часть 5. Приемы и хитрости — здесь приведены краткие советы по ускорению отображения и загрузки графики и кода документов.

Примеры из книги

Хотя большинство примеров в книге имеет небольшой объем, с ними удобнее работать, когда они находятся под рукой. Для этого вы можете скачать большинство листингов в формате HTML, которые представлены в виде одного архива.

Скачать примеры (ZIP-архив, 58 кБ)

Дополнения к книге

Ссылка на пиктограмму сайта, стр. 36

Для универсальной работы лучше использовать абсолютный путь к пиктограмме сайта, как показано ниже.

Браузер Internet Explorer кроме формата ICO поддерживает также формат BMP. Для этого создайте в графическом редакторе иконку сайта размером 16х16 пикселов и сохраните ее как BMP. Учтите, что файл должен называться по-прежнему ? favicon.ico, с расширением ico.

Браузер Firefox 1.0 поддерживает и формат PNG для создания иконок.

Создание эффективного стиля, стр. 55

Следует добавить, что применение универсальных стилевых свойств оправданно как по части сокращения кода, так и удобства понимания кода CSS. Универсальным свойством будем называть такое, которое сразу же изменяет сразу несколько параметров. Например, margin одновременно задает отступы со всех сторон элемента. Если требуется установить разные отступы на разных сторонах, то аргументы перечисляем через пробел. Ниже показано, как это делается.

DIV {
margin: 1em 2em 10px 20px
}

DIV {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 10px;
margin-left: 20px
}

Приведенный в данном примере стиль для тега DIV идентичен, но в первом случае он более компактный и удобный.

Применение параметра table-layout, стр. 65

Стилевой параметр table-layout в настоящее время поддерживается всеми популярными современными браузерами — Internet Explorer 6, Opera 8, Firefox 1.0, Netscape 8, Mozilla 1.7.

При использовании параметра table-layout содержимое, которое не помещается в ячейку указанной ширины, будет «обрезано» либо наложено поверх ячейки. Это зависит от браузеров, которые по-разному интерпретируют параметр, но в любом случае ширина ячейки меняться не будет.

Поля, стр. 107

Браузеры по-разному интерпретируют поля и ширину блочных элементов. Согласно спецификации CSS ширина складывается из значения параметров width (ширина), border (граница), padding (поля) и margin (отступы). Понятно, что если ширина задана как 100%, то добавление к ней полей приведет к отображению горизонтальной полосы прокрутки. Другое дело, что Internet Explorer игнорирует эту часть спецификации и не меняет указанную ширину.

Чтобы создать универсальный код, лучше вообще не использовать значение 100%. Для блочных элементов по умолчанию установлен аргумент auto, который приводит к нужному виду. Так что листинг 5.25 будет содержать следующий код.

Листинг 5.25. Установка полей

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
DIV {
background: #fc3;
border: 1px solid black;
padding: 10px
}
</style>
</head>
<body>
<div>
...
</div>
</body>
</html>

Впрочем, способ, показанный в листинге 5.26, тоже работает, так что вы сами можете выбрать, что в том или ином случае подходит больше.

Бонусы для купивших книгу

Те, кто приобрел книгу «Ускорение работы сайта» могут получить дополнительный бонус — справочник по тегам HTML в формате CHM, версия 2.0. Локальный справочник дает возможность без подключения к Интернету в любой момент посмотреть описание нужного тега и его параметров. Все теги представлены как общим списком, так и разбиты по категориям, что позволяет быстро получить требуемую информацию. Включение в справочник полнотекстового поиска также ускоряет нахождение заданных параметров или ключевых слов.

В новую версию справочника включены все основные теги HTML 4.01. В справочнике содержится описание каждого тега, его параметров и большое число примеров, которые пригодятся на все случаи.

Для получения справочника вам требуется лишь ответить на первый вопрос к главе 10 (стр. 189) книги «Ускорение работы сайта» и прислать ответ мне по почте, после чего справочник вам будет выслан.

Где купить книгу

Проще всего приобрести книгу «Ускорение работы сайта» в интернет-магазине, поскольку в обычных магазинах найти ее уже проблематично.

Ниже приводится несколько популярных магазинов, открытие ссылки ведет на страницу с описанием книги и краткой информацией о ней, в том числе и о наличии книги в магазине.

Ориентировочная цена книги без доставки — 180 руб.