Google Mobile Sites Certification Assessment Exam Answers 2018
Which of the following describes the Payment Request API correctly?
It requires a phone number with a fingerprint reader
It replaces your payment processor
It is designed for external card readers
It bypasses the checkout form
Get in Mobile Sites Certified Now!
Which is an example of an unnecessary resource negatively impacting the user experience?
a photo carousel on the homepage that allows the visitor to preview multiple photos with a quick click
lazy loading
optimized images
one web font
The App shell helps with:
Making transitions between pages faster
Improves elements of the UX
Making the full page load faster
Creating a fully optimized site
Which metric is affected by slow pagespeed?
Conversion rate
Impressions
Clickthrough rate
Viewthrough rate
If you’re in an animation like scrolling, you should ideally be looking to keep your JavaScript to something in the region of:
3ms – 4ms
9ms – 10ms
5ms – 6ms
7ms – 8ms
Currently, Google Optimize does NOT currently allow you to:
test new website designs, layouts and content with a subset of your visitors
serve experiments to specific groups of users that you’ve defined as Audiences in Google Analytics
do heatmap analysis to better understand to user behaviour on your site
use your existing goals and metrics in Google Analytics as experiment objectives
Which is a benefit of a mobile site over an app for businesses?
Mobile sites require approvals before one can gain access
Mobile sites only work on Android
Shorter development timelines
You have to build a separate site for tablets and phones
To discover and prioritize landing pages for potential improvements to the user design, you should check the:
Landing Pages Report focusing on Bounce Rate metric
All Pages Report focusing on Average Time on Page metric
All Pages Report focusing on Unique Page Views metric
Exit Pages Report focusing on Page Views metric
The first step to optimize the critical rendering path is to:
optimize the order in which the remaining critical resources are loaded: download all critical assets as early as possible to shorten the critical path length
optimize the number of critical bytes to reduce the download time (number of roundtrips)
minimize number of critical resources: eliminate them, defer their download, mark them as async, and so on
analyze and characterize your critical path: number of resources, bytes, length
A good notification:
is relevant
delivers in the background
has a default action
can be dismissed
To deliver the fastest possible time to first render, you should minimize the number of:
critical resources
CSS classes
critical JavaScript functions
critical HTML classes
Why can an intermittently available mobile network result in a poor experience?
It uses more data
Enabling WIFI reduces battery life
Some assets might not be loaded
It is less secure than WIFI
True or false: Constructing the Document Object Model (DOM) requires style information.
True
False
Which can be sacrificed to reduce the file size of an image?
compression
color range
quality
rendering speed
True or false: Mobile pages that load 1 second faster see up to a 27% increase in conversion rate.
True
False
Which of the following describes the Payment Request API correctly?
It bypasses the checkout formIt requires a phone number with a fingerprint reader It replaces your payment processor It is designed for external card readers
===
Which is an example of an unnecessary resource negatively impacting the user experience?
a photo carousel on the homepage that allows the visitor to preview multiple photos with a quick click lazy loading optimized images one web font
The App shell helps with:
Making transitions between pages fasterImproves elements of the UX Making the full page load faster Creating a fully optimized site
Which metric is affected by slow pagespeed?
Conversion rate Impressions Clickthrough rate Viewthrough rate
If you’re in an animation like scrolling, you should ideally be looking to keep your JavaScript to something in the region of:
3ms – 4ms9ms – 10ms5ms – 6ms7ms – 8ms
Currently, Google Optimize does NOT currently allow you to:
test new website designs, layouts and content with a subset of your visitors serve experiments to specific groups of users that you’ve defined as Audiences in Google Analytics do heatmap analysis to better understand to user behaviour on your siteuse your existing goals and metrics in Google Analytics as experiment objectives
Which is a benefit of a mobile site over an app for businesses?
Mobile sites require approvals before one can gain access Mobile sites only work on Android Shorter development timelinesYou have to build a separate site for tablets and phones
To discover and prioritize landing pages for potential improvements to the user design, you should check the:
Landing Pages Report focusing on Bounce Rate metricAll Pages Report focusing on Average Time on Page metricAll Pages Report focusing on Unique Page Views metricExit Pages Report focusing on Page Views metric
The first step to optimize the critical rendering path is to:
optimize the order in which the remaining critical resources are loaded: download all critical assets as early as possible to shorten the critical path length optimize the number of critical bytes to reduce the download time (number of roundtrips) minimize number of critical resources: eliminate them, defer their download, mark them as async, and so on analyze and characterize your critical path: number of resources, bytes, length
A good notification:
is relevantdelivers in the background has a default action can be dismissedExplanation:
To deliver the fastest possible time to first render, you should minimize the number of:
critical resourcesCSS classes critical JavaScript functionscritical HTML classes Explanation:
Why can an intermittently available mobile network result in a poor experience?
It uses more data Enabling WIFI reduces battery life Some assets might not be loadedIt is less secure than WIFI
True or false: Constructing the Document Object Model (DOM) requires style information.
True False
Which can be sacrificed to reduce the file size of an image?
compression color range qualityrendering speed
True or false: Mobile pages that load 1 second faster see up to a 27% increase in conversion rate.
TrueFalse
===
In the layout step, the browser:
computes the size and position of render tree elements
displays the on-screen elements in their new positilons
first resizes elements before computing their position
forces the DOM to be rebuilt
For each font on your website you should:
minimize the number of used variants
add CSS
minimize the HTML
male sure to add as many as possible
Which of these are NOT part of AMP:
AMP HTML
Analytics
Inline CSS
Custom fonts
Which allows for efficient font reuse between pages?
Revalidation token
The local() directive
WOFF2 fonts
The font matching algorithm
Google Optimize does NOT currently allow you to:
test new website designs, layouts and content with a subset of your visitors
serve experiments to specific groups of users that you’ve defined as Audiences in Google Analytics
do heatmap analysis to better understand to user behavior on your site
use your existing goals and metrics in Google Analytics as experiment objectives
At a minimum, what page weight should you be aiming for?
More than 3MB
2MB
2.1MB
Less than 1MB
What is it that the App shell helps with
Making transitions between pages faster
Improves elements of the UX
Making the full page load faster
Creating a fully optimized site
How many times per second do most devices refresh their screens?
20
35
60
100
What’s the fastest and best-optimized resource?
An image
Web fonts
Javascrtipt
The one not sent
Research shows that mobile users expect to:
tap the logo at the top of a mobile page to take them to new products
tap the logo at the top of a mobile page to take them back to the homepage
see the logo below the fold on mobile sites
tap the logo at the top of a mobile page to take them to a “Contact Us” page
How can you make the job a lot simpler for the browser?
Add more parents
Change the selector to a class
Create more complex CSS
Follow the style guide
Some users are not comfortable converting on their mobile device. What could be an action you can take to improve their experience?
Offering secondary call-to-action buttons, like social sharing
Asking the user to register to save their details
Making your primary call-to-action buttons more prominent
Showing the desktop version of the site on mobile devices
A Progressive Web App:
works even with unreliable network through service worker
needs high bandwidth environments
slows experience and therefore decreases advertisers conversion rate
is the same as Accelerated Mobile Page
Image __________ can be sacrificed to reduce the file size, and chances are the user will still like the resulting image.
compression
color range
quality
rendering speed
Which of the following reports in Google Analytics helps you to identify leakages from the conversion funnel?
Device Usage Report
Checkout Behavior Analysis Report
Product Performance Report
Top Landing Pages Report
What makes a notification good?
it is relevant
It delivers in the background
It has a default action
It can be dismissed
What does “Variant A” in A/B Testing usually represent?
Original version of the web page
Test version of the web page that is modified from the original
Which most accurately describes the purpose of compression?
Making the code faster
Combining files
Minimizing file size
Fitting more into the cache
True or False: To instruct the browser to use the default device width, you would us <meta name=”viewport” content=”width=device=width”>
True
False
What is a tool that you can use to emulate and simulate a site that’s experiencing poor or unreliable connectivity?
Speedguide.net
Pingdom.com
Webpagetest.org
Speedtest.net
Which of the following is NOT a best practice to optimize forms on mobile?
Exposing options instead of using a drop-down menu
Using a real-time validation for errors in forms
Offering users a numerical keyboard for telephone number field
Showing labels inside form fields for convenience
True or False: You can experiment with google Analytics features by using the Google Merchandise Store demo account.
False
True
True or false: Using a mix of desktop and mobile-optimized pages on mobile sites improves the user experience since some users are more familiar with the desktop version of the site.
False
True
Image information such as location and camera description can often be deleted to reduce image sizes. This type of information is called:
metadata
vector
GZIP
raster
Which changes to “geometric properties” affect the layout?
Top
All of the above
Heights
Widths
To optimize for speed, you shouldn’t use too many webfonts and you should minimize the number of _____________
ligatures
dingbats
descenders
Variants
Which is an example of a situation when an unnecessary resource negatively impacts the user experience.
a photo carousel on the homepage that allows the visitor to preview multiple photos with a quick click
lazy loading
optimized images
one web font
What performance metrics are affected by slow pagespeed?
Conversion rate
Impressions
Clickthrough rate
Viewthrough rate
Which of these features is part of a Progressive Web App?
Call API
UX API
Add to home screen
Location API
Keeping CSS independent of HTML allows us to treat_______and _______as separate concerns.
user experience; speed
analytics; optimization
content; design
images; articles
Before the browser can render the page, it needs to construct the:
Pixel pipeline
DOM and CSSOM trees
HTML and Javascript
UX trees
AMP _________ the page ____________ waiting for resources to download:
lays out; without
caches; before
indexes; while
displays; after
Which of the following is NOT a best practice for a financial company to keep users from dropping out of the funnel?
Letting users convert as a guest
Using click-to-call buttons for complicated forms or complex tasks
Remembering and prefilling preferences of registered users in forms
Asking for registration to use the site
How do you prioritize optimization of the mobile site for browser versions or screen resolutions:
Look for the oldest version of your site
Look for the highest number of sessions and lowest conversion rates (or highest bounce rate)
Prioritize the site with the highest conversion rates
Optimize all at the same time
The render tree contains:
visible content
content of the page
the DOM
the styles of the page
Which of the following is NOT true about site search experience on mobile sites?
Smart search features like auto-complete and corrected misspelling are especially important to have on small screens?
Comprehensive search results are better than concise results
Users rely on filters to narrow down search results
Positioning site search at the top of a mobile page with an open-text search box is a best practice
When referring to the critical rendering path in site performance, a critical resource is:
any resource that must be loaded
a resource that takes more than 500ms to load
a resource that could block initial display of the page
any resource that returns 404
True or false: Constructing the DOM requires style information.
True
False
Which of the following describes the Payment API correctly?
It bypasses the checkout form
It requires a phone number with a fingerprint reader
It replaces your payment processor
It is designed for external card readers
Which is the best way to discover and prioritize landing pages for UX improvement potential?
Checking Landing Pages Report focusing on Bounce Rate metric
Checking Exit Pages Report focusing on Page Views metric
Checking All Pages Report focusing on Unique Page Views metric
Checking All Pages Report on Average Time on Page metric
True or false: JavaScript can block DOM construction unless explicitly declared as async
False
True
Before introducing mobile site design best practices to your clients, you should examine their.
page speed scores
staffing and budget
design process
existing mobile sites
According to a Google poll, what is the top frustration when users browse the web on their mobile device?
Watching a video
Waiting for slow pages to load
Being shown interstitials
Not knowing where to click
Which of the following statements is true about the mobile experience of users?
Users are willing to accept longer load times for high-resolution images
It’s important to show as much information as possible on the visible part of a mobile site
It’s important to show a prominent “Full site” label on a mobile site
it’s important to use call-to-action buttons to keep users in the same browser window
Why did Facebook create “2G Tuesdays”?
To run random experiment
Most users are on 2G
Facebook didn’t create “2G Tuesdays”
To understand how people on 2G use their product
Which describes how a Service Worker operates?
It doesn’t handle network requests coming from the navigation on the website
It runs a programmable network proxy
None of these answer options describe a Service Worker
It can be used only when the user is browsing the website
Which of these should be minimized to deliver the fastest possible time to firstrender?
The number of critical HTML classes
the number of CSS classes
The number of critical JavaScript functions
The number of critical resources
Which of the following describes an App shell?
None
It comprises of all page elements which are dependant of the specific page contents
It discourages caching of content that overlaps across pages of the website
It provides a fast first impression gracefully transitioning to a fully loaded page
What is a valid event for a Service Worker to emit it’s registered?
Stop
Install
Idle
Canceled
Which format is preferred for the multi-device and high-resolution icons?
PNG
Vector (SVG)
JPEG
Data URL’s
Which is NOT true about Responsive Sites?
Responsive Sites are cost-effective
Responsive Sites are easier to mainatin
Responsive Sites usually have faster load times vs Separate (m.dot) Sites
Responsive Sites have one codebase, deployment and URL
In which of the following situations can a high bounce rate be interpreted as a good metric?
Campaign landing page brings the user to the product detail page
Campaign landing page brings user to the first step of a 3-step lead generation form
Campaign landing page brings the user to a page where the company promotes their phone number to receive calls
When using Chrome devtools, what should you limit the connectivity to?
Regular 2G
No Throttling
Regular 3G
Regular 4G
Which is true about calls-to-action usage on mobile homepages?
Keep call to action on the second page
Same calls-to-action should be used both on mobile and desktop sites
Calls-to-action should be prominent on the visible area of the mobile homepage
Use only menus
Why can lie-fee result in a poor experience?
It uses more data
Enabling WIFI reduces battery life
Some assets might not be loaded
It is less secure than WIFI
True or false: Mobile pages that load 1s faster see up to a 27% increase in CvR
True
False
At a minimum, what Speed index score should you be aiming for?
Greater than 95%
Less than 5000
Greater than 5000
Within 10% of similar sites
If you’re in an animation like scrolling, you should ideally be looking to keep your JavaScript to something in the region of __________. Any longer than that and you risk taking up too much time.
3-4 ms
9-10 ms
5-6 ms
7-8 ms
True or false: Images should never change when rotating a device screen or between different devices sizes
False
True
Resources with responses that are ______ for all users are great candidates to be cached by a CDN.
different
identical
variants
sized
What is a benefit of mobile site over an app for businesses?
Mobile sites require approvals before one can gain access
Mobile sites only work on Android
Shorter development timelines. Mobile sites allow for easy updating (for example, users don’t need to accept or install your updates)
You have to build a separate site for tablets and phones
Mobile sites:
require approvals to access
need to be downloaded or installed to a device
are accessed through the desktop device’s web browser
have specific functionality for mobile devices
Why do CSS @imports harm performance?
They can introduce unwanted dependences
@import loads files less efficiently than <link>
They create a less efficient CSSOM
They require additional CPU time to parse
How does AMP work?
Keeps all third-party JavaScript out of the critical path
Doesn’t let extension mechanisms block rendering
Allows only asynchronous scripts
All of the above
Why are push notifications important for advertisers?
The information they deliver can be acted on immediately
They give users the opportunity to re-engage with content they are interested in
They deliver timely updates to users
All of the answer options are correct
The first step to optimize the critical rendering path is:
optimize the order in which the remaining critical resources are loaded: download all critical assets as early as possible to shorten the critical path length
optimize the number of critical bytes to reduce the download time (number of roundtrips)
minimize number of critical resources: eliminate them, defer their download, mark them as async, and so on
analyze and characterize your critical path: number of resources, bytes, length
True or false: A/B testing allows you to test two or more elements on the site to understand their effects on each other
False
True
Which components often account for most of the downloaded bytes on a web page?
JavaScript
Articles
Images
Fonts