Google Mobile Sites Certification exam answers
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
minimize the HTML
male sure to add as many as possible
Which of these are NOT part of AMP:
Which allows for efficient font reuse between pages?
The local() directive
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
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?
What’s the fastest and best-optimized resource?
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.
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
Minimizing file size
Fitting more into the cache
True or False: To instruct the browser to use the default device width, you would us
What is a tool that you can use to emulate and simulate a site that’s experiencing poor or unreliable connectivity?
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.
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.
Image information such as location and camera description can often be deleted to reduce image sizes. This type of information is called:
Which changes to “geometric properties” affect the layout?
All of the above
To optimize for speed, you shouldn’t use too many webfonts and you should minimize the number of _____________
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
one web font
What performance metrics are affected by slow pagespeed?
Which of these features is part of a Progressive Web App?
Add to home screen
Keeping CSS independent of HTML allows us to treat_______and _______as separate concerns.
user experience; speed
Before the browser can render the page, it needs to construct the:
DOM and CSSOM trees
AMP _________ the page ____________ waiting for resources to download:
lays out; without
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:
content of the page
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.
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
Before introducing mobile site design best practices to your clients, you should examine their.
page speed scores
staffing and budget
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 resources
Which of the following describes an App shell?
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?
Which format is preferred for the multi-device and high-resolution icons?
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?
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
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
True or false: Images should never change when rotating a device screen or between different devices sizes
Resources with responses that are ______ for all users are great candidates to be cached by a CDN.
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
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
They create a less efficient CSSOM
They require additional CPU time to parse
How does AMP work?
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 t understand their effects on each other
Which components often account for most of the downloaded bytes on a web page?