Web performance for LAMP developers (front end) - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

Web Performance for LAMP developers Sergey Chernyshev @SergeyChe

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

"Front-end" • Read waterfall diagrams • Measure user's version of performance • Use browser's cache • "Compile" your web apps

Slide 4

Slide 4 text

Water falls

Slide 5

Slide 5 text

Metrics • TTFB • Time to load • Time to ﬁrst render • Above the Fold (AFT) • Your business metrics • Technical metrics (# of requests, page size, etc)

Slide 6

Slide 6 text

Quick wins! gzip (Apache conﬁguration) Browser Caching (Apache & PHP code)

Slide 7

Slide 7 text

gzip reduction of download time ~75% for text-based ~37% total

Slide 8

Slide 8 text

Use Browser Cache Know your last update No download time is spent

Slide 9

Slide 9 text

Use Browser Cache Never expire speciﬁc URL Use update time as ﬁngerprint

Slide 10

Slide 10 text

Compile • Combine CSS and JavaScript • Minify CSS, JavaScript and even HTML • Optimize images • Version static / code URLs

Slide 11

Slide 11 text

Drop-in .htaccess

Slide 12

Slide 12 text

Trends Track your metrics over time