web performance for lamp developers (front end)

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