E-Commerce Development Mobile Commerce 4

Question 1

Which technique reduces mobile page weight by sending only the visible portion of a long page and loading the rest as the user scrolls?

Accepted Answer

Infinite scroll / lazy loading

Answer

Lazy loading defers off-screen content requests until the user scrolls near them, reducing initial payload and perceived load time.

Question 2

A mobile checkout form auto-fills incorrectly because the browser doesn't recognize the fields. Which HTML attribute fixes this?

Accepted Answer

autocomplete (e.g., autocomplete='cc-number')

Answer

The autocomplete attribute with standard token values (cc-number, cc-exp, shipping name, etc.) enables browser and password-manager autofill.

Question 3

Which mobile analytics event should an e-commerce developer fire to track when a user views a product detail page?

Accepted Answer

view_item

Answer

GA4 and most analytics platforms use the view_item event (part of the Enhanced Ecommerce spec) to track product detail page views.

Question 4

What is the recommended minimum touch target size for interactive UI elements on mobile to meet accessibility guidelines?

Accepted Answer

44x44 CSS pixels

Answer

Apple's HIG and Google's Material Design both recommend a minimum 44x44pt / dp touch target to reduce tap errors.

Question 5

Which mobile-first CSS framework approach uses a 'small screens first' default, then adds complexity with min-width breakpoints?

Accepted Answer

Mobile-first responsive design

Answer

Mobile-first CSS writes base styles for small screens and uses min-width media queries to progressively enhance for larger screens.

E-Commerce Development Practice Test