Websites Performance Highlights
•Download as PPTX, PDF•
0 likes•450 views
Presentation illustrate the principles of enhancing the performance of any website. Enriched with examples and list of techniques
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Websites Performance Highlights
Similar to Websites Performance Highlights (20)
Recently uploaded
Recently uploaded (20)
Websites Performance Highlights
- 1. Websites Performance HighlightsWhere does the time go? Ala’ YasinAbuhijleh Software Development Manager, Bayt.com 1
- 2. Where does the time go? Internet Request 2
- 3. Where does the time go? Internet 3 Processing Rendering Loading
- 4. Where does the time go? Internet 4 20% Processing Rendering Loading 80% Request
- 5. HTTP Overview Internet 5 DNS
- 6. HTTP Overview Internet 6 TCP/ IP
- 7. HTTP Overview Internet 7 TCP HTTP Request
- 8. HTTP Overview Internet 8 TCP HTTP Response
- 9. HTTP Request 9 Get /en/jobs HTTP 1.1 Host: www.bayt.com User-Agent: Mozilla/5.0 Gecko Firefox/1.5.0.9 Accept-Encoding: gzip,deflate …….. other headers
- 10. HTTP Response 10 HTTP/1.1 200 OK Content-type: text/html Last-Modified: Wed, 2 Feb 2010 04:15:54 GMT … Content <html> …
- 11. HTTP OVERVIEW 11 <!-- start rendering content --> <html> <head> <script src=“script1.js”/> <style src=“style1.css” /> </head> <body> <imgsrc=“image1.jpg “ /> … … Initiates a new request Initiates a new request Initiates a new request
- 14. www.bayt.com 68 requests
- 16. Reduce Memory and CPU usage
- 18. Stay inside the application process, If you can!
- 23. Load Balancing
- 26. Cache content on browsers/proxies
- 29. No wrapping = -2 characters/line
- 30. No white spaces
- 32. Expire Headers
- 35. Reduce client side processing
- 37. Styles applied directly
- 38. No blank page
- 40. No CSS Expressions
- 42. Multiple Hosts
- 44. Yahoo! YSlow
- 45. Page Speed
- 46. SpeedTest.org