Web performance for LAMP developers (front end)

Sergey's short introduction to web performance for LAMP developers, presented at July 2011 NY Web Performance Meetup: http://www.nywebperformance.org/events/20619301/

Back-end presentation was done by Ronald Bradford

Transcript

1. Web Performance for LAMP developers Sergey Chernyshev @SergeyChe
2. Performance? Why? $$$ Money $$$ • Shopzilla +7-12% conversions! & -50% operation costs • +15% (+60M) downloads for Firefox. (-1sec => +2.7% downloads) • Slowness is sticky (Google and Microsoft) User experience SEO: Google uses site's speed in ranking
3. "Front-end" • Read waterfall diagrams • Measure user's version of performance • Use browser's cache • "Compile" your web apps
4. Water falls
5. Metrics • TTFB • Time to load • Time to first render • Above the Fold (AFT) • Your business metrics • Technical metrics (# of requests, page size, etc)
6. Quick wins! gzip (Apache configuration) Browser Caching (Apache & PHP code)
7. gzip reduction of download time ~75% for text-based ~37% total
8. Use Browser Cache Know your last update No download time is spent
9. Use Browser Cache Never expire specific URL Use update time as fingerprint
10. Compile • Combine CSS and JavaScript • Minify CSS, JavaScript and even HTML • Optimize images • Version static / code URLs
11. Drop-in .htaccess
12. Trends Track your metrics over time