Представляю мои ответы на сертификационный тест «Google Мобильные сайты». К сожалению, верных ответов меньше, чем хотелось бы. Предлагаю обсудить возможные ответы на вопросы. Ваши соображения и предложения оставляйте в комментариях. Также буду очень благодарна, если Вы поможете мне найти полезную информацию и разобраться в теме AMP мобильных приложений, Service Worker-ов и т.п. и т.д. Я просто «чайник», которому интересна эта тема и рассчитываю на помощь «чайников» и профессионалов. К сожалению, объяснения профессионалов не всегда понятны, поскольку опираются на понимание сути вопроса, которая мне неизвестна. Мне нужно объяснение «на пальцах». Спасибо всем откликнувшимся!

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

• Метаданные (Правильно!)
• Растр
• GZIP-файл
• Вектор

2. Оболочка приложения (App shell) помогает:

• ускорить переход между страницами
• создать полностью оптимизированный сайт
• сделать сайт удобнее для пользователей
• ускорить загрузку страниц. (Правильно!)

3. Какие ресурсы можно кешировать в сети доставки контента?

• Ресурсы с разными ответами для всех пользователей
• Ресурсы с ответами, которые представляют собой варианты
• Ресурсы с одинаковыми ответами для всех пользователей. (Правильно!)
• Ресурсы с ответами, которые подстраиваются под пользователей

4. Что в настоящее время не позволяет делать сервис «Google Оптимизатор»?

• Показывать эксперименты определенным группам пользователей, которых вы объединили в аудитории в Google Analytics
• Тестировать разный дизайн веб-страниц, их структуру и контент
• Анализировать тепловую карту, чтобы лучше понять поведение пользователей на сайте (Правильно!)
• Использовать цели и показатели из Google Analytics в качестве целей эксперимента

5. Чтобы ускорить загрузку сайта, лучше не использовать слишком много веб-шрифтов. Что ещё нужно свести к минимуму?

• Количество графических символов
• Количество вариантов каждого шрифта. (Правильно!)
• Количество подстрочных элементов
• Количество лигатур

6. Что можно сделать, чтобы уменьшить размер графического файла?

• Снизить скорость загрузки страницы
• Снизить качество изображения. (Правильно!)
• Не использовать сжатие
• Уменьшить цветовую палитру-

7.Если выполняется такая анимация, как прокрутка, идеальным будет выполнение JavaScript в течение:

• 7–8 мс
• 3–4 мс (Правильно!)
• 5–6 мс
• 9–10 мс

8. Какое оповещение можно охарактеризовать как хорошее?

• То, которое доставляется в фоновом режиме
• То, которое можно закрыть
• То, которое релевантно. (Правильно!)
• То, которое содержит действие по умолчанию

9. Какое событие создается при регистрации скрипта Service worker?

• Install (Правильно!)
• Canceled
• Idle
• Stop

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

• org
• com
• net
• net

11. Какое утверждение об оболочке приложения (App shell) является верным?

• Оболочка приложения позволяет обеспечить плавный переход от первого отображения страницы до ее полной загрузки
• Все утверждения неправильны. (Правильно!)
• Оболочка приложения включает в себя все элементы страницы, которые зависят от ее контента
• Оболочка приложения предотвращает кеширование контента, который встречается на нескольких страницах

12. Какое утверждение о мобильных сайтах является верным?

• Мобильные сайты необходимо скачивать или устанавливать на устройство
• Функции мобильных сайтов оптимизированы для мобильных устройств (Правильно!)
• Просматривать мобильные сайты нужно в браузере на компьютере
• Для доступа на мобильный сайт требуется специальное разрешение

13. Каким должен быть размер веб-страницы?

• 2 МБ
• Более 3 МБ
• 2,1 МБ
• Менее 1 МБ (Правильно!)

14. Сколько раз в секунду обновляется экран у большинства устройств?

• 20
• 100
• 60 (Правильно!)
• 35

15. Согласно исследованию, посетители мобильных сайтов ожидают, что:

• Логотип расположен в верхней части и ведет на страницу с контактными данными
• Логотип расположен в верхней части и ведет на главную страницу (Правильно!)
• Логотип расположен в верхней части и ведет на страницу с новыми товарами
• Логотип расположен в нижней части страницы

16. Почему при ненадежном подключении у пользователей могут возникать неудобства?

• Это соединение менее безопасно
• Включение Wi-Fi повышает расход заряда батареи
• При таком подключении используется больше трафика
• Некоторые объекты могут не загрузиться (Правильно!)

17. В чем особенность технологии AMP?

• Страница кешируется до загрузки ресурсов (Правильно!)
• Страница визуализируется после загрузки ресурсов
• Страница отображается вне зависимости от того, загрузились ли ресурсы
• Страница индексируется во время загрузки ресурсов

18. Что из перечисленного не является частью AMP-страницы?

• Элементы Google Analytics (Правильно!)
• Встроенный код CSS
• Пользовательские шрифты
• Код HTML для AMP-страниц

19. Если не использовать асинхронизацию, JavaScript может препятствовать созданию модели DOM. Верно ли это утверждение?

• Неверно
• Верно (Правильно!)

20. В каком порядке оптимизировать мобильные сайты для различных браузеров и разрешений экрана?

• Одновременно оптимизировать все сайты
• Оптимизировать самую старую версию сайта
• Сначала оптимизировать сайт с самыми высокими коэффициентами конверсии
• Сначала оптимизировать сайт с самым высоким числом сеансов и самыми низкими коэффициентами конверсии (или с высоким показателем отказов) (Правильно!)

21. A/B-тестирование позволяет проверить, как разные элементы веб-сайта влияют друг на друга. Верно ли это утверждение?

• Неверно (Правильно!)
• Верно

22. Какое из этих утверждений о мобильных сайтах является неверным?

• Результаты поиска должны быть подробными, а не краткими (Правильно!)
• На сайт лучше добавить поисковую строку, разместив ее вверху страницы
• Нужно добавить такие функции поиска, как автозаполнение и исправление ошибок
• Чтобы уточнить результаты поиска, посетители сайта используют фильтры

23. Какой показатель поможет определить целевые страницы, которые нужно оптимизировать?

• Показатель «Средняя длительность просмотра страницы» в отчете «Все страницы»
• Показатель «Просмотры страниц» в отчете «Страницы выхода»
• Показатель «Уникальные просмотры страниц» в отчете «Все страницы»
• «Показатель отказов» в отчете «Страницы входа» (Правильно!)

24. Что такое вариант А в А/Б-тестировании?

• Тестовая версия веб-страницы, которая отличается от оригинальной
• Оригинальная версия веб-страницы (Правильно!)

25. Что можно сделать, чтобы упростить загрузку сайта?

• Сделать код CSS сложнее
• Преобразовать селектор в класс (Правильно!)
• Следовать руководству по разработке сайтов
• Добавить больше родительских элементов

26. В чем особенности AMP-страниц?

• Расширения не блокируют их загрузку
• На них используются только асинхронные скрипты
• В процесс их визуализации не включается сторонний код JavaScript
• Все перечисленные варианты (Правильно!)

27. Для каждого веб-шрифта на сайте нужно:

• Добавить код CSS
• Уменьшить количество элементов HTML
• Добавить как можно больше его вариантов
• Свести к минимуму количество используемых вариантов (Правильно!)

28. Какое утверждение о скрипте Service worker является верным

• Он не обрабатывает сетевые запросы, которые поступают от навигационных элементов веб-сайта
• Его можно использовать, только когда пользователь просматривает веб-сайт
• Все утверждения неправильны
• Он использует программируемый сетевой прокси-сервер (Правильно!)

29. Если CSS-файлы и HTML-разметка не связаны между собой, то мы можем рассматривать отдельно друг от друга вопросы, связанные с _______ и _______.

• Аналитикой; оптимизацией
• Контентом; дизайном
• Удобством сайта; скоростью его загрузки (Правильно!)
• Изображениями; статьями

30. Чем push-уведомления полезны рекламодателям?

• Они позволяют пользователям взаимодействовать с контентом, который им интересен
• На основе информации, полученной из таких уведомлений, пользователи сразу могут предпринять нужные действия
• Благодаря им пользователи своевременно получают оповещения
• Все перечисленные варианты верны (Правильно!)

31. Вы можете пользоваться функциями Google Analytics в тестовом аккаунте Google Merchandise Store. Верно ли это утверждение?

• Верно (Правильно!)
• Неверно

32. Что позволяет повторно использовать шрифт на разных страницах?

• Маркер подтверждения (Правильно!)
• Использование формата WOFF2
• Директива local()
• Алгоритм сопоставления шрифтов

33. В чем основная цель сжатия?

• Перенести больше данных в кеш
• Уменьшить размер файла – я ответила
• Объединить файлы
• Ускорить обработку кода (Правильно!)

34. Прежде чем делиться с клиентами рекомендациями по оптимизации мобильных сайтов, вам необходимо проанализировать:

• Подход клиентов к дизайну сайтов
• Мобильные сайты клиентов
• Скорость загрузки страниц (Правильно!)
• Персонал и бюджет компаний

35. На мобильных сайтах лучше использовать как страницы, предназначенные для компьютеров, так и страницы, оптимизированные для мобильных устройств. Дело в том, что многие пользователи больше знакомы с полной версией сайта. Верно ли это утверждение?

• Неверно (Правильно!)
• Верно

36. Прежде чем браузер сможет визуализировать веб-страницу, ему необходимо создать:

• Коды HTML и JavaScript
• Модели интерфейса
• Конвейер пикселей
• Модели DOM и CSSOM (Правильно!)

37. Некоторым пользователям не нравится покупать товары и оплачивать услуги с мобильных устройств. Как сделать мобильные сайты удобнее?

• Просить пользователей зарегистрироваться, чтобы они могли сохранить на сайте свои данные
• Добавить дополнительные кнопки с призывом к действию, например для публикации в социальных сетях (Правильно!)
• Показывать на мобильных устройствах полную версию сайта
• Сделать главные кнопки с призывом к действию более заметными

38. Что из перечисленного является примером ненужного ресурса, который замедляет загрузку страницы?

• Один веб-шрифт
• Оптимизированные изображения
• Карусель изображений на главной странице (Правильно!)
• Отложенная загрузка

39. Почему для компаний лучше создавать мобильные сайты, а не приложения?

• Для доступа на мобильный сайт требуется специальное разрешение
• На разработку мобильного сайта уходит меньше времени (Правильно!)
• Для смартфонов и планшетов требуются отдельные сайты
• Мобильные сайты работают только на устройствах Android

40. Зачем компания Facebook создала программу 2G Tuesdays?

• Чтобы просто поэкспериментировать
• Большинство посетителей сайта используют тип соединения 2G
• Чтобы лучше понять, как их сервисом пользуются те, у кого скорость подключения составляет 2G (Правильно!)
• Компания Facebook не создавала программу 2G Tuesdays

41. Вы хотите уменьшить число пользователей, прерывающих последовательность конверсии. Чего делать не следует?

• Разрешать посетителям сайта совершать конверсии в гостевом режиме
• Добавлять интерактивные кнопки с номером телефона на страницах со сложными формами
• Вводить обязательную регистрацию на сайте для всех пользователей (Правильно!)
• Включать автозаполнение для зарегистрированных пользователей, которые уже указывали нужные сведения

42. Изменение каких «геометрических свойств» влечет за собой перерасчет макета?

• Width
• Height
• Все перечисленные варианты (Правильно!)
• Top

43. Чтобы страница загружалась как можно быстрее, нужно уменьшить количество:

• Первоочередных ресурсов (Правильно!)
• Первоочередных классов HTML
• Первоочередных функций JavaScript
• Классов CSS

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

• У сайтов с адаптивным дизайном одна кодовая база, одно развертывание и один URL-адрес
• Управлять сайтами с адаптивным дизайном проще
• Сайты с адаптивным дизайном загружаются быстрее, чем обычные мобильные сайты (Правильно!)
• Сайты с адаптивным дизайном более эффективны с точки зрения затрат

45. Какой формат лучше выбрать для значков, которые имеют высокое разрешение и будут отображаться на разных устройствах?

• PNG
• JPEG
• SVG (векторное изображение) (Правильно!)
• URL данных

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

• Добавлять подсказки, которые появляются при заполнении форм
• Добавлять обозначения полей в строки для ввода данных (Правильно!)
• Добавлять цифровую клавиатуру для ввода номеров телефонов
• Добавлять проверку форм в режиме реального времени

47. Что такое первоочередный ресурс, если речь идет о процессе визуализации веб-страниц?

• Ресурс, который может заблокировать отображение веб-страницы (Правильно!)
• Любой ресурс, при загрузке которого происходит ошибка 404
• Любой ресурс, который нужно загрузить
• Ресурс, который загружается дольше 500 миллисекунд

48. Какой тип соединения нужно выбрать, когда вы работаете с инструментами разработчика Chrome?

• Regular 3G (Стандартное соединение 3G) (Правильно!)
• Regular 2G (Стандартное соединение 2G)
• Regular 4G (Стандартное соединение 4G)
• No Throttling (Без ограничений скорости)

49. Какой отчет в Google Analytics поможет определить этапы, на которых пользователи прерывают последовательность конверсии?

• Отчет о самых популярных страницах входа
• Отчет по эффективности товаров
• Отчет по поведению при оформлении покупки (Правильно!)
• Отчет об использовании устройств

50. С чем, по данным опроса Google, связаны основные неудобства, возникающие при использовании мобильного браузера?

• С медленной загрузкой страниц (Правильно!)
• С просмотром видео
• С межстраничными объявлениями
• С навигацией по сайту

51. В какой ситуации высокий показатель отказов можно считать хорошим результатом?

• Если целевая страница перенаправляет пользователя на страницу, где ему нужно заполнить анкету о себе
• Если целевая страница перенаправляет пользователя на страницу с информацией о товаре
• Если целевая страница перенаправляет пользователя на страницу, где указан номер телефона компании (Правильно!)

(Отказ – это сеанс с просмотром одной страницы на вашем сайте. Оценив показатель отказов (процент сеансов без дальнейших действий, с просмотром только одной страницы), можно определить, насколько полезен или интересен ваш сайт пользователям).

52. На какой показатель влияет медленная загрузка страниц?

• Коэффициент просмотров
• CTR
• Коэффициент конверсии (Правильно!)
• Показы

53. Чтобы при загрузке страницы в браузере учитывалась ширина экрана устройства, нужно добавить метатег. Верно ли это утверждение?

• Неверно
• Верно (Правильно!)

54. По статистике, на мобильных страницах, которые загружаются всего на секунду быстрее, рост числа конверсий достигает 27%. Верно ли это утверждение?

• Неверно
• Верно (Правильно!)

55. Что делает браузер на этапе формирования макета страницы?

• Изменяет размеры элементов и затем определяет их положение на странице
• Перестраивает модель
• Отображает элементы на экране в новых позициях
• Вычисляет размер элементов, которые входят в модель визуализации, и их положение на странице (Правильно!)

56. Чтобы создать объектную модель документа (модель DOM), требуется информация о стилях страницы. Верно ли это утверждение

• Верно (Правильно!)
• Неверно

57. Какая из этих функций есть в приложениях, созданных по стандарту PWA?

• Добавление на главный экран (Правильно!)
• Call API
• Location API расположения
• UX API

58. Вы хотите оптимизировать процесс визуализации веб-страниц. Что рекомендуется сделать в первую очередь?

• Проанализировать процесс визуализации и определить его продолжительность, а также количество ресурсов и байтов (Правильно!)
  
• Оптимизировать последовательность, в которой будут загружаться оставшиеся первоочередные ресурсы
• Уменьшить количество первоочередных ресурсов, например удалить их, отложить их скачивание или сделать их асинхронными (?)
  
• Оптимизировать число байтов, чтобы уменьшить время скачивания

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

• Пользователи готовы ждать дольше, пока загружаются изображения с высоким разрешением
• На мобильном сайте нужно разместить заметную ссылку на его полную версию
• Чтобы пользователи оставались в одном окне браузера, нужно использовать кнопки с призывом к действию
• На видимой части мобильной страницы нужно уместить как можно больше информации. (Правильно!)

60. На какие компоненты страницы обычно приходится самое большое количество скачанных байтов?

• На JavaScript
• На статьи
• На изображения (Правильно!)
• На шрифты

61. Какой из перечисленных ресурсов оптимизирован лучше всего?

• Веб-шрифты
• Графический файл
• Ресурс, который не нужно скачивать (Правильно!)
• JavaScript

62. Приложения, созданные по стандарту PWA:

• Используют скрипт Service worker, и поэтому работают даже при плохом интернет-соединении (Правильно!)
• Представляют собой то же самое, что и AMP-страницы
• Требуют подключения к сети с высокой пропускной способностью
• Медленно загружаются, и из-за этого коэффициент конверсии снижается

63. Что из перечисленного входит в модель визуализации?

• Модель DOM (Правильно!)
• Стили страницы
• Все объекты на странице
• Видимые объекты

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

• Призыв к действию нужно размещать на второй странице сайта
• Призывы к действию в полной и мобильной версиях сайта должны совпадать
• Призыв к действию можно добавлять только в меню
• Призыв к действию нужно размещать на видном месте на главной странице (Правильно!)

65. Каким в идеале должен быть показатель скорости загрузки страницы?

• Меньше 5000 (Правильно!)
• Больше 5000
• Больше 95%
• На 10% выше или ниже по сравнению с показателями похожих сайтов

66. Почему правила CSS @import ухудшают производительность сайта?

• Они загружают файлы медленнее, чем элемент (Правильно!)
• Из-за них могут появиться нежелательные зависимости
• На их обработку уходит больше процессорного времени
• Они создают менее эффективную модель CSSOM

67. Какое утверждение об инструменте Payment Request API является верным?

• Его можно использовать только на устройствах со сканером отпечатков пальцев
• Он позволяет отказаться от использования форм для оформления покупки (Правильно!)
• Он создан для устройств, которые считывают информацию с карт
• Он заменяет систему по обработке платежей

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

• Неверно (Правильно!)
• Верно