web performance for lamp developers (front end)
Post on 18-May-2015
2.404 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related