Overview
The article discusses how Pinterest engineers improved user growth through significant performance enhancements on their mobile web platform. Key strategies included redefining metrics, optimizing front-end and back-end processes, and ensuring a consistent user experience across devices.
What You'll Learn
1
How to define and implement user perceived wait time (UPWT) metrics
2
Why optimizing front-end resources can significantly reduce page load times
3
How to utilize chunked transfer encoding to enhance server response times
4
When to segment performance metrics by page type for better insights
Prerequisites & Requirements
- Understanding of web performance metrics and optimization techniques
- Familiarity with React and performance monitoring tools(optional)
Key Questions Answered
What improvements did Pinterest engineers achieve in user acquisition?
Pinterest engineers achieved a 40% decrease in Pinner wait time, a 15% increase in SEO traffic, and a 15% increase in conversion rate to signup. These enhancements resulted in significant user acquisition growth in 2016.
How did the team measure page load time improvements?
The team measured overall page load time (PLT) and introduced user perceived wait time (UPWT) as key metrics. PLT is the time from navigationStart to domComplete, while UPWT focuses on the time until the visible part of the page is rendered.
What optimizations were made to the front-end?
The front-end optimizations included reducing page weight by only loading necessary CSS and JS for above-the-fold content, implementing lazy loading for other assets, and optimizing image requests, resulting in a 60% reduction in bytes needed to display a page.
What role did caching play in performance improvements?
Caching was expanded at the edge for low cardinality page types, which helped reduce network overhead and improved response times. This strategy is crucial for optimizing performance, especially for pages with limited variations.
Key Statistics & Figures
Decrease in Pinner wait time
40%
This was achieved through performance enhancements on the mobile web platform.
Increase in SEO traffic
15%
The improvements in performance led to higher visibility and traffic from search engines.
Increase in conversion rate to signup
15%
This increase contributed to significant user acquisition growth in 2016.
Technologies & Tools
Some links below are affiliate links. We may earn a commission if you make a purchase.
Key Actionable Insights
1Implement user perceived wait time (UPWT) metrics to better understand user experience.By tracking UPWT, teams can identify how quickly users see content, allowing for targeted optimizations that enhance perceived performance.
2Optimize front-end resources by only loading essential assets initially.This approach reduces initial load times and improves user experience, particularly in regions with slower internet connections.
3Segment performance metrics by page type to gain deeper insights into user behavior.This allows for identifying specific issues affecting conversions on different platforms, enabling more effective targeted improvements.
Common Pitfalls
1
Failing to maintain feature parity during performance rewrites can lead to decreased conversion rates.
When redesigning pages for performance, it's crucial to ensure that all original features are retained to avoid negatively impacting user experience and conversion.
Related Concepts
Web Performance Optimization
User Experience Design
Seo Best Practices