![Page 1: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/1.jpg)
Web Performance for LAMP developers
Sergey Chernyshev
@SergeyChe
![Page 2: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/2.jpg)
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
![Page 3: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/3.jpg)
"Front-end"
• Read waterfall diagrams
• Measure user's version of performance
• Use browser's cache
• "Compile" your web apps
![Page 4: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/4.jpg)
Waterfalls
![Page 5: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/5.jpg)
Metrics• TTFB
• Time to load
• Time to first render
• Above the Fold (AFT)
• Your business metrics
• Technical metrics (# of requests, page size, etc)
![Page 6: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/6.jpg)
Quick wins!
gzip(Apache configuration)
Browser Caching(Apache & PHP code)
![Page 7: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/7.jpg)
gzip
reduction of download time
~75% for text-based
~37% total
![Page 8: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/8.jpg)
Use Browser CacheKnow your last update
No download time is spent
![Page 9: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/9.jpg)
Use Browser CacheNever expire specific URL
Use update time as fingerprint
![Page 10: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/10.jpg)
Compile
• Combine CSS and JavaScript
• Minify CSS, JavaScript and even HTML
• Optimize images
• Version static / code URLs
![Page 11: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/11.jpg)
Drop-in .htaccess
![Page 12: Web performance for LAMP developers (front end)](https://reader033.vdocuments.net/reader033/viewer/2022052900/555a0128d8b42aa8098b4e99/html5/thumbnails/12.jpg)
TrendsTrack your metrics over time