Your SlideShare is downloading. ×
0
Web Performance for LAMP developers    Sergey Chernyshev       @SergeyChe
Performance? Why?User experience$$$ Money $$$• Shopzilla +7-12% conversions!  & -50% operation costs• +15% (+60M) download...
"Front-end"• Read waterfall diagrams• Measure users version of performance• Use browsers 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 req...
Quick wins!        gzip  (Apache configuration)Browser Caching  (Apache & PHP code)
gzipreduction of download time   ~75% for text-based       ~37% total
Use Browser CacheKnow your last updateNo download time is spent
Use Browser CacheNever expire specific URLUse 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
Upcoming SlideShare
Loading in...5
×

Web performance for LAMP developers (front end)

2,451

Published on

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

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,451
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Web performance for LAMP developers (front end)"

  1. 1. Web Performance for LAMP developers Sergey Chernyshev @SergeyChe
  2. 2. Performance? Why?User experience$$$ Money $$$• Shopzilla +7-12% conversions! & -50% operation costs• +15% (+60M) downloads for Firefox. (-1sec => +2.7% downloads)• Slowness is sticky (Google and Microsoft)SEO: Google uses sites speed in ranking
  3. 3. "Front-end"• Read waterfall diagrams• Measure users version of performance• Use browsers cache• "Compile" your web apps
  4. 4. Waterfalls
  5. 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. 6. Quick wins! gzip (Apache configuration)Browser Caching (Apache & PHP code)
  7. 7. gzipreduction of download time ~75% for text-based ~37% total
  8. 8. Use Browser CacheKnow your last updateNo download time is spent
  9. 9. Use Browser CacheNever expire specific URLUse update time as fingerprint
  10. 10. Compile• Combine CSS and JavaScript• Minify CSS, JavaScript and even HTML• Optimize images• Version static / code URLs
  11. 11. Drop-in .htaccess
  12. 12. TrendsTrack your metrics over time
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×