Mobile Marketing Mobile-Optimized Web Presence 2 — Questions and Answers
Question 1: Which HTTP header tells a mobile browser how to scale a webpage to fit the device screen?
- Cache-Control
- Viewport meta tag (Correct answer)
- Content-Type
- X-Frame-Options
Correct answer: Viewport meta tag
The viewport meta tag (<meta name='viewport'>) instructs the browser on how to control the page's dimensions and scaling on mobile devices.
Question 2: A mobile site takes 9 seconds to load on a 4G connection. According to Google research, what is the approximate probability that a user will bounce compared to a 1-second load?
- 32% more likely
- 90% more likely
- 123% more likely (Correct answer)
- 200% more likely
Correct answer: 123% more likely
Google research found that as page load time goes from 1s to 9s, the probability of bounce increases by 123%.
Question 3: What does 'finger-friendly design' primarily refer to in mobile UX?
- Using touchscreen gestures like pinch-to-zoom
- Ensuring tap targets are large enough to be easily tapped (Correct answer)
- Applying fingerprint authentication
- Reducing the number of form fields
Correct answer: Ensuring tap targets are large enough to be easily tapped
Finger-friendly design means sizing interactive elements (buttons, links) to at least 44x44 pixels so they are easily tappable without mis-taps.
Question 4: Which image format is generally recommended for mobile web to achieve the best balance of quality and small file size?
- BMP
- TIFF
- WebP (Correct answer)
- GIF
Correct answer: WebP
WebP provides superior lossy and lossless compression compared to JPEG and PNG, resulting in smaller file sizes with comparable visual quality.
Question 5: A retailer's mobile site uses a horizontal scrolling navigation menu. What is the primary usability risk?
- It increases page load time
- Users may not discover off-screen navigation options (Correct answer)
- It breaks responsive grid layouts
- It is not supported by iOS Safari
Correct answer: Users may not discover off-screen navigation options
Hidden horizontal scroll areas are often not discoverable, causing users to miss important navigation links that are off-screen.
Question 6: What is 'lazy loading' in the context of mobile web performance?
- Deferring JavaScript execution until after the DOM is ready
- Loading images or resources only when they are about to enter the viewport (Correct answer)
- Caching assets in the browser for repeat visits
- Compressing CSS files before delivery
Correct answer: Loading images or resources only when they are about to enter the viewport
Lazy loading defers loading of off-screen images and resources until the user scrolls near them, reducing initial page load time.
Question 7: Which Google tool provides a free, quick assessment of a URL's mobile-friendliness and Core Web Vitals?
- Google Optimize
- PageSpeed Insights (Correct answer)
- Google Data Studio
- Search Ads 360
Correct answer: PageSpeed Insights
PageSpeed Insights analyzes a URL's content and provides suggestions to make the page faster and more mobile-friendly, including Core Web Vitals data.
Mobile Marketing Mobile-Optimized Web Presence 2
Which HTTP header tells a mobile browser how to scale a webpage to fit the device screen?