Главная / Менеджмент /
Основы клиентской оптимизации - базисные понятия / Тест 4
Основы клиентской оптимизации - базисные понятия - тест 4
Упражнение 1:
Номер 1
В какой секции документа должны подключаться CSS-файлы в соответствии со спецификацией HTML 4?
Ответ:
 (1) title
 
 (2) head
 
 (3) body
 
Номер 2
Каким образом браузер Internet Explorer обработает страницу, если ее стилевые таблицы будут подключены перед закрытием секции body
?
Ответ:
 (1) будет отображена страница с нестилизованным контентом до момента полной загрузки 
 (2) будет отображена пустая страница до момента полной загрузки 
 (3) будет отображена пустая страница с сообщением об ошибке 
Номер 3
Каким образом браузер Opera может обработать страницу, если ее стилевые таблицы будут подключены перед закрытием тега body
?
Ответ:
 (1) будет отображена страница с нестилизованным контентом до момента полной загрузки 
 (2) будет отображена пустая страница до момента полной загрузки 
 (3) будет отображена пустая страница с сообщением об ошибке 
Номер 4
Каким образом браузер Firefox может обработать страницу, если ее стилевые таблицы будут подключены перед закрытием тега body
?
Ответ:
 (1) будет отображена страница с нестилизованным контентом до момента полной загрузки 
 (2) будет отображена пустая страница до момента полной загрузки 
 (3) будет отображена пустая страница с сообщением об ошибке 
Упражнение 2:
Номер 1
Какое (какие) решения в отношении CSS-файлов рекомендуется использовать для максимизации производительности?
Ответ:
 (1) объединение нескольких CSS-файлов в один 
 (2) разбиение стилевых таблиц, предназначенных для разных модулей, на несколько файлов 
 (3) использование условных комментариев 
Номер 2
Каким образом Internet Explorer отобразит страницу, в которой вызываются две таблицы стилей main.css
(для отображения страницы на экране монитора) и print.css
(для предварительного просмотра и печати) с помощью конструкции
<link type="text/css" rel="stylesheet" href="main.css" media="main" />
<link type="text/css" rel="stylesheet" href="print.css" media="print" />
Ответ:
 (1) будет отображена страница с нестилизованным контентом, пока не будут загружены оба файла стилей main.css
и print.css
 
 (2) будет отображена пустая страница, пока не будет загружен первый файл стилей main.css
 
 (3) будет отображена пустая страница, пока не будут загружены оба файла стилей main.css
и print.css
 
Номер 3
Каким образом браузер Safari отобразит страницу, в которой вызываются две таблицы стилей main.css
(для отображения страницы на экране монитора) и print.css
(для предварительного просмотра и печати) с помощью конструкции
<link type="text/css" rel="stylesheet" href="main.css" media="main" />
<link type="text/css" rel="stylesheet" href="print.css" media="print" />
Ответ:
 (1) будет отображена страница с нестилизованным контентом, пока не будут загружены оба файла стилей main.css
и print.css
 
 (2) будет отображена пустая страница, пока не будет загружен первый файл стилей main.css
 
 (3) будет отображена пустая страница, пока не будут загружены оба файла стилей main.css
и print.css
 
Номер 4
Сколько файлов будет запрошено с сервера при первом посещении страницы в браузере Firefox, если в коде страницы содержится конструкция
<link type="text/css" rel="stylesheet" href="main.css" media="main" />
<link type="text/css" rel="stylesheet" href="print.css" media="print" />
Ответ:
 (1) всего один: main.css
 
 (2) как минимум, два: main.css
и print.css
 
 (3) ни одного: браузер загрузит их из кэша 
Упражнение 3:
Номер 1
Укажите, какая величина вносит, как правило, наименьший вклад в общее время загрузки статического ресурса через HTTP-соединение?
Ответ:
 (1) время отсылки запроса на сервер 
 (2) время формирования ответа сервера 
 (3) время получения ответа сервера 
Номер 2
Какая составляющая времени загрузки ресурса через HTTP-соединение прямо пропорциональна размеру запрашиваемого ресурса?
Ответ:
 (1) время отсылки запроса на сервер 
 (2) время формирования ответа сервера 
 (3) время получения ответа сервера 
Номер 3
Выберите верное утверждение:
Ответ:
 (1) JavaScript-файлы в современных браузерах, как правило, загружаются последовательно 
 (2) CSS и JavaScript-файлы в современных браузерах загружаются параллельно 
 (3) время загрузки страницы складывается из времени загрузки HTML-кода и всех внешних ресурсов 
Номер 4
Влияет ли размер файла на время его загрузки?
Ответ:
 (1) влияет в любом случае 
 (2) влияет только в случае отстутствия кэширования 
 (3) влияет только в слуае медленного канала 
Упражнение 4:
Номер 1
Какие файлы могут быть автоматически склеены при помощи скрипта PHP Speedy?
Ответ:
 (1) только CSS-файлы 
 (2) только JavaScript-файлы 
 (3) как CSS, так и JavaScript-файлы 
Номер 2
Укажите, какие функции выполняет скрипт PHP Speedy?
Ответ:
 (1) расширенное кэширование компонентов страницы 
 (2) сжатие компонентов страницы 
 (3) архивация компонентов страницы 
Номер 3
Выберите верное(-ые) утверждение(-я):
Ответ:
 (1) PHP Speedy применяет оптимизацию с помощью пакета CSSMin 
 (2) PHP Speedy применяет gzip-сжатие 
 (3) PHP Speedy — это проект с открытым кодом 
Номер 4
Выберите верное(-ые) утверждение(-я):
Ответ:
 (1) PHP Speedy применяет оптимизацию с помощью пакета Minify 
 (2) PHP Speedy применяет gzip-сжатие 
 (3) PHP Speedy в общем случае не подходит для Wordpress 
Упражнение 5:
Номер 1
Какой браузер не поддерживает схему data:URI
внедрения ресурса непосредственно в тело страницы без дополнильных HTTP-запросов?
Ответ:
 (1) Firefox 
 (2) Mozilla 
 (3) Safari 
 (4) Internet Explorer 7 
Номер 2
Механизм внедрения ресурса непосредственно в тело страницы без дополнильных HTTP-запросов называется:
Ответ:
 (1) data:URI
 
 (2) CSS Sprites 
 (3) CSS Tidy 
 (4) YUI Compressor 
Номер 3
Выберите ошибочное утверждение:
Ответ:
 (1) встроенные в тело страницы изображения используют схему data:URI
 
 (2) использование встроенных изображений позволяет сэкономить HTTP-запросы к внешним ресурсам 
 (3) браузер Mozilla Firefox не поддерживает механизм data:URI
 
Номер 4
Выберите ошибочное утверждение:
Ответ:
 (1) data:URI
использует base64-кодирование 
 (2) браузер Mozilla Firefox не поддерживает механизм data:URI
 
 (3) браузер Internet Explorer 8 не поддерживает механизм data:URI
 
Упражнение 6:
Номер 1
Изображения, внедренные в HTML-страницы:?
Ответ:
 (1) не кэшируются 
 (2) кэшируются всегда 
 (3) кэшируются при соотвествующих настройках браузера 
 (4) кэшируются только с самой HTML-страницей 
Номер 2
Какое значение может принимать параметр тип данных
в синтаксисе схемы data:URI
data:[<тип данных>][;base64],<данные>?
Ответ:
 (1) image/gif
 
 (2) gif
 
 (3) css/main.css
 
Номер 3
Выберите верное утверждение:
Ответ:
 (1) изображения, внедренные в HTML-страницы, не кэшируются для повторного использования, если HTML-страница не кэшируется 
 (2) изображения, внедренные в HTML-документ, кэшируются от страницы к странице при соответствующих настройках браузера 
 (3) при использовании схемы data:URI
base64-представление изображений должно пересчитываться каждый раз, когда изображение меняется 
Номер 4
Выберите верное утверждение:
Ответ:
 (1) изображения, внедренные в CSS-файлы, кэшируются вместе с этими файлами 
 (2) изображения, внедренные в CSS-файлы, вообще не кэшируются 
 (3) в CSS-файлы нельзя внедрить изображения через data:URI
 
Упражнение 7:
Номер 1
Укажите преимущества использования техники data:URI
:
Ответ:
 (1) экономия HTTP-запросов 
 (2) упрощение HTTPS-запросов 
 (3) возможность ускоренной вставки больших изображений 
Номер 2
Укажите недостатки использования техники data:URI
:
Ответ:
 (1) усложнение HTTPS-запросов 
 (2) невозможность вставки больших изображений 
 (3) невозможность кэшировать встроенные в HTML картинки 
Номер 3
Если используется HTTPS-соединение, то при использовании механизма data:URI
производительность ресурса, как правило:
Ответ:
 (1) возрастает 
 (2) снижается 
 (3) не изменяется 
Номер 4
Техника data:URI
позволяет:
Ответ:
 (1) уменьшить число запросов 
 (2) уменьшить общий объем HTML-страницы 
 (3) сжать бинарные данные 
Упражнение 8:
Номер 1
Какой механизм существует в браузере Internet Explorer 8 для вставки изображений непосредственно в текстовый документ?
Ответ:
 (1) data:URI 
 (2) CSS Sprites 
 (3) mhtml 
Номер 2
Какой из перечисленных ниже протоколов поддерживается только в Internet Explorer?
Ответ:
 (1) data:URI
 
 (2) TCP/IP
 
 (3) mhtml
 
Номер 3
Какой (какие) файлы могут быть включены непосредственно в тело необходимого документа браузером Internet Explorer?
Ответ:
 (1) фоновые изображения 
 (2) отдельные изображения 
 (3) мультимедийные файлы 
Номер 4
Можно ли использовать mhtml
-формат совместно с data:URI
?
Ответ:
 (1) да, во всех браузерах 
 (2) да, только в Internet Explorer 
 (3) да, только в Safari 
 (4) нет 
Упражнение 9:
Номер 1
При наличии небольшого количества картинок (1-2) в спрайте время загрузки сайта, как правило:
Ответ:
 (1) сокращается 
 (2) возрастает 
 (3) не изменяется 
Номер 2
Какой оптимальный размер файла для CSS Sprites?
Ответ:
 (1) 1-2 Кб 
 (2) 20-40 Кб 
 (3) 5-20 Кб 
Номер 3
Можно ли использовать data:URI
совместно с CSS Sprites?
Ответ:
 (1) нет, особенности браузеров позволяют использовать только одну из этих технологий 
 (2) да, но только в различных файлах стилей 
 (3) да, в любых файлах стилей и в любом порядке 
Номер 4
Можно ли использовать mhtml
совместно с CSS Sprites?
Ответ:
 (1) нет, особенности браузеров позволяют использовать только одну из этих технологий 
 (2) да, но только в различных файлах стилей 
 (3) да, в любых файлах стилей и в любом порядке 
Упражнение 10:
Номер 1
При необходимости использования в дизайне сайта множества небольших фоновых изображений с точки зрений оптимизации рекомендуется:
Ответ:
 (1) объединять все изображения в один файл на стадии разработки и загружать его после отображения страницы на экране 
 (2) объединять все изображения в один файл на стадии публикации и загружать его после отображения страницы на экране 
 (3) размещать их в разных файлах в соответствии с модульной структурой проекта и загружать последовательно 
Номер 2
Какие преимущества дает использование подхода data:URI
параллельно с динамической загрузкой файлов стилей?
Ответ:
 (1) большая семантичность кода 
 (2) сокращение чистого CSS-кода 
 (3) нет верного ответа 
Номер 3
Использование какой технологии позволяет добиться большей семантичности кода?
Ответ:
 (1) data:URI
 
 (2) кроссбраузерный data:URI
одновременно с динамической загрузка файлов стилей 
 (3) CSS Sprites 
Номер 4
Возможно ли загрузить фоновые изображения, заданные через data:URI
на стадии полной загрузки страницы?
Ответ:
 (1) нет, только на стадии предзагрузки 
 (2) да, используя динамическую загрузку файлов стилей 
 (3) нет, только на стадии пост-загрузки 
 (4) да, используя @import
в файлах стилей 
Упражнение 11:
Номер 1
Укажите, какой символ будет игнорироваться CSS-анализатором в соответствии с техникой объединения JavaScript и CSS в одном файле?
Ответ:
 (1) //
 
 (2) /*
 
 (3) <!--
 
Номер 2
Укажите, встретив какой символ JavaScript-анализатор проигнорирует строку после него в соответствии с техникой объединения JavaScript и CSS в одном файле?
Ответ:
 (1) //
 
 (2) /*
 
 (3) <!--
 
Номер 3
Каким образом JavaScript-анализатор обрабатывает символ комментария HTML <!--
в соответствии с техникой объединения JavaScript и CSS в одном файле?
Ответ:
 (1) символ игнорируется 
 (2) символ рассматривается как подобный комментарию и остальная часть строки после него игнорируется 
 (3) строка, в которой втречается подобный символ, игнорируется 
Номер 4
Возможно ли в браузере Safari объединить JavaScript и CSS в одном файле?
Ответ:
 (1) да, начиная с версии 3.1 
 (2) да, но только если и JavaScript, и CSS включены в HTML-файл 
 (3) никак невозможно 
Упражнение 12:
Номер 1
Какой подход рекомендуется использовать, если пользователи во время одного посещения сайты загружают несколько различных страниц?
Ответ:
 (1) включение скриптов и таблиц стилей непосредственно в HTML-документ 
 (2) разделеление скриптов и таблиц стилей на несколько файлов в соответствии с модульной структурой проекта 
 (3) объединение всех файлов скриптов и таблиц стилей в единые файлы 
Номер 2
Какой подход позволяет получить наибольший выигрыш в скорости загрузки страницы, если в среднем она загружается пользователем не более двух раза за сеанс?
Ответ:
 (1) включение скриптов и таблиц стилей непосредственно в HTML-документ 
 (2) разделеление скриптов и таблиц стилей на несколько файлов в соответствии с модульной структурой проекта 
 (3) объединение всех файлов скриптов и таблиц стилей в единые файлы и последовательная их загрузка 
Номер 3
В каком случае включение скриптов и CSS-таблиц непосредственно в HTML-код страницы дает наибольльший выигрыш в скорости ее загрузки?
Ответ:
 (1) если пользователи во время одного посещения загружают страницу несколько раз 
 (2) если пользователи во время одного посещения загружают страницу один раз 
 (3) если код скриптов и CSS-таблиц не превышает по размеру 50% от общего размера страницы