4.1. Объединение HTML- и CSS-файлов

4.1. Объединение HTML- и CSS-файлов

Число запросов является наиболее узким местом при загрузке страницы. По последним исследованиям, порядка 40% времени загрузки уходит только на установление новых соединений с сервером. В этом свете любые методы, позволяющие уменьшить число запросов, выглядят весьма перспективно. Однако каждый такой метод, начиная с простого объединения стилей или скриптов и заканчивая data:URI, достаточно сложен в технологическом плане, поэтому в ряде случаев может просто не окупать затраченного времени.

Зачастую cookie выставляются на весь домен или даже на все поддомены, что означает их отправку браузером даже при запросе каждой картинки с вашего домена. В результате 400-байтный ответ с картинкой превратится в 1000 байтов или даже больше, в зависимости от добавленных заголовков cookie. Если на странице у вас много некэшируемых объектов и большие cookie на домен, то стоит рассмотреть возможность вынесения статичных ресурсов на другой домен (например, так поступил Яндекс, расположив статические файлы на домене yandex.net) и убедиться, что cookie там никогда не появятся.

В силу накладных расходов на передачу каждого объекта один большой файл загрузится быстрее, чем два более мелких, каждый в два раза меньше первого. Стоит потратить время на то, чтобы привести все вызываемые JavaScript-файлы к одному или двум, равно как и CSS-файлы. Если на вашем сайте их используется больше, попробуйте сделать специальные скрипты для публикации файлов на «боевом» сервере или уменьшите их количество. Если на странице в большом объеме располагаются десятки небольших GIF-файлов (для оформления границ или фона элементов), стоит рассмотреть ее преобразование в более простой CSS-дизайн (который не потребует такого большого числа картинок) и(ли) объединение в несколько больших ресурсных файлов.

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

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

4.2. Объединение JavaScript-файлов

Из книги AutoCAD 2009 автора Орлов Андрей Александрович

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


Объединение HTML, CSS и JavaScript в одном файле

Из книги Excel. Мультимедийный курс автора Мединов Олег

Объединение HTML, CSS и JavaScript в одном файле Чтобы избежать дополнительных запросов со стороны браузера, можно включить непосредственно стилей и(ли) скриптов в сам HTML-документ.Здесь стоит остановиться на следующем моменте: если размер CSS- (или JavaScript-) файла больше, чем 20% (и при


Объединение

Из книги AutoCAD 2010 автора Орлов Андрей Александрович

Объединение Чтобы создать тело путем объединения нескольких, воспользуйтесь командой UNION. Если исходные тела соприкасаются или пересекаются, то получится единое тело, а если тела располагаются отдельно, то после применения команды UNION они будут выделяться как один


Объединение ячеек

Из книги Создание шаблонов Joomla автора Автор неизвестен

Объединение ячеек Две и более ячейки на листе могут быть объединены в одну. Объединение ячеек может понадобиться, например, при создании общего заголовка для нескольких столбцов (рис. 3.15). Рис. 3.15. Пример объединения ячеекЧтобы объединить ячейки, выполните следующие


Объединение

Из книги AutoCAD 2009. Учебный курс автора Соколова Татьяна Юрьевна

Объединение Чтобы создать тело путем объединения нескольких, воспользуйтесь командой UNION. Если исходные тела соприкасаются или пересекаются, то получится единое тело, а если тела располагаются отдельно, то после применения команды UNION они будут выделяться как один


Изменение отображения HTML без изменения базовых файлов

Из книги AutoCAD 2008 для студента: популярный самоучитель автора Соколова Татьяна Юрьевна

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


Объединение сегментов

Из книги HTML5 для веб-дизайнеров автора Джереми Кит

Объединение сегментов Команда JOIN осуществляет объединение отдельных сегментов объектов для формирования одного целого объекта. Команда вызывается из падающего меню Modify ? Join или щелчком на пиктограмме Join на панели инструментов Modify.Запросы команды


Объединение объектов

Из книги Linux и UNIX: программирование в shell. Руководство разработчика. автора Тейнсли Дэвид

Объединение объектов Команды, предназначенные для формирования сложных объектов, вызываются из падающего меню Modify ? Solid Editing или с плавающей панели инструментов Solid Editing (рис. 18.31). Рис. 18.31. Падающее меню и панель инструментов редактирования тел Команда UNION предназначена


Объединение объектов

Из книги Справка по SQL автора

Объединение объектов Команды, предназначенные для формирования сложных объектов, вызываются из падающего меню Modify ? Solid Editing (рис. 16.3) или с плавающей панели инструментов Solid Editing (рис. 16.4). Рис. 16.3. Падающее меню редактирования тел Рис. 16.4. Плавающая панель инструментов


Объединение

Из книги Linux Mint и его Cinnamon. Очерки применителя автора Федорчук Алексей Викторович

Объединение Пока в WHATWG разрабатывали HTML5, W3C продолжала работать над спецификацией XHTML 2. Нельзя сказать, что она летела по шоссе в никуда. Она ехала в никуда очень-очень медленно.В октябре 2006 года сэр Тим Бернерс-Ли написал пост в блоге, в котором признал, что попытка


11.1.16. Объединение двух отсортированных файлов

Из книги автора

11.1.16. Объединение двух отсортированных файлов Прежде чем объединять два файла, их необходимо отсортировать, иначе результат будет неотсортированным. Предположим, нам прислали файл video2.txt, содержащий дополнения к уже имеющемуся перечню фильмов, причем этот файл


11.3. Объединение файлов с помощью команды join

Из книги автора

11.3. Объединение файлов с помощью команды join Команда join выполняет соединение строк из двух текстовых файлов на основании совпадения указанных полей. Ее действие напоминает операцию join языка SQL. Механизм работы команды таков:   1. Каждый из двух входных файлов разбивается


11.3.1. Объединение двух файлов

Из книги автора

11.3.1. Объединение двух файлов Предположим, имеется два текстовых файла: один называется names.txt и содержит имена пользователей с указанием улиц, на которых они проживают, а другой называется town.txt и содержит имена пользователей с указанием городов, в которых они живут.$ cat


Объединение

Из книги автора

Объединение Для объединения запросов используется служебное слово UNION:UNION [ALL]Оператор UNION объединяет выходные строки каждого из запросов в один результирующий набор. Если определен параметр ALL, то сохраняются все дубликаты выходных строк, в противном случае в