Performance Web
•Download as PPTX, PDF•
1 like•2,718 views
The document discusses factors that affect website performance, including front-end elements like CSS, JavaScript, images, and back-end elements like caching, threading, and database queries. It notes that only 10-20% of response time is spent on downloading HTML, so focus should be on optimizing other parts of the page load. It also outlines the anatomy of an HTTP request and lists 14 rules for improving performance, such as reducing HTTP requests, using content delivery networks, gzipping components, and making AJAX cacheable. It emphasizes that teams should regularly audit performance and prioritize optimizations.
Report
Share
More Related Content
What's hot
What's hot (17)
Similar to Performance Web
Similar to Performance Web (20)
More from Rodolfo Fadino Junior
More from Rodolfo Fadino Junior (20)
Recently uploaded
Recently uploaded (20)
Performance Web
- 4. Soma de fatores Back-End • Cache • Thread • Debug/Release • SQL • IO • Network • ... Front-End • CSS • JS • IMG • Headers • Minified • CDN • Proxy • Cookies • ...
- 6. • “…only 10-20% of the total end-user response time is spent getting the HTML document to the browser. You need to focus on the other 80- 90% if you want to make your pages noticeably faster…”
- 7. Anatomia de uma requisição HTTP • DNS Lookup • Initial Connection – Keep-Alive Header • Time to First Byte • Content Download
- 8. 14 regras • Rule 1 - Make Fewer HTTP Requests • Rule 2 - Use a Content Delivery Network • Rule 3 - Add an Expires Header • Rule 4 - Gzip Components • Rule 5 - Put Stylesheets at the Top • Rule 6 - Put Scripts at the Bottom • Rule 7 - Avoid CSS Expressions • Rule 8 - Make JavaScript and CSS External • Rule 9 - Reduce DNS Lookups • Rule 10 - Minify JavaScript • Rule 11 - Avoid Redirects • Rule 12 - Remove Duplicate Scripts • Rule 13 - Configure ETags • Rule 14 - Make AJAX Cacheable
- 9. Ok, eu sei as 14 regras, e dai? • Rule 1 - Make Fewer HTTP Requests • Rule 2 - Use a Content Delivery Network • Rule 3 - Add an Expires Header • Rule 4 - Gzip Components • Rule 5 - Put Stylesheets at the Top • Rule 6 - Put Scripts at the Bottom • Rule 7 - Avoid CSS Expressions • Rule 8 - Make JavaScript and CSS External • Rule 9 - Reduce DNS Lookups • Rule 10 - Minify JavaScript • Rule 11 - Avoid Redirects • Rule 12 - Remove Duplicate Scripts • Rule 13 - Configure ETags • Rule 14 - Make AJAX Cacheable
- 10. Quando foi a última vez que você usou o YSlow ou Page Speed?
- 12. Vamos fazer um projeto para isso #SóQueNão
- 13. Backlog
- 14. Melhorar a performance é uma responsabilidade nossa (time)
- 15. Demo