Which of the following is NOT true about site search experience on mobile sites?
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
Comprehensive search results are better than concise results
Smart-search features like auto-complete and corrected misspelling are especially important to have on small screens
100% Correct Answer
Comprehensive search results are better than concise results
Which format is preferred for the multi-device and high-resolution icons?
Vector (SVG)
PNG
Data URLs
JPEG
100% Correct Answer
Vector (SVG)
What is a benefit of mobile site over an app for businesses?
You have to build a separate site for tablets and phones
Shorter development timelines
Mobile sites require approvals before one can gain access
Mobile sites only work on Android
100% Correct Answer
Shorter development timelines
Related Options:
Mobile sites only work on Android
You have to build a separate site for tablets and phones
Shorter development timelines. Mobile sites allow for easy updating (for example, users don’t need to accept or install your updates.
Mobile sites require approvals before one can gain access
100% Correct Answer
Shorter development timelines. Mobile sites allow for easy updating (for example, users don’t need to accept or install your updates.
The first step to optimize the critical rendering path is:
minimize number of critical resources: eliminate them, defer their download, mark them as async, and so on
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)
analyze and characterize your critical path: number of resources, bytes, length.
100% Correct Answer
analyze and characterize your critical path: number of resources, bytes, length.
Some users are not comfortable converting on their mobile device. What could be an action you can take to improve their experience?
Showing the desktop version of the site on mobile devices
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
100% Correct Answer
Offering secondary call-to-action buttons, like social sharing
Which of these are NOT part of AMP:
Analytics
Custom Fonts
Inline CSS
AMP HTML
100% Correct Answer
Inline CSS
Which of the following describes the Payment API correctly?
It bypasses the checkout form
It requires a phone with a fingerprint reader
It replaces your payment processor
It is designed for external card readers
100% Correct Answer
It bypasses the checkout form
Which is an example of a situation when an unnecessary resource negatively impacts the user experience.
Optimized images
One web font
A photo carousel on the homepage that allows the visitor to preview multiple photos with a quick click
Lazy loading
100% Correct Answer
A photo carousel on the homepage that allows the visitor to preview multiple photos with a quick click
What performance metrics are affected by slow pagespeed?
Conversion rate
Clickthrough rate
Viewthrough rate
Impressions
100% Correct Answer
Conversion rate
What makes a notification good?
it is relevant
It delivers in the background
It has a default action
It can be dismissed
100% Correct Answer
it is relevant
What is it that the App shell helps with
Creating a fully optimized site
Improves elements of the UX
Making transitions between pages faster
Making the full page load faster
100% Correct Answer
Making transitions between pages faster
True or false: Mobile pages that load 1s faster see up to a 27% increase in CvR.
FALSE
TRUE
100% Correct Answer
TRUE
True or false: Constructing the DOM requires style information.
TRUE
FALSE
100% Correct Answer
FALSE
Image _____ can be sacrificed to reduce the file size, and chances are the user will still like the resulting image.
rendering speed
color range
quality
compression
100% Correct Answer
quality
How do you prioritize optimization of the mobile site for browser versions or screen resolutions:
Prioritize the site with the highest conversion rates
Look for the highest number of sessions and lowest conversion rates (or highest bounce rates)
Look for the oldest version of your site
Optimize all at the same time
100% Correct Answer
Look for the highest number of sessions and lowest conversion rates (or highest bounce rates)
How can you make the job a lot simpler for the browser?
Change the selector to a class
Create more complex CSS
Add more parents
Follow the style guide
100% Correct Answer
Change the selector to a class
Google Optimize does NOT currently allow you to:
use your existing goals and metrics in Google Analytics as experiment objectives
do heatmap analysis to better understand to user behaviour on your site
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
100% Correct Answer
do heatmap analysis to better understand to user behaviour on your site
To discover and prioritize landing pages for potential improvements to the user design, you should check the:
Exit Pages Report focusing on Page Views metric
All Pages Report focusing on Average Time on Page metric
Landing Pages Report focusing on Bounce Rate metric
All Pages Report focusing on Unique Page Views metric
100% Correct Answer
Landing Pages Report focusing on Bounce Rate metric
To deliver the fastest possible time to first render, you should minimize the number of:
critical resources
CSS classes
critical HTML classes
critical JavaScript functions
100% Correct Answer
critical resources
Why can an intermittently available mobile network result in a poor experience?
It is less secure than Wifi
Some assets might not be loaded
Enabling Wifi reduces battery life
It uses more data
100% Correct Answer
Some assets might not be loaded
A Progressive Web App:
slows experience and therefore decreases advertisers conversion rate
is the same as Accelerated Mobile Page
needs high bandwidth environments
works even with unreliable network through service worker
100% Correct Answer works even with unreliable network through service worker
According to a Google poll, what is the top frustration when users browse the web on their mobile device?
Watching a video
Being shown interstitials
Waiting for slow pages to load
Not knowing where to click
100% Correct Answer Waiting for slow pages to load
AMP ______ the page ______ waiting for resources to download.
lays out; without
caches; before
indexes; while
displays; after
100% Correct Answer lays out; without
At a minimum, what page weight should you be aiming for?
More than 3MB
2.1MB
2MB
Less than 1MB
100% Correct Answer Less than 1MB
At a minimum, what Speed Index score should you be aiming for?
Within 10% of similar sites
Less than 5000
Greater than 5000
Greater than 95%
100% Correct Answer Less than 5000
Before introducing mobile site design best practices to your clients, you should examine their:
existing mobile sites
staffing and budget
page speed scores
design process
100% Correct Answer existing mobile sites
Before the browser can render the page, it needs to construct the:
HTML and JavaScript
DOM and CSSOM trees
Pixel pipeline
UX trees
100% Correct Answer DOM and CSSOM trees
For each font on your website you should:
Minimize the number of used variants
Add CSS
Make sure to add as many as possible
Minimize the HTML
100% Correct Answer Minimize the number of used variants
Currently, Google Optimize does NOT currently allow you to:
use your existing goals and metrics in Google Analytics as experiment objectives
do heatmap analysis to better understand to user behaviour on your site
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
100% Correct Answer
do heatmap analysis to better understand to user behaviour on your site
How can you make the job simpler for the browser?
Change the selector to a class
Create more complex CSS
Add more parents
Follow the style guide
100% Correct Answer
Change the selector to a class
How do you prioritize optimization of a mobile site for browser versions or screen resolutions:
Prioritize the site with the highest conversion rates
Look for the highest number of sessions and lowest conversion rates (or highest bounce rates)
Look for the oldest version of your site
Optimize all at the same time
100% Correct Answer
Look for the highest number of sessions and lowest conversion rates (or highest bounce rates)
How does AMP work?
Doesn’t let extension mechanisms block rendering
Keeps all third-party JavaScript out of the critical path
All of the answers are correct
Allows only asynchronous scripts
100% Correct Answer
All of the answers are correct
How many times per second do most devices refresh their screens?
20
35
100
60
100% Correct Answer 60
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.
5ms – 6ms
3ms – 4ms
9ms – 10ms
7ms – 8ms
100% Correct Answer
3 – 4ms
Which can be sacrificed to reduce the file size of an image?
rendering speed
color range
quality
compression
100% Correct Answer
quality
Image information such as location and camera description can often be deleted to reduce image sizes. This type of information is called:
GZIP
metadata
vector
raster
100% Correct Answer metadata
In the layout step, the browser:
displays the on-screen elements in their new positions
first resizes elements before computing their position
computes the size and position of render tree elements
forces the DOM to be rebuilt
100% Correct Answer computes the size and position of render tree elements
In which of the following situations can a high bounce rate be interpreted as a good metric?
Campaign landing page brings the user to a page where the company promotes their phone number to receive calls
Campaign landing page brings the user to the first step of a 3-step lead generation form
Campaign landing page brings the user to the product detail page
100% Correct Answer Campaign landing page brings the user to a page where the company promotes their phone number to receive calls
Keeping CSS independent of HTML allows us to treat_______and _______as separate concerns.
user experience; speed
analytics; optimization
content; design
images; articles
100% Correct Answer content; design
Mobile sites:
are accessed through the desktop device’s web browser
need to be downloaded or installed to a device
have specific functionality for mobile devices
require approvals to access
100% Correct Answer have specific functionality for mobile devices
Research shows that mobile users expect to:
tap the logo at the top of a mobile page to take them to new products
see the logo below the fold on mobile sites
tap the logo at the top of a mobile page to take them back to the homepage
tap the logo at the top of a mobile page to take them to a “Contact Us” page
100% Correct Answer tap the logo at the top of a mobile page to take them back to the homepage
Resources with responses that are ______ for all users are great candidates to be cached by a CDN.
identical
different
sized
variants
100% Correct Answer identical
Some users aren’t comfortable converting on their mobile device. What could be an action you can take to improve their experience?
Showing the desktop version of the site on mobile devices
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
100% Correct Answer
Offering secondary call-to-action buttons, like social sharing
The first step to optimize the critical rendering path is to:
minimize number of critical resources: eliminate them, defer their download, mark them as async, and so on
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)
analyze and characterize your critical path: number of resources, bytes, length.
100% Correct Answer
analyze and characterize your critical path: number of resources, bytes, length.
The render tree contains:
content of the page
the styles of the page
the DOM
visible content
100% Correct Answer visible content
To optimize for speed, you shouldn’t use too many webfonts and you should minimize the number of _____.
dingbats
ligatures
descenders
variants
100% Correct Answer variants
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
100% Correct Answer FALSE
True or false: Constructing the Document Object Model (DOM) requires style information.
TRUE
FALSE
100% Correct Answer
FALSE
True or false: Images should never change when rotating a device screen or between different device sizes.
FALSE
TRUE
100% Correct Answer FALSE
True or false: JavaScript can block DOM construction unless explicitly declared as async.
TRUE
FALSE
100% Correct Answer TRUE
True or false: Mobile pages that load 1 second faster see up to a 27% increase in conversion rate.
FALSE
TRUE
100% Correct Answer TRUE
True or false: To instruct the browser to use the default device width, you would use .
FALSE
TRUE
100% Correct Answer FALSE
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.
TRUE
FALSE
100% Correct Answer FALSE
True or false: You can experiment with Google Analytics features by using the Google Merchandise Store demo account.
TRUE
FALSE
100% Correct Answer TRUE
What does “Variant A” in A/B Testing usually represent?
Less than 5000
Greater than 95%
Original version of the web page
Test version of the web page that is modified from the original
100% Correct Answer
Original version of the web page
Which is a benefit of a mobile site over an app for businesses?
You have to build a separate site for tablets and phones
Shorter development timelines
Mobile sites require approvals before one can gain access
Mobile sites only work on Android
100% Correct Answer
Shorter development timelines
Related Options:
Mobile sites only work on Android
You have to build a separate site for tablets and phones
Shorter development timelines. Mobile sites allow for easy updating (for example, users don’t need to accept or install your updates.
Mobile sites require approvals before one can gain access
100% Correct Answer
Shorter development timelines. Mobile sites allow for easy updating (for example, users don’t need to accept or install your updates.
What is a tool that you can use to emulate and simulate a site that’s experiencing poor or unreliable connectivity?
Pingdom.com
Speedtest.net
Webpagetest.org
Speedguide.net
100% Correct Answer Webpagetest.org
What is a valid event for a Service Worker to emit when it’s registered?
Stop
Canceled
Idle
Install
100% Correct Answer Install
The App shell helps with:
Creating a fully optimized site
Improves elements of the UX
Making transitions between pages faster
Making the full page load faster
100% Correct Answer
Making transitions between pages faster
A good notification:
it is relevant
It delivers in the background
It has a default action
It can be dismissed
100% Correct Answer
it is relevant
Which metric is affected by slow pagespeed?
Conversion rate
Clickthrough rate
Viewthrough rate
Impressions
100% Correct Answer
Conversion rate
What’s the fastest and best-optimized resource?
Javascript
Web fonts
The one not sent
An image
100% Correct Answer The one not sent
When referring to the critical rendering path in site performance, a critical resource is:
any resource that returns 404
a resource that could block initial display of the page
any resource that must be loaded
a resource that takes more than 500ms to load
100% Correct Answer a resource that could block initial display of the page
When using Chrome devtools, what should you limit the connectivity to?
Regular 3G
Regular 4G
Regular 2G
No Throttling
100% Correct Answer Regular 3G
Which allows for efficient font reuse between pages?
WOff2 fonts
The local() directive
Revalidation token
The font matching algorithm
100% Correct Answer Revalidation token
Which changes to “geometric properties” affect the layout?
Top
All of the answers are correct
Heights
Widths
100% Correct Answer
All of the answers are correct
Which components often account for most of the downloaded bytes on a web page?
Images
Fonts
Articles
JavaScript
100% Correct Answer Images
Which describes how a Service Worker operates?
It doesn’t handle network requests coming from the navigation on the website
None of these answer options describe a Service Worker
It runs a programmable network proxy
It can be used only when the user is browsing the website
100% Correct Answer It runs a programmable network proxy
Which format is preferred for multi-device and high-resolution icons?
Vector (SVG)
PNG
Data URLs
JPEG
100% Correct Answer
Vector (SVG)
Which is an example of an unnecessary resource negatively impacting the user experience?
Optimized images
One web font
A photo carousel on the homepage that allows the visitor to preview multiple photos with a quick click
Lazy loading
100% Correct Answer A photo carousel on the homepage that allows the visitor to preview multiple photos with a quick click
Which is NOT true about Responsive Sites?
Responsive sites usually have faster load times versus separate (m.dot) sites
Responsive Sites are easier to maintain
Responsive Sites are cost-effective
Responsive Sites have one codebase, deployment and URL
100% Correct Answer Responsive sites usually have faster load times versus separate (m.dot) sites
Which is the best way to discover and prioritize landing pages for UX improvement potential?
Checking All Pages Report focusing on Average Time on Page metric
Checking All Pages Report focusing on Unique Page Views metric
Checking Exit Pages Report focusing on Page Views metric
Checking Landing Pages Report focusing on Bounce Rate metric