Алгоритмы и задачи клиентской оптимизации

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

Номер 1

Укажите строку Perl-кода, удаляющую комментарии из CSS-файла:

Ответ:

(1) $data = ? s!\/\*(.*?)\*\/!!g;

(2) $data = ? s!\s+! !g;

(3) $data = ? s!\} !}\n!g;

Номер 2

Укажите строку Perl-кода, сжимающую пробелы в CSS-файле:

Ответ:

(1) $data = ? s!\/\*(.*?)\*\/!!g;

(2) $data = ? s!\s+! !g;

(3) $data = ? s!\} !}\n!g;

Номер 3

Укажите строку Perl-кода, добавляющую переводы строки  в CSS-файле:

Ответ:

(1) $data = ? s!\/\*(.*?)\*\/!!g;

(2) $data = ? s!\s+! !g;

(3) $data = ? s!\} !}\n!g;

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

Номер 1

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

Ответ:

(1) data:URI

(2) mhtml

(3) JSMin

Номер 2

Укажите основное отличие технологии data:URI от CSS Sprites:

Ответ:

(1) data:URI позволяет включать base64-данные в CSS-файл в бинарном виде

(2) data:URI позволяет включать фоновые изображения прямо в CSS-файл в base64-виде

(3) data:URI позволяет минимизировать JavaScript-код

Номер 3

Какие заголовки ответа сервера обеспечивают условное кэширование?

Ответ:

(1) last-modified

(2) etag

(3) location

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

Номер 1

Какая технология позволяет включать base64-данные в CSS-файл в виде комментариев?

Ответ:

(1) data:URI

(2) mhtml

(3) JSMin

Номер 2

Укажите основное отличие технологии mhtml от CSS Sprites:

Ответ:

(1) mhtml позволяет включать base64-данные в CSS-файл в виде комментариев

(2) mhtml позволяет включать фоновые изображения прямо в CSS-файл в бинарном виде

(3) mhtml позволяет минимизировать JavaScript-код

Номер 3

Какие заголовки запроса клиента обеспечивают условное кэширование?

Ответ:

(1) user-agent

(2) if-modified-since

(3) if-none-match

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

Номер 1

Укажите строку PHP-кода, оптимальную для устанавки кэширования на клиентском уровне для статических ресурсов без сжатия:

Ответ:

(1) header("Cache-Control: public, max-age=315360000");

(2) header("Cache-Control: no-store, no-cache, must-revalidate, private");

(3) header("Cache-Control: private, max-age=315360000");

Номер 2

При установке заголовка ответа сервера Cache-Control, равного значению public:

Ответ:

(1) кэширование статического ресурса будет выполняться на всех прокси-серверах

(2) кэширование ресурса на клиентском уровне будет запрещено

(3) кэширование статического ресурса на клиентском уровне будет запрещено на прокси-серверах

Номер 3

Укажите директиву для Apache, оптимальную для устанавки кэширования на клиентском уровне для статических ресурсов без сжатия:

Ответ:

(1) header append Cache-Control public

(2) header append Cache-Control "no-store, no-cache, must-revalidate, private"

(3) header append Cache-Control private

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

Номер 1

Укажите строку PHP-кода, запрещающую кэширование на клиентском уровне:

Ответ:

(1) header("Cache-Control: public, max-age=315360000");

(2) header("Cache-Control: no-store, no-cache, must-revalidate, private");

(3) header("Cache-Control: private, max-age=315360000");

Номер 2

При установке заголовка ответа сервера Cache-Control, равного значению no-cache:

Ответ:

(1) кэширование статического ресурса на клиентском уровне выполняется без сжатия

(2) кэширование ресурса на клиентском уровне будет запрещено

(3) кэширование статического ресурса на клиентском уровне выполняется со сжатием

Номер 3

Укажите директиву для Apache, запрещающую кэширование на клиентском уровне:

Ответ:

(1) header append Cache-Control public

(2) header append Cache-Control "no-store, no-cache, must-revalidate, private"

(3) header append Cache-Control private

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

Номер 1

Разные фрагменты JavaScript-кода рекомендуется объединять:

Ответ:

(1) только с переводом строки

(2) только через точку с запятой

(3) через точку с запятой и с переводом строки

Номер 2

Настройки по умолчанию библиотеки CSS Tidy находятся в файле:

Ответ:

(1) class.csstidy.php

(2) class.csstidy.ini

(3) id.csstidy.php

Номер 3

В случае включения фоновых картинок в CSS-файл:

Ответ:

(1) файл уменьшается в размере

(2) файл не изменяется в размере

(3) файл увеличивается в размере

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

Номер 1

Технология генерации CSS-спрайтов DURIS:

Ответ:

(1) позволяет использовать полностью семантическую верстку

(2) не позволяет использовать полностью семантическую верстку

(3) имеет проблемы при масштабировании фоновых изображений

Номер 2

Укажите особенность технологии генерации CSS-спрайтов DURIS:

Ответ:

(1) устраняет проблемы масштабирования для фоновых изображений

(2) не позволяет использовать полностью семантическую верстку

(3) имеет проблемы при масштабировании фоновых изображений

Номер 3

Какая особенность характерна для технологии генерации CSS-спрайтов DURIS?

Ответ:

(1) объединяет изображения разных типов и осей повторения

(2) имеет проблемы при масштабировании фоновых изображений

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

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

Номер 1

Укажите характеристики работы DURIS:

Ответ:

(1) несемантическая верстка в случае использования сложных спрайтов

(2) выделение background-image в отдельный внешний стиль

(3) загрузка и анализ всех внутренних (<style>) и внешних (<link>) стилей

Номер 2

Какие характеристики работы отличают технологию генерации CSS-спрайтов DURIS?

Ответ:

(1) несемантическая верстка в случае использования сложных спрайтов

(2) загрузка и кодирование в base64 всех изображений, которые найдены в стилях

(3) оптимизация правил с повторяющимися background-image в стилях

Номер 3

Характеристики работы технологии генерации CSS-спрайтов DURIS:

Ответ:

(1) удаление CSS-правил с отсутствующими на сервере изображениями

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

(3) специальное подключение data:URI спрайтов для всех браузеров и отдельно для IE6, IE7 Vista

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

Номер 1

Укажите характеристики работы CSS Sprites:

Ответ:

(1) несемантическая верстка в случае использования сложных спрайтов

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

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

Номер 2

Какие характеристики работы отличают технологию CSS Sprites?

Ответ:

(1) отображение неверного фона при масштабировании

(2) тяжесть изменения картинки в случае сложной геометрии

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

Номер 3

Какие особенности характерны для технологии CSS Sprites?

Ответ:

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

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

(3) отображение неверного фона при масштабировании

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

Номер 1

Укажите строку PHP-кода, оптимальную для устанавки кэширования на клиентском уровне для статических ресурсов со сжатием:

Ответ:

(1) header("Cache-Control: public, max-age=315360000");

(2) header("Cache-Control: no-store, no-cache, must-revalidate, private");

(3) header("Cache-Control: private, max-age=315360000");

Номер 2

При установке заголовка ответа сервера Cache-Control, равного значению private:

Ответ:

(1) кэширование статического ресурса будет разрешено на прокси-серверах

(2) кэширование ресурса на клиентском уровне будет запрещено

(3) кэширование статического ресурса будет запрещено на прокси-серверах

Номер 3

Укажите директиву для Apache, оптимальную для устанавливки кэширования на клиентском уровне для статических ресурсов со сжатием:

Ответ:

(1) header append Cache-Control public

(2) header append Cache-Control "no-store, no-cache, must-revalidate, private"

(3) header append Cache-Control private

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

Номер 1

Укажите приложение, позволяющее минимизировать JavaScript-код:

Ответ:

(1) data:URI

(2) mhtml

(3) JSMin

Номер 2

Укажите назначение приложения JSMin:

Ответ:

(1) позволяет включать base64-данные в CSS-файл в виде комментариев

(2) позволяет включать фоновые изображения прямо в CSS-файл в base64-виде

(3) позволяет минимизировать JavaScript-код

Номер 3

Укажите аналог по функциональности приложения JSMin:

Ответ:

(1) mhtml

(2) YUI compressor

(3) data:URI

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

Номер 1

Укажите строку Perl-кода, удаляющую последний перевод строки в CSS-файле:

Ответ:

(1) $data = ? s!\n$!!;

(2) $data = ? s! \{ ! {!g;

(3) $data = ? s!; \}!}!g;

Номер 2

Укажите строку Perl-кода, удаляющую лишние пробелы до и после скобок в CSS-файле:

Ответ:

(1) $data = ? s!\n$!!;

(2) $data = ? s! \{ ! {!g;

(3) $data = ? s!; \}!}!g;

Номер 3

Укажите строку Perl-кода, удаляющую лишние пробелы и синтаксис внутри скобок в CSS-файле:

Ответ:

(1) $data = ? s!\n$!!;

(2) $data = ? s! \{ ! {!g;

(3) $data = ? s!; \}!}!g;

Алгоритмы и задачи клиентской оптимизации - тест 4