Представляю мои ответы на сертификационный тест «Google Мобильные сайты». К сожалению, верных ответов меньше, чем хотелось бы. Предлагаю обсудить возможные ответы на вопросы. Ваши соображения и предложения оставляйте в комментариях. Также буду очень благодарна, если Вы поможете мне найти полезную информацию и разобраться в теме AMP мобильных приложений, Service Worker-ов и т.п. и т.д. Я просто «чайник», которому интересна эта тема и рассчитываю на помощь «чайников» и профессионалов. К сожалению, объяснения профессионалов не всегда понятны, поскольку опираются на понимание сути вопроса, которая мне неизвестна. Мне нужно объяснение «на пальцах». Спасибо всем откликнувшимся!
- Чтобы уменьшить размер графического файла, можно удалить некоторую информацию об изображении, например сведения о камере и месте съемки. Как называется такая информация?
- Метаданные (Правильно!)
- Растр
- GZIP-файл
- Вектор
- Оболочка приложения (App shell) помогает:
- ускорить переход между страницами
- создать полностью оптимизированный сайт
- сделать сайт удобнее для пользователей
- ускорить загрузку страниц. (Правильно!)
- Какие ресурсы можно кешировать в сети доставки контента?
- Ресурсы с разными ответами для всех пользователей
- Ресурсы с ответами, которые представляют собой варианты
- Ресурсы с одинаковыми ответами для всех пользователей. (Правильно!)
- Ресурсы с ответами, которые подстраиваются под пользователей
- Что в настоящее время не позволяет делать сервис «Google Оптимизатор»?
- Показывать эксперименты определенным группам пользователей, которых вы объединили в аудитории в Google Analytics
- Тестировать разный дизайн веб-страниц, их структуру и контент
- Анализировать тепловую карту, чтобы лучше понять поведение пользователей на сайте (Правильно!)
- Использовать цели и показатели из Google Analytics в качестве целей эксперимента
- Чтобы ускорить загрузку сайта, лучше не использовать слишком много веб-шрифтов. Что ещё нужно свести к минимуму?
- Количество графических символов
- Количество вариантов каждого шрифта. (Правильно!)
- Количество подстрочных элементов
- Количество лигатур
- Что можно сделать, чтобы уменьшить размер графического файла?
- Снизить скорость загрузки страницы
- Снизить качество изображения. (Правильно!)
- Не использовать сжатие
- Уменьшить цветовую палитру-
7.Если выполняется такая анимация, как прокрутка, идеальным будет выполнение JavaScript в течение:
- 7–8 мс
- 3–4 мс (Правильно!)
- 5–6 мс
- 9–10 мс
- Какое оповещение можно охарактеризовать как хорошее?
- То, которое доставляется в фоновом режиме
- То, которое можно закрыть
- То, которое релевантно. (Правильно!)
- То, которое содержит действие по умолчанию
- Какое событие создается при регистрации скрипта Service worker?
- Install (Правильно!)
- Canceled
- Idle
- Stop
- Какой из перечисленных сервисов позволяет имитировать работу сайта при плохом интернет-соединении?
- org
- com
- net
- net
- Какое утверждение об оболочке приложения (App shell) является верным?
- Оболочка приложения позволяет обеспечить плавный переход от первого отображения страницы до ее полной загрузки
- Все утверждения неправильны. (Правильно!)
- Оболочка приложения включает в себя все элементы страницы, которые зависят от ее контента
- Оболочка приложения предотвращает кеширование контента, который встречается на нескольких страницах
- Какое утверждение о мобильных сайтах является верным?
- Мобильные сайты необходимо скачивать или устанавливать на устройство
- Функции мобильных сайтов оптимизированы для мобильных устройств (Правильно!)
- Просматривать мобильные сайты нужно в браузере на компьютере
- Для доступа на мобильный сайт требуется специальное разрешение
- Каким должен быть размер веб-страницы?
- 2 МБ
- Более 3 МБ
- 2,1 МБ
- Менее 1 МБ (Правильно!)
- Сколько раз в секунду обновляется экран у большинства устройств?
- 20
- 100
- 60 (Правильно!)
- 35
- Согласно исследованию, посетители мобильных сайтов ожидают, что:
- Логотип расположен в верхней части и ведет на страницу с контактными данными
- Логотип расположен в верхней части и ведет на главную страницу (Правильно!)
- Логотип расположен в верхней части и ведет на страницу с новыми товарами
- Логотип расположен в нижней части страницы
- Почему при ненадежном подключении у пользователей могут возникать неудобства?
- Это соединение менее безопасно
- Включение Wi-Fi повышает расход заряда батареи
- При таком подключении используется больше трафика
- Некоторые объекты могут не загрузиться (Правильно!)
- В чем особенность технологии AMP?
- Страница кешируется до загрузки ресурсов (Правильно!)
- Страница визуализируется после загрузки ресурсов
- Страница отображается вне зависимости от того, загрузились ли ресурсы
- Страница индексируется во время загрузки ресурсов
- Что из перечисленного не является частью AMP-страницы?
- Элементы Google Analytics (Правильно!)
- Встроенный код CSS
- Пользовательские шрифты
- Код HTML для AMP-страниц
- Если не использовать асинхронизацию, JavaScript может препятствовать созданию модели DOM. Верно ли это утверждение?
- Неверно
- Верно (Правильно!)
- В каком порядке оптимизировать мобильные сайты для различных браузеров и разрешений экрана?
- Одновременно оптимизировать все сайты
- Оптимизировать самую старую версию сайта
- Сначала оптимизировать сайт с самыми высокими коэффициентами конверсии
- Сначала оптимизировать сайт с самым высоким числом сеансов и самыми низкими коэффициентами конверсии (или с высоким показателем отказов) (Правильно!)
- A/B-тестирование позволяет проверить, как разные элементы веб-сайта влияют друг на друга. Верно ли это утверждение?
- Неверно (Правильно!)
- Верно
- Какое из этих утверждений о мобильных сайтах является неверным?
- Результаты поиска должны быть подробными, а не краткими (Правильно!)
- На сайт лучше добавить поисковую строку, разместив ее вверху страницы
- Нужно добавить такие функции поиска, как автозаполнение и исправление ошибок
- Чтобы уточнить результаты поиска, посетители сайта используют фильтры
- Какой показатель поможет определить целевые страницы, которые нужно оптимизировать?
- Показатель «Средняя длительность просмотра страницы» в отчете «Все страницы»
- Показатель «Просмотры страниц» в отчете «Страницы выхода»
- Показатель «Уникальные просмотры страниц» в отчете «Все страницы»
- «Показатель отказов» в отчете «Страницы входа» (Правильно!)
- Что такое вариант А в А/Б-тестировании?
- Тестовая версия веб-страницы, которая отличается от оригинальной
- Оригинальная версия веб-страницы (Правильно!)
- Что можно сделать, чтобы упростить загрузку сайта?
- Сделать код CSS сложнее
- Преобразовать селектор в класс (Правильно!)
- Следовать руководству по разработке сайтов
- Добавить больше родительских элементов
- В чем особенности AMP-страниц?
- Расширения не блокируют их загрузку
- На них используются только асинхронные скрипты
- В процесс их визуализации не включается сторонний код JavaScript
- Все перечисленные варианты (Правильно!)
- Для каждого веб-шрифта на сайте нужно:
- Добавить код CSS
- Уменьшить количество элементов HTML
- Добавить как можно больше его вариантов
- Свести к минимуму количество используемых вариантов (Правильно!)
- Какое утверждение о скрипте Service worker является верным
- Он не обрабатывает сетевые запросы, которые поступают от навигационных элементов веб-сайта
- Его можно использовать, только когда пользователь просматривает веб-сайт
- Все утверждения неправильны
- Он использует программируемый сетевой прокси-сервер (Правильно!)
- Если CSS-файлы и HTML-разметка не связаны между собой, то мы можем рассматривать отдельно друг от друга вопросы, связанные с _______ и _______.
- Аналитикой; оптимизацией
- Контентом; дизайном
- Удобством сайта; скоростью его загрузки (Правильно!)
- Изображениями; статьями
- Чем push-уведомления полезны рекламодателям?
- Они позволяют пользователям взаимодействовать с контентом, который им интересен
- На основе информации, полученной из таких уведомлений, пользователи сразу могут предпринять нужные действия
- Благодаря им пользователи своевременно получают оповещения
- Все перечисленные варианты верны (Правильно!)
- Вы можете пользоваться функциями Google Analytics в тестовом аккаунте Google Merchandise Store. Верно ли это утверждение?
- Верно (Правильно!)
- Неверно
- Что позволяет повторно использовать шрифт на разных страницах?
- Маркер подтверждения (Правильно!)
- Использование формата WOFF2
- Директива local()
- Алгоритм сопоставления шрифтов
- В чем основная цель сжатия?
- Перенести больше данных в кеш
- Уменьшить размер файла – я ответила
- Объединить файлы
- Ускорить обработку кода (Правильно!)
- Прежде чем делиться с клиентами рекомендациями по оптимизации мобильных сайтов, вам необходимо проанализировать:
- Подход клиентов к дизайну сайтов
- Мобильные сайты клиентов
- Скорость загрузки страниц (Правильно!)
- Персонал и бюджет компаний
- На мобильных сайтах лучше использовать как страницы, предназначенные для компьютеров, так и страницы, оптимизированные для мобильных устройств. Дело в том, что многие пользователи больше знакомы с полной версией сайта. Верно ли это утверждение?
- Неверно (Правильно!)
- Верно
- Прежде чем браузер сможет визуализировать веб-страницу, ему необходимо создать:
- Коды HTML и JavaScript
- Модели интерфейса
- Конвейер пикселей
- Модели DOM и CSSOM (Правильно!)
- Некоторым пользователям не нравится покупать товары и оплачивать услуги с мобильных устройств. Как сделать мобильные сайты удобнее?
- Просить пользователей зарегистрироваться, чтобы они могли сохранить на сайте свои данные
- Добавить дополнительные кнопки с призывом к действию, например для публикации в социальных сетях (Правильно!)
- Показывать на мобильных устройствах полную версию сайта
- Сделать главные кнопки с призывом к действию более заметными
- Что из перечисленного является примером ненужного ресурса, который замедляет загрузку страницы?
- Один веб-шрифт
- Оптимизированные изображения
- Карусель изображений на главной странице (Правильно!)
- Отложенная загрузка
- Почему для компаний лучше создавать мобильные сайты, а не приложения?
- Для доступа на мобильный сайт требуется специальное разрешение
- На разработку мобильного сайта уходит меньше времени (Правильно!)
- Для смартфонов и планшетов требуются отдельные сайты
- Мобильные сайты работают только на устройствах Android
- Зачем компания Facebook создала программу 2G Tuesdays?
- Чтобы просто поэкспериментировать
- Большинство посетителей сайта используют тип соединения 2G
- Чтобы лучше понять, как их сервисом пользуются те, у кого скорость подключения составляет 2G (Правильно!)
- Компания Facebook не создавала программу 2G Tuesdays
- Вы хотите уменьшить число пользователей, прерывающих последовательность конверсии. Чего делать не следует?
- Разрешать посетителям сайта совершать конверсии в гостевом режиме
- Добавлять интерактивные кнопки с номером телефона на страницах со сложными формами
- Вводить обязательную регистрацию на сайте для всех пользователей (Правильно!)
- Включать автозаполнение для зарегистрированных пользователей, которые уже указывали нужные сведения
- Изменение каких «геометрических свойств» влечет за собой перерасчет макета?
- Width
- Height
- Все перечисленные варианты (Правильно!)
- Top
- Чтобы страница загружалась как можно быстрее, нужно уменьшить количество:
- Первоочередных ресурсов (Правильно!)
- Первоочередных классов HTML
- Первоочередных функций JavaScript
- Классов CSS
- Какое утверждение о сайтах с адаптивным дизайном является неверным?
- У сайтов с адаптивным дизайном одна кодовая база, одно развертывание и один URL-адрес
- Управлять сайтами с адаптивным дизайном проще
- Сайты с адаптивным дизайном загружаются быстрее, чем обычные мобильные сайты (Правильно!)
- Сайты с адаптивным дизайном более эффективны с точки зрения затрат
- Какой формат лучше выбрать для значков, которые имеют высокое разрешение и будут отображаться на разных устройствах?
- PNG
- JPEG
- SVG (векторное изображение) (Правильно!)
- URL данных
- Чего лучше не делать, если вы хотите оптимизировать формы для мобильного сайта?
- Добавлять подсказки, которые появляются при заполнении форм
- Добавлять обозначения полей в строки для ввода данных (Правильно!)
- Добавлять цифровую клавиатуру для ввода номеров телефонов
- Добавлять проверку форм в режиме реального времени
- Что такое первоочередный ресурс, если речь идет о процессе визуализации веб-страниц?
- Ресурс, который может заблокировать отображение веб-страницы (Правильно!)
- Любой ресурс, при загрузке которого происходит ошибка 404
- Любой ресурс, который нужно загрузить
- Ресурс, который загружается дольше 500 миллисекунд
- Какой тип соединения нужно выбрать, когда вы работаете с инструментами разработчика Chrome?
- Regular 3G (Стандартное соединение 3G) (Правильно!)
- Regular 2G (Стандартное соединение 2G)
- Regular 4G (Стандартное соединение 4G)
- No Throttling (Без ограничений скорости)
- Какой отчет в Google Analytics поможет определить этапы, на которых пользователи прерывают последовательность конверсии?
- Отчет о самых популярных страницах входа
- Отчет по эффективности товаров
- Отчет по поведению при оформлении покупки (Правильно!)
- Отчет об использовании устройств
- С чем, по данным опроса Google, связаны основные неудобства, возникающие при использовании мобильного браузера?
- С медленной загрузкой страниц (Правильно!)
- С просмотром видео
- С межстраничными объявлениями
- С навигацией по сайту
- В какой ситуации высокий показатель отказов можно считать хорошим результатом?
- Если целевая страница перенаправляет пользователя на страницу, где ему нужно заполнить анкету о себе
- Если целевая страница перенаправляет пользователя на страницу с информацией о товаре
- Если целевая страница перенаправляет пользователя на страницу, где указан номер телефона компании (Правильно!)
(Отказ – это сеанс с просмотром одной страницы на вашем сайте. Оценив показатель отказов (процент сеансов без дальнейших действий, с просмотром только одной страницы), можно определить, насколько полезен или интересен ваш сайт пользователям).
- На какой показатель влияет медленная загрузка страниц?
- Коэффициент просмотров
- CTR
- Коэффициент конверсии (Правильно!)
- Показы
- Чтобы при загрузке страницы в браузере учитывалась ширина экрана устройства, нужно добавить метатег. Верно ли это утверждение?
- Неверно
- Верно (Правильно!)
- По статистике, на мобильных страницах, которые загружаются всего на секунду быстрее, рост числа конверсий достигает 27%. Верно ли это утверждение?
- Неверно
- Верно (Правильно!)
- Что делает браузер на этапе формирования макета страницы?
- Изменяет размеры элементов и затем определяет их положение на странице
- Перестраивает модель
- Отображает элементы на экране в новых позициях
- Вычисляет размер элементов, которые входят в модель визуализации, и их положение на странице (Правильно!)
- Чтобы создать объектную модель документа (модель DOM), требуется информация о стилях страницы. Верно ли это утверждение
- Верно (Правильно!)
- Неверно
- Какая из этих функций есть в приложениях, созданных по стандарту PWA?
- Добавление на главный экран (Правильно!)
- Call API
- Location API расположения
- UX API
- Вы хотите оптимизировать процесс визуализации веб-страниц. Что рекомендуется сделать в первую очередь?
- Проанализировать процесс визуализации и определить его продолжительность, а также количество ресурсов и байтов (Правильно!)
- Оптимизировать последовательность, в которой будут загружаться оставшиеся первоочередные ресурсы
- Уменьшить количество первоочередных ресурсов, например удалить их, отложить их скачивание или сделать их асинхронными (?)
- Оптимизировать число байтов, чтобы уменьшить время скачивания
- Какое из перечисленных утверждений является верным?
- Пользователи готовы ждать дольше, пока загружаются изображения с высоким разрешением
- На мобильном сайте нужно разместить заметную ссылку на его полную версию
- Чтобы пользователи оставались в одном окне браузера, нужно использовать кнопки с призывом к действию
- На видимой части мобильной страницы нужно уместить как можно больше информации. (Правильно!)
- На какие компоненты страницы обычно приходится самое большое количество скачанных байтов?
- На JavaScript
- На статьи
- На изображения (Правильно!)
- На шрифты
- Какой из перечисленных ресурсов оптимизирован лучше всего?
- Веб-шрифты
- Графический файл
- Ресурс, который не нужно скачивать (Правильно!)
- JavaScript
- Приложения, созданные по стандарту PWA:
- Используют скрипт Service worker, и поэтому работают даже при плохом интернет-соединении (Правильно!)
- Представляют собой то же самое, что и AMP-страницы
- Требуют подключения к сети с высокой пропускной способностью
- Медленно загружаются, и из-за этого коэффициент конверсии снижается
- Что из перечисленного входит в модель визуализации?
- Модель DOM (Правильно!)
- Стили страницы
- Все объекты на странице
- Видимые объекты
- Какое из утверждений является верным?
- Призыв к действию нужно размещать на второй странице сайта
- Призывы к действию в полной и мобильной версиях сайта должны совпадать
- Призыв к действию можно добавлять только в меню
- Призыв к действию нужно размещать на видном месте на главной странице (Правильно!)
- Каким в идеале должен быть показатель скорости загрузки страницы?
- Меньше 5000 (Правильно!)
- Больше 5000
- Больше 95%
- На 10% выше или ниже по сравнению с показателями похожих сайтов
- Почему правила CSS @import ухудшают производительность сайта?
- Они загружают файлы медленнее, чем элемент (Правильно!)
- Из-за них могут появиться нежелательные зависимости
- На их обработку уходит больше процессорного времени
- Они создают менее эффективную модель CSSOM
- Какое утверждение об инструменте Payment Request API является верным?
- Его можно использовать только на устройствах со сканером отпечатков пальцев
- Он позволяет отказаться от использования форм для оформления покупки (Правильно!)
- Он создан для устройств, которые считывают информацию с карт
- Он заменяет систему по обработке платежей
- Изображения всегда должны оставаться одинаковыми независимо от положения устройства и размера экрана. Верно ли это утверждение?
- Неверно (Правильно!)
- Верно
Вопрос 58 — правильный ответ первый. Это совершенно точно.
Исправлено, но хотелось бы понять почему именно первый правильный. Если не трудно, дайте ссылку на инфу по вопросу. Спасибо за сотрудничество!
Больше 95% — правильный