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

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

Номер 1

Для чего можно использовать событие window.onload?

Ответ:

(1) для старта веб-приложения

(2) для фиксирования нужной информации

(3) нет правильного ответа

Номер 2

Известно, что внешние JavaScript-файлы блокируют загрузку страницы и сильно влияют на ее производительность. Выходом из данной ситуации является:

Ответ:

(1) использование динамических тегов <script> и загрузка скриптов параллельно

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

(3) увеличение скорости загрузки страницы

Номер 3

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

Ответ:

(1) JavaScript

(2) CSS-селекторы

(3) DOM-дерево

Номер 4

Из-за чего JavaScript-файлы блокируют загрузку?

Ответ:

(1) в них могут содержаться document.write или location.href

(2) из-за того, что они загружаются в один поток

(3) из-за того, что они расположены в head-секции страницы

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

Номер 1

Чему способствует объединение всех скриптов в одном файле?

Ответ:

(1) улучшению производительности страницы

(2) уменьшению число HTTP-запросов

(3) получению возможности выборки элементов по классу

Номер 2

Каково основное правило "ненавязчивого" JavaScript?

Ответ:

(1) страницы должны работать и при выключенном JavaScript

(2) однозначно трудно определиться

(3) улучшение уже существующей функциональности

Номер 3

Техника, используемая для сохранения JavaScript-кода "ненавязчивым", заключается в:

Ответ:

(1) хранении скрипта в отдельном файле

(2) выборке элементов по классу

(3) разделении скриптов на множественные файлы в соответствии с модульной структурой

Номер 4

"Ненавязчивый" JavaScript позволяет:

Ответ:

(1) отделить материал страницы от его взаимодействия с пользователем

(2) назначать классы и стили отдельным элементам

(3) упорядочить DOM-дерево по размеру узлов

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

Номер 1

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

Ответ:

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

(2) не стоит проверять атрибуты, которых нет

(3) следует хранить скрипты в отдельном файле

Номер 2

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

Ответ:

(1) JavaScript-код должен быть привязан к верстке

(2) JavaScript-код не должен быть привязан к верстке

(3) JavaScript-код должен быть привязан к DOM-дереву

Номер 3

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

Ответ:

(1) помнить, что HTML, полученный через DOM-методы, в большинстве случаев невалиден

(2) не стоит проверять атрибуты, которых нет

(3) JavaScript-код должен быть привязан к DOM-дереву

Номер 4

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

Ответ:

(1) HTML, полученный через DOM-методы, в большинстве случаев невалиден

(2) JavaScript должен быть основоной фукнциональной составляющей веб-страницы

(3) Перед использованием DOM-узла нужно проверить его существование

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

Номер 1

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

Ответ:

(1) на долю рекламы, подключаемой в основном через JavaScript

(2) на загрузку непосредственно HTML-кода

(3) оба ответа не верны

Номер 2

Что больше всего замедляет загрузку страницы?

Ответ:

(1) контекстная реклама

(2) создание AOG-дерева

(3) оба ответа не верны

Номер 3

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

Ответ:

(1) при проектировании рекламных вызовов использовать innerHTML или script.src

(2) вставлять рекламный код максимально близко к концу страницы

(3) создавать рекламные объявления на сервере

Номер 4

Можно и ускорить загрузку страницы при использовании контекстной рекламы?

Ответ:

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

(2) да, если вставлять рекламные блоки в самом конце страницы

(3) нет, загрузку страницы никак ускорить нельзя

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

Номер 1

Какой формат показа объявлений на странице должен быть вставлен в самом начале HTML-документа и, таким образом, максимально замедлить его загрузку?

Ответ:

(1) TopLine

(2) Pop-Under

(3) RichMedia

Номер 2

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

Ответ:

(1) TopLine

(2) Pop-Under

(3) RichMedia

Номер 3

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

Ответ:

(1) TopLine

(2) Pop-Under

(3) RichMedia

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

Номер 4

Какой формат объявлений меньше всего влияет на скорость загрузки страницы?

Ответ:

(1) TopLine

(2) Pop-Under

(3) RichMedia

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

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

Номер 1

Какой этап разработки присутствует во всех современных рекламных сетях?

Ответ:

(1) создание каталога рекламных мест

(2) создание внутреннего хранилища объявлений

(3) настройка статистики

Номер 2

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

Ответ:

(1) создание внутреннего хранилища объявлений

(2) создание каталога рекламных мест

(3) настройка статистики

Номер 3

На каком этапе разработки рекламной сети существенное внимание уделяется прикреплению рекламного места к ряду страниц, на которых оно присутствует?

Ответ:

(1) создание внутреннего хранилища объявлений

(2) создание каталога рекламных мест

(3) настройка статистики

Номер 4

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

Ответ:

(1) создания CDN для балансировки нагрузки

(2) решение коллизий с кэшированием

(3) разработка партнерской программы

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

Номер 1

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

Ответ:

(1) циклическая утечка

(2) постраничная утечка

(3) псевдо-утечка

Номер 2

Утечки, при которых существует взаимная ссылка между DOM-объектом в браузере и скриптовым движком - это:

Ответ:

(1) циклические ссылки

(2) постраничные утечки

(3) псевдо-утечки

Номер 3

Очень маленькие утечки, возникающие из-за учета объектов при перемещении от элемента к элементу, называются:

Ответ:

(1) циклические ссылки

(2) постраничные утечки

(3) псевдо-утечки

Номер 4

Чем обязательно характеризуются замыкания:

Ответ:

(1) созданием отдельного DOM-узла

(2) созданием выделенной области в скриптовом движке, которая связана с DOM-объектом

(3) назначением обработчиков событий

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

Номер 1

Укажите возможные виды шаблонов утечек памяти:

Ответ:

(1) циклические ссылки

(2) замыкания

(3) псевдо-утечки

Номер 2

Причиной утечек, создающих циклические ссылки практически без ведома программиста является:

Ответ:

(1) первичное отображение дерева

(2) замыкание

(3) циклические ссылки

Номер 3

Чем является расширение DOM-элементов путем инкапсуляции их внутри JScript-объекта?

Ответ:

(1) распространенной практикой по написанию объектно-ориентированного JScript

(2) ссылкой на желаемый DOM-элемент

(3) нет правильного ответа

Номер 4

Чем опасно замыкание?

Ответ:

(1) возникновением цилических ссылок

(2) созданием анонимной функции

(3) ничем

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

Номер 1

Чем вызваны утечки, которые зависят от порядка добавления элементов в DOM-дереве?

Ответ:

(1) вызваны тем, что создаются промежуточные объекты, которые затем не удаляются должным образом

(2) вызваны тем, что создаются промежуточные объекты, которые затем удаляются должным образом

(3) вызваны тем, что создаются динамические элементы, которые затем присоединяются к DOM

Номер 2

Где псевдо-утечки очень редко бывают замечены?

Ответ:

(1) на самой странице при динамических операциях

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

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

Номер 3

Что является наиболее существенным препятствием для выполнения в веб-браузере "тяжелых" вычислений?

Ответ:

(1) факт, что загрузка интерфейса пользователя в браузере останавливается и ждет окончания исполнения JavaScript-кода

(2) факт, что загрузка интерфейс пользователя в браузере не останавливается

(3) плохое восприятие ресурса пользователем

Номер 4

Каким образом можно визуально ускорить выполнение «тяжелых» вычислений?

Ответ:

(1) при помощи рекурсивного вызова setTimeout через равные интервалы

(2) при помощи отключения видимости у документы

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

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

Номер 1

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

Ответ:

(1) метод setTimeout

(2) метод reflow

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

Номер 2

С чем можно сравнить работу с DOM-деревом в JavaScript?

Ответ:

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

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

(3) с обработкой XML-документов для серверных приложений

Номер 3

Что такое DocumentFragment?

Ответ:

(1) облегченный контейнер для DOM-узлов

(2) база данных для серверных приложений

(3) XML-контейнер для серверных приложений

Номер 4

Что явлется наиболее быстрым методом для добавления узлов в DOM-дерево?

Ответ:

(1) innerHTML

(2) appendChild для document

(3) appendChild для documentFragment

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

Номер 1

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

Ответ:

(1) передача строки в setTimeout

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

(3) установление для каждого элемента col атрибута width

Номер 2

Что необходимо сделать, чтобы уменьшить отрисовку отдельных частей документа в процессе добавления какого-либо большого фрагмента?

Ответ:

(1) сохранить HTML-код в виде innerHTML

(2) вставить его в DOM-дерево

(3) сохранять HTML-код в виде текста и лишь на финальном этапе вставлять его в DOM-дерево

Номер 3

Как избежать использования в JavaScript глобальных объектов и переменных для чтения каких-либо параметров?

Ответ:

(1) кэшировать объект из глобальной области видимости в локальную

(2) визуализировать таблицы в один проход

(3) визуализировать таблицы в несколько проходов

Номер 4

Какой наиболее эффективный способ оптимизации скорости перебора массива элементов?

Ответ:

(1) кэширование размера массива за пределами цикла

(2) разбиение цикла на несколько вложенных

(3) удаление элементов из массива после их использования

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

Номер 1

Какова типичная задача DOM-операций?

Ответ:

(1) перебор массива объектов

(2) получение значения свойства innerText

(3) получение значения свойства name

Номер 2

Почему  стоит с осторожностью использовать ключевое слово with?

Ответ:

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

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

(3) не обладает достаточной эффективностью

Номер 3

На что необходимо обращать внимание при использовании кэширования (особенно частей DOM-дерева)?

Ответ:

(1) не приводит ли оно к псевдо-утечкам

(2) не приводит ли кэширование к увеличению расходование памяти

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

Номер 4

Чем чревато кэширование больших объемов данных в JavaScript?

Ответ:

(1) псевдо-утечками

(2) замедлением работы с DOM-деревом

(3) у него нет отрицательных последствий

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