Основы клиентской оптимизации

Упражнение 1:

Номер 1

Какой (какие) из перечисленных ниже браузеров поддерживает алгоритм gzip-сжатия?

Ответ:

(1) Microsoft Internet Exporer 6 и выше

(2) Mozilla FireFox 0.9 и выше

(3) Opera 8 и выше

Номер 2

Какой заголовок HTTP-запроса позволяет указать, какие типы сжатия поддерживаются веб-клиентами?

Ответ:

(1) Accept-Encoding

(2) Accept-Language

(3) Accept-Charset

Номер 3

Какой заголовок в ответе сервера позволяет определить, каким методом сжимался запрашиваемый файл?

Ответ:

(1) Accept-Encoding

(2) Content-Encoding

(3) Accept-Charset

Номер 4

Что должен сделать сервер в том случае, если браузер не поддерживает сжатие?

Ответ:

(1) Ответить кодом 404 (страница не найдена)

(2) Передать в ответ несжатое содержимое файла

(3) Закрыть окно браузера

Упражнение 2:

Номер 1

В случае наличия небольших по размеру файлов (в среднем не больше 4 Кб) и медленного в вычислениях сервера рекомендуется:

Ответ:

(1) применять gzip-сжатие

(2) применять deflate-сжатие

(3) не применять сжатие файлов

Номер 2

Укажите, каково назначение параметра -n в вызове команды gzip jquery.js -c -n -9 >> jquery.js.gz:

Ответ:

(1) создание нового файла

(2) исключение имени файла из архива

(3) выбор максимальной степени сжатия

Номер 3

Какой параметр в вызове команды gzip jquery.js -c -n -9 >> jquery.js.gz указывает на то, что будет применима максимальная степень сжатия?

Ответ:

(1) -с

(2) -n

(3) -9

Номер 4

Какую степень сжатия стоит выбирать для высоконагруженных серверов?

Ответ:

(1) 9

(2) 1

(3) 7

Упражнение 3:

Номер 1

Какой из перечисленных ниже браузеров не имеет возможности корректно обработывать файлы стилей с расширением .gz?

Ответ:

(1) Microsoft Internet Exporer

(2) Mozilla FireFox

(3) Opera

(4) Safari

Номер 2

Какой модуль Apache предназначен для управления HTTP-заголовками запроса и ответа?

Ответ:

(1) mod_deflate

(2) mod_headers

(3) mod_rewrite

Номер 3

Установка какого заголовка (заголовков) позволяет указать локальному проксирующему серверу, не кэшировать файл, а пропускать его дальше к пользователю:

Ответ:

(1) Vary

(2) Cache-control

(3) Accept-Encoding

Номер 4

Установка какого заголовка позволяет указать локальному проксирующему серверу не обрезать заголовок User-Agent:

Ответ:

(1) Vary

(2) Cache-control

(3) Accept-Encoding

Упражнение 4:

Номер 1

Укажите, какая из перечисленых ниже библиотек предназначена для минимизации размера как CSS, так и JS-файлов:

Ответ:

(1) CSSMin

(2) Minify

(3) CSS Tidy

(4) YUI Compressor

Номер 2

Какой (какие) из перечисленных инструментов минимизации CSS-кода способен заменять относительные пути к фоновым картинкам на более короткие и самостоятельно отдавать кеширующие заголовки?

Ответ:

(1) GZIP

(2) CSSMin

(3) Minify

Номер 3

Какой из перечисленных инструментов позволяет минимизировать JS-файлы?

Ответ:

(1) CSSMin

(2) Minify

(3) YUI-compressor

(4) Packer

Номер 4

Какой из перечисленных инструментов в среднем лучше всего уменьшает JS-файлы в размере?

Ответ:

(1) CSSMin

(2) Minify

(3) YUI-compressor

(4) Packer

Упражнение 5:

Номер 1

Что объединяет такие инструменты оптимизации как YUI-compressor, Dean Edwards Packer и Minify?

Ответ:

(1) это инструменты для минимизации CSS-кода

(2) это средства для минимизации JavaScript-файлов

(3) это средства реализации сжатия по алгоритму deflate

Номер 2

Что объединяет такие инструменты оптимизации как CSSMin, Minify и CSS Tidy?

Ответ:

(1) это инструменты для минимизации CSS-кода

(2) это средства реализации сжатия по алгоритму compressed

(3) это средства реализации сжатия по алгоритму deflate

Номер 3

Укажите, какой из перечисленных инструментов представляет собой модуль на языке Perl, предназначенный для минимизации JavaScript-файлов?

Ответ:

(1) JavaScript::Minifier

(2) Dojo ShrinkSafe aka Rhino

(3) YUI Compressor

Номер 4

Укажите, какой из перечисленных инструментов представляет собой модуль на языке Java, предназначенный для минимизации как CSS-, так и JavaScript-файлов?

Ответ:

(1) JavaScript::Minifier

(2) Dojo ShrinkSafe aka Rhino

(3) YUI Compressor

Упражнение 6:

Номер 1

Каково назначение инструмента JSLint?

Ответ:

(1) минимизация CSS-кода

(2) минимизация JavaScript-файлов

(3) проверка JavaScript-файлов на работоспособность

Номер 2

При использовании gzip-сжатия для текстовых файлов для дополнительной минимизации CSS и JS-файлов наиболее эффективно применять:

Ответ:

(1) JavaScript::Minifier

(2) Minify

(3) YUI-compressor

Номер 3

Выберите верное утверждение:

Ответ:

(1) время загрузки уменьшенной версии файла меньше времени загрузки упакованной версии

(2) время загрузки упакованной версии файла меньше времени загрузки уменьшенной версии

(3) время загрузки уменьшенной копии файла, как правило, сопоставимо с временем загрузки упакованной версий файла

Номер 4

Выберите верное утверждение:

Ответ:

(1) экономичнее передавать архивы по сети, а потом распаковывать их на клиенте

(2) более разумно передавать полне версии файлов, чтобы избежать накладных издержек

(3) время передачи минимизированных и gzip-версий файлов сопоставимо

Упражнение 7:

Номер 1

Укажите, использование какого графического формата позволяет получить, как правило, наибольший выигрыш в скорости загрузки страницы:

Ответ:

(1) BMP

(2) PNG

(3) GIF

(4) TIFF

Номер 2

В каком графическом формате применяется алгоритм LZW-сжатия?

Ответ:

(1) BMP

(2) PNG

(3) GIF

(4) JPEG

Номер 3

Какой алгоритм применяется для сжатия изображений GIF-формата?

Ответ:

(1) алгоритм LZW

(2) алгоритм Хаффмана

(3) JBIG

(4) GNU Zip

Номер 4

Какой формат изображений позволяет без потерь представить градиенты наиболее оптимальным образом?

Ответ:

(1) PNG

(2) GIF

(3) JPEG

(4) BMP

Упражнение 8:

Номер 1

Какой алгоритм сжатия используется в формате PNG:

Ответ:

(1) алгоритм RLE

(2) алгоритм deflate-сжатия

(3) JBIG

Номер 2

Какие изображения в формате PNG сжимаются наилучшим образом?

Ответ:

(1) изображения с большими однотонными областями

(2) градиентные изображения с большим количеством переходов между цветами

(3) градиентные изображения с малым количеством переходов между цветами

(4) полноцветные изображения

Номер 3

Выберите верное утверждение:

Ответ:

(1) формат PNG использует алгоритм deflate-сжатия

(2) максимальная степень PNG-сжатия равна 9

(3) алгоритм сжатия LZ77 применяется в zip- и gzip-файлах

(4) BMP-файлы испоьзуют LZW-сжатие

Номер 4

Выберите ошибочное утверждение:

Ответ:

(1) формат PNG лучше всего подходит для больших файлов с индексированной палитрой

(2) GIF-файлы до 500б обычно меньше аналогичных PNG

(3) JPEG является форматом с потерей качества

(4) BMP-изображения всегда меньше своих PNG-аналогов

Упражнение 9:

Номер 1

Для каких изображений в PNG рекомендуется применять алгоритм Adaptive?

Ответ:

(1) полноцветные

(2) серые

(3) PNG с индексированными цветами

Номер 2

Какой режим рекомендуется применять для PNG изображений с индексированными цветами?

Ответ:

(1) Up

(2) None

(3) Adaptive

Номер 3

Выберите верное утверждение:

Ответ:

(1) PNG изображения могут содержать только один уровень прозрачности

(2) PNG - формат, свободный от патентов

(3) минимально приемлемым для веб-страниц форматом PNG является PNG16

Номер 4

Выберите верное утверждение:

Ответ:

(1) PNG8 отличается от PNG16 количеством доступных цветов

(2) GIF позволяет выводить больше цветов, чем PNG8

(3) файлы в формате PNG16 обычно меньше по размеру своих PNG8-аналогов

Упражнение 10:

Номер 1

Выберите верное утверждение:

Ответ:

(1) формат PNG может использоваться для замены только неанимированных GIF

(2) формат PNG может использоваться для замены как анимированных, так и неанимированных GIF

(3) формат PNG не может использоваться для замены GIF

Номер 2

Какой из перечисленных форматов является форматом составной сетевой графики, представляющим собой несколько PNG-изображений?

Ответ:

(1) SVG

(2) MNG

(3) PNG16

(4) WML

Номер 3

Выберите ошибочное утверждение:

Ответ:

(1) MNG-формат поддерживается всеми текущими браузерами

(2) поддержка возможностей PNG-гаммы и цветовой коррекции не является кроссбраузерной

(3) нет верного ответа

Упражнение 11:

Номер 1

Какие действия позволяют уменьшить размер PNG-изображений?

Ответ:

(1) уменьшение области размывания

(2) сглаживание текста

(3) уменьшение числа цветов в исходном изображении

Номер 2

Каково назначение команды pngcrush -qz3 -brute image.png result.png?

Ответ:

(1) преобразование GIF-изображения в PNG

(2) уменьшение PNG-файла в размере

(3) удаление gAMA-чанка

Номер 3

Какая из перечисленных ниже команд предназначена для уменьшения PNG-файлов в размере, при выполнении которой будут удалены чанки, отвечающие за цветовую коррекцию:

Ответ:

(1) pngcrush -qz3 -brute image.png result.png

(2) pngcrush -qz3 -rem gAMA -brute image.png result.png

(3) pngcrush -qz3 -rem gAMA -rem cHRM -rem iCCP -rem sRGB \ -brute image.png result.png

Номер 4

Какая из перечисленных ниже утилит командной строки предназначена для уменьшения JPEG-файлов в размере Без потери качества:

Ответ:

(1) pngcrush

(2) gif2png

(3) jpegtran

(4) convert

Упражнение 12:

Номер 1

Выберите из списка верные характеристики формата . ico?

Ответ:

(1) предоставление информацию без потерь

(2) возможность использования индексированных цветов

(3) возможность использования анимации

(4) возможность использования GZIP-сжатия

Номер 2

Какой механизм (механизмы) целесообразно применять для оптимизации favicon.ico?

Ответ:

(1) gzip-сжатие

(2) компрессия для image/x-icon

(3) нет верного ответа

Номер 3

Какой механизм (механизмы) целесообразно применять для оптимизации задержек, связанных с пересылкой cookie?

Ответ:

(1) установка cookie только для текущего домена

(2) установка cookie только для определенных разделов на сайте

(3) ограничение только текущей сессией пользователя на сайте

Номер 4

Выберите верное утверждение

Ответ:

(1) favicon.ico не влияет на скорость загрузки страницы

(2) если cookie установлены на www.domain.ru, то они будут отправлены и на img.domain.ru

(3) gzip-сжатие позволяет уменьшить размер favicon.ico в несколько раз

(4) cookie пересылаются за сеанс на сервер только один раз: при запросе HTML-страницы

Основы клиентской оптимизации - тест 2