The Magic of a fast website during Joomladays NL 2011

1. The magic of a fast website @jd11nl
Workshop:
The magic of
A fast website
Website Performance Optimization (WPO)
Server Performance Optimization (SPO)
Jira ICT www.jira.nl - @jiraict
Yireo www.yireo.com - @yireo

2. The magic of a fast website @jd11nl
About myself
Ray Bogman
• Computer Geek since 1983
• Ethical hacker, security specialist
• Performance specialist
• Founder Jira ICT | Yireo
• Owner of wildhibiscus.nl
• Joomla Lover since Day One
• Joomla/Magento trainer/consultant

3. The magic of a fast website @jd11nl
Why do we need fast website?

4. The magic of a fast website @jd11nl
Response time
What's a good response time to aim for?
Studies by Akamai claim 2 seconds is the
threshold for websites being acceptle.
At Google they aim for under 1.5 second.

5. The magic of a fast website @jd11nl
Is Joomla slow?

6. The magic of a fast website @jd11nl
Case: joomla-speed.com
Before:

7. The magic of a fast website @jd11nl
Response time
No more “next-next-next-finish” clicking
• A faster website requires work
• First analyzing, then tuning

8. The magic of a fast website @jd11nl
Case: joomla-speed.com
After:

9. The magic of a fast website @jd11nl
Optimizing Joomla
How to optimize Joomla?
● Professional Webhosting
● Reduce the number of HTTP requests
● CSS Sprites
● Compress your content
● Deflate/Expires content
● Reduce the image size
● Use a Content Delivery Network (CDN)
● ... and many many more tricks

10. The magic of a fast website @jd11nl
•Professional Webhosting
• Not every webhoster is optimazed
• Shared, Dedicated or VPS/VDS
• Apache, Nginx, Lighttpd
• File cache, Xcache, APC, Memcache etc...
www.byte.nl (shared/dedicated)
www.xlshosting.nl (VPS, optimazed images by Jira)

11. The magic of a fast website @jd11nl
Minimize HTTP requests
• Minimize the number of images needed
• Combine images with CSS Sprites
• Combine CSS and JavaScript

12. The magic of a fast website @jd11nl
CSS Sprites

13. The magic of a fast website @jd11nl
Compress your content
Compress text-output (HTML, CSS, JavaScript):
• mod_deflate
• Gzip

14. The magic of a fast website @jd11nl
Enable mod_deflate & mod_expires

15. The magic of a fast website @jd11nl
Enable gzip

16. The magic of a fast website @jd11nl
Reduce size of images
• Indexing
• Compression

17. The magic of a fast website @jd11nl
Content Delivery Network (CDN)
Content is delivered through network of servers,
instead of just a single webserver

18. The magic of a fast website @jd11nl
Measure from different entry points
0.19 sec
0.40 sec

19. The magic of a fast website @jd11nl
Measure from different entry points
0.8 sec
0.9 sec

20. The magic of a fast website @jd11nl
Let's get to Work
and
Get Powered Up...

21. The magic of a fast website @jd11nl
Let's analyze some websites
• http://www.yootheme.com/corona/
• http://demo.rockettheme.com/mar11/
• http://templates.joomlart.com/ja_methys/
• http://www.jira.nl/
• http://www.yireo.com/
• http://www.autobody.net/

22. The magic of a fast website @jd11nl
What website should we
analyze next?

23. The magic of a fast website @jd11nl
Techniques & Resources
•YSlow (Firebug/Firefox plugin)
•Google Page Speed (Firefox/Chrome plugin)
•Webpagetest.org
•Gtmetrix.com (http://gtmetrix.com/reports/www.joomla-speed.com/iFp0naj4)
•Whatsmyip.org/http_compression
•Smushit.com/ysmush.it
•Host-tracker.com
•CSS Sprites (CSS technique)
•CDN (Content Delivery Network)
•Byte Internet (Joomla hosting provider)
•XLS Hosting (Joomla dedicated VPS images by Jira)

24. The magic of a fast website @jd11nl
More Jira ICT
•WPO/SPO audits
– jira.nl/speed
•Training & demo-days
– www.joomla-competence-center.com/
– cursus.jira.nl

25. The magic of a fast website @jd11nl
Thank you
ray@jira.nl
#jiraict
www.jira.nl
http://www.slideshare.net/jiraict
http://www.facebook.com/jiraict