web performance for lamp developers (front end)
DESCRIPTION
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 BradfordTRANSCRIPT
Web Performance for LAMP developers
Sergey Chernyshev
@SergeyChe
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
"Front-end"
• Read waterfall diagrams
• Measure user's version of performance
• Use browser's cache
• "Compile" your web apps
Waterfalls
Metrics• TTFB
• Time to load
• Time to first render
• Above the Fold (AFT)
• Your business metrics
• Technical metrics (# of requests, page size, etc)
Quick wins!
gzip(Apache configuration)
Browser Caching(Apache & PHP code)
gzip
reduction of download time
~75% for text-based
~37% total
Use Browser CacheKnow your last update
No download time is spent
Use Browser CacheNever expire specific URL
Use update time as fingerprint
Compile
• Combine CSS and JavaScript
• Minify CSS, JavaScript and even HTML
• Optimize images
• Version static / code URLs
Drop-in .htaccess
TrendsTrack your metrics over time