1- In the layout step, the browser:
computers 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
2-
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
3- Which of these are NOT part of AMP:
AMP HTML
Analytics
Inline CSS
Custom fonts
4- Which allows for efficient font reuse
between pages?
Revalidation token
The local()
directive
WOFF2 fonts
The font
matching algorithm
5- 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
6- At a minimum, what page weight should
you be aiming for?
More than
3MB
2MB
2.1MB
Less than 1MB
7- 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
8- How many times per second do most
devices refresh their screens?
20
35
60
100
9- What’s the fastest and best-optimized
resource?
An image
Web fonts
Javascrtipt
The one not sent
10- 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
11- 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
12- 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
13- 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
14- 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
15- 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
16- What makes a notification good?
it is relevant
It delivers
in the background
It has a
default action
It can be dismissed
17- 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
18- Which most accurately describes the
purpose of compression?
Making the
code faster
Combining
files
Minimizing file
size
Fitting more
into the cache
19- 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
20- 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
21- 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
22- True or False: You can experiment with
google Analytics features by using the Google Merchandise Store demo account.
False
True
23- 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
24- 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
25- Which changes to “geometric properties”
affect the layout?
Top
All of the above
Heights
Widths
26- To optimize for speed, you shouldn’t
use too many webfonts and you should minimize the number of _____________
ligatures
dingbats
descenders
Variants
27- 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
28- What performance metrics are affected
by slow pagespeed?
Conversion rate
Impressions
Clickthrough
rate
Viewthrough
rate
29- Which of these features is part of a
Progressive Web App?
Call API
UX API
Add to home screen
Location API
30- Keeping CSS independent of HTML allows
us to treat_______and _______as separate concerns.
user
experience; speed
analytics;
optimization
content; design
images;
articles
31- Before the browser can render the page,
it needs to construct the:
Pixel
pipeline
DOM and CSSOM trees
HTML and
Javascript
UX trees
32- AMP _________ the page ____________
waiting for resources to download:
lays out; without
caches;
before
indexes;
while
displays;
after
33- 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
34- 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
35- The render tree contains:
visible content
content of
the page
the DOM
the styles
of the page
36- 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
37- 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
38- True or false: Constructing the DOM
requires style information.
True
False
39- 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
40- 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
41- True or false: JavaScript can block DOM
construction unless explicitly declared as async
False
True
42- 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
43- 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
44- 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
45- 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
46- 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
47- 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
48- 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
49- What is a valid event for a Service
Worker to emit it’s registered?
Stop
Install
Idle
Canceled
50- Which format is preferred for the
multi-device and high-resolution icons?
PNG
Vector (SVG)
JPEG
Data URL’s
51- 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
52- 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
53- When using Chrome devtools, what should
you limit the connectivity to?
Regular 2G
No
Throttling
Regular 3G
Regular 4G
54- 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
55- 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
56- True or false: Mobile pages that load
1s faster see up to a 27% increase in CvR
True
False
57- 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
58- 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
59- True or false: Images should never change
when rotating a device screen or between different devices sizes
False
True
60- Resources with responses that are
______ for all users are great candidates to be cached by a CDN.
different
identical
variants
sized
61- 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
62- 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
63- 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
64- 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
65- 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
66- 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
67- 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
68- Which components often account for most
of the downloaded bytes on a web page?
JavaScript
Articles
Images
Fonts
No comments:
Post a Comment