An overview of the areas where we are focusing our efforts on front end performance on Shopify.com. Presented at the Toronto Web Performance Group's meetup on September 23, 2015.
2. 2
Stuff we’ll talk about
What you need to know about shopify.com
Where we are focusing our perf efforts
How we measure our progress
What’s new and exciting
5. 5
About Shopify.com
Why is performance important to us?
Our audience is global
Fundamental aspect of a good user experience
How’s it made?
Ruby on Rails
No database
18. 18
Fonts
• Basic approach to loading fonts – @font-face in CSS, no inlining, self-hosted
• Five weights – most pages only use three or four
• WOFF and WOFF2 only – no TTF, EOT, SVG
• Everything is terrible – No, really
• Bram Stein, “Web Fonts Performance”
https://speakerdeck.com/bramstein/web-fonts-performance
29. 29
Things we’re excited about
HTTP/2
Biggest potential change for web perf since… ever?
We’re halfway there with HTTPS + modules
Resource Hints
dns-prefetch and preconnect implemented and testing
Better ways to load fonts
The status quo is The Worst™
30. 30
How we’re going to keep improving
Built-in performance wherever possible
Automatic image optimization
Re-usable modules
Server-side speed
CDN
Culture of performance
Sharing knowledge and experiences
Documentation
FED Talks
Design process
Testing & budgets
Challenge past assumptions