Everybody loves fast websites. Use these techniques to increase the site speed. Presentation was held during the Dutch Joomla!days 2010 24-04-2010 #jd10nl

1. Site Performance Optimization
Site Performance
Optimization
Hans Kuijpers (@hans2103)
Jira ICT (@jiraict)
Yireo (@yireo)
information of this presentation is gathered by
Ray Bogman and the internet

2. Site Performance Optimization
WHY SPO?

3. Site Performance Optimization
Google loves fast websites
SPO is the little brother of SEO

4. Site Performance Optimization

5. Site Performance Optimization
No more next, next,
next, finish
You have to work for a faster website!

6. Site Performance Optimization

7. Site Performance Optimization
To measure is to know

8. Site Performance Optimization

9. Site Performance Optimization
Know your enemies

10. Site Performance Optimization

11. Site Performance Optimization
Reduceer HTTP requests
browser server

12. Site Performance Optimization
Reduceer HTTP requests
browser server

13. Site Performance Optimization
Reduceer HTTP requests
browser server
• use LESS ...
• combine images with
SPRITE
• combine JS and CSS files

14. Site Performance Optimization
Reduceer HTTP requests
browser server
• use LESS ...
• combine images with
SPRITE
• combine JS and CSS files

15. Site Performance Optimization
Reduceer HTTP requests
browser server
• use LESS ...
• combine images with
SPRITE
• combine JS and CSS files

16. Site Performance Optimization
Reduceer HTTP requests
browser server
• use LESS ...
• combine images with
SPRITE
• combine JS and CSS files

17. Site Performance Optimization

18. Site Performance Optimization

19. Site Performance Optimization
Compress and combine

20. Site Performance Optimization

21. Site Performance Optimization

22. Site Performance Optimization

23. Site Performance Optimization
http://bit.ly/CSSTools

24. Site Performance Optimization

25. Site Performance Optimization

26. Site Performance Optimization

27. Site Performance Optimization
http://bit.ly/ScriptMerge

28. Site Performance Optimization

29. Site Performance Optimization

30. Site Performance Optimization

31. Site Performance Optimization

32. Site Performance Optimization
Gzip compression

33. Site Performance Optimization

34. Site Performance Optimization
Gzip - mod_deflate
1 2
browser server

35. Site Performance Optimization
Gzip - mod_deflate
1 2
browser server
zip
4 3
browser server
unzip
5
browser

36. Site Performance Optimization

37. Site Performance Optimization

38. Site Performance Optimization

39. Site Performance Optimization

40. Site Performance Optimization

41. Site Performance Optimization
Optimize Images

42. Site Performance Optimization

43. Site Performance Optimization

44. Site Performance Optimization

45. Site Performance Optimization

46. Site Performance Optimization

47. Site Performance Optimization
Content Delivery
Network

48. Site Performance Optimization
CDN
server
browser

49. Site Performance Optimization
CDN
server
CDN
server
browser

50. Site Performance Optimization
CDN
server
CDN
server
CDN
browser
server

51. Site Performance Optimization
CDN
CDN Cloud
CDN CDN
server
server server
CDN CDN
server server
CDN CDN
browser
server server

52. Site Performance Optimization
Expire Header

53. Site Performance Optimization
mod_expire
1 2
browser server
Expires: 30 days
3 4
browser server
cache

54. Site Performance Optimization

55. Site Performance Optimization

56. Site Performance Optimization

57. Site Performance Optimization

58. Site Performance Optimization
Clean rubbish

59. Site Performance Optimization
http://www.siteground.com/tutorials/
websiteperformance/joomla15.htm

60. Site Performance Optimization
reduce, reduce, reduce

61. Site Performance Optimization
reduce, reduce, reduce
echo '<pre>'.print_r(get_included_files(), true).'</pre>';

62. Site Performance Optimization

63. Site Performance Optimization
Everybody loves
fast websites
thank you!

64. Site Performance Optimization
Site Performance
Optimization
Hans Kuijpers (@hans2103)
Jira ICT (@jiraict)
Yireo (@yireo)
information of this presentation is gathered by
Ray Bogman and the internet
www.yireo.com

65. Site Performance Optimization
Next change
• This presentation will
also be held on the
Dutch Meet Magento
26-05-2010 by Ray
Bogman from Yireo
• The sheets will be
changed in order to use
for Magento. The idea is
the same... reduce,
reduce, reduce

66. Site Performance Optimization
showed links
• http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-
web-search-ranking.html
• http://developer.yahoo.com/performance/rules.html
• http://www.webpagetest.org/
• http://bit.ly/CSSTools
• http://bit.ly/ScriptMerge
• http://www.whatsmyip.org/http_compression/
• http://www.smushit.com/ysmush.it/
• http://www.siteground.com/tutorials/websiteperformance/joomla15.htm