In the layout step, the browser:
computes the size and position of render tree elements
displays the on-screen elements in their new positions
first resizes elements before computing their position
forces the DOM to be rebuilt
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
Which of these are NOT part of AMP:
AMP HTML
Analytics
Inline CSS
Custom fonts
• Mobile Sites Exam Answers 2018 •
Which allows for efficient font reuse between pages?
Revalidation token
The local() directive
WOFF2 fonts
The font matching algorithm
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
At a minimum, what page weight should you be aiming for?
More than 3MB
2MB
2.1MB
Less than 1MB
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
How many times per second do most devices refresh their screens?
20
35
60
100
• Mobile Sites Exam Answers 2018 •
What’s the fastest and best-optimized resource?
An image
Web fonts
Javascrtipt
The one not sent
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
What makes a notification good?
it is relevant
It delivers in the background
It has a default action
It can be dismissed
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
Which most accurately describes the purpose of compression?
Making the code faster
Combining files
Minimizing file size
Fitting more into the cache
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
True or False: You can experiment with google Analytics features by using the Google Merchandise Store demo account.
False
True
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
Explanation: Remove unnecessary image metadata: many raster images contain unnecessary metadata about the asset: geo information, camera information, and so on. Use appropriate tools to strip this data.
Read more here: https://support.google.com/partners/answer/7336428
• Mobile Sites Exam Answers 2018 •
Which changes to “geometric properties” affect the layout?
Top
All of the above
Heights
Widths
• Mobile Sites Exam Answers 2018 •
To optimize for speed, you shouldn’t use too many webfonts and you should minimize the number of _____________
ligatures
dingbats
descenders
Variants
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
What performance metrics are affected by slow pagespeed?
Conversion rate
Impressions
Clickthrough rate
Viewthrough rate
• Mobile Sites Exam Answers 2018 •
Which of these features is part of a Progressive Web App?
Call API
UX API
Add to home screen
Location API
• Mobile Sites Exam Answers 2018 •
Keeping CSS independent of HTML allows us to treat_______and _______as separate concerns.
user experience; speed
analytics; optimization
content; design
images; articles
• Mobile Sites Exam Answers 2018 •
Before the browser can render the page, it needs to construct the:
Pixel pipeline
DOM and CSSOM trees
HTML and Javascript
UX trees
• Mobile Sites Exam Answers 2018 •
AMP _________ the page ____________ waiting for resources to download:
lays out; without
caches; before
indexes; while
displays; after
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
The render tree contains:
visible content
content of the page
the DOM
the styles of the page
• Mobile Sites Exam Answers 2018 •
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
Read more here: https://support.google.com/partners/answer/7336431
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
True or false: Constructing the DOM requires style information.
True
False
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
True or false: JavaScript can block DOM construction unless explicitly declared as async
False
True
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
What is a valid event for a Service Worker to emit it’s registered?
Stop
Install
Idle
Canceled
• Mobile Sites Exam Answers 2018 •
Which format is preferred for the multi-device and high-resolution icons?
PNG
Vector (SVG)
JPEG
Data URL’s
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
When using Chrome devtools, what should you limit the connectivity to?
Regular 2G
No Throttling
Regular 3G
Regular 4G
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
Why can lie-fie 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
• Mobile Sites Exam Answers 2018 •
True or false: Mobile pages that load 1s faster see up to a 27% increase in CvR
True
False
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
True or false: Images should never change when rotating a device screen or between different devices sizes
False
True
• Mobile Sites Exam Answers 2018 •
Resources with responses that are ______ for all users are great candidates to be cached by a CDN.
different
identical
variants
sized
• Mobile Sites Exam Answers 2018 •
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 Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
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
• Mobile Sites Exam Answers 2018 •
True or False: A/B testing allows you to test two or more elements on the site t understand their effects on each other
False
True
• Mobile Sites Exam Answers 2018 •
Which components often account for most of the downloaded bytes on a web page?
JavaScript
Articles
Images
Fonts
• Mobile Sites Exam Answers 2018 •