jira ict - the magic of a fast website #jd11nl
DESCRIPTION
The Magic of a fast website during Joomladays NL 2011TRANSCRIPT
The magic of a fast website @jd11nl
Workshop:
The magic ofA fast website
Website Performance Optimization (WPO)
Server Performance Optimization (SPO)
Jira ICT www.jira.nl - @jiraictYireo www.yireo.com - @yireo
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
The magic of a fast website @jd11nl
Why do we need fast website?
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.
The magic of a fast website @jd11nl
Is Joomla slow?
The magic of a fast website @jd11nl
Case: joomla-speed.com
Before:
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
The magic of a fast website @jd11nl
Case: joomla-speed.com
After:
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
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)
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
The magic of a fast website @jd11nl
CSS Sprites
The magic of a fast website @jd11nl
Compress your content
Compress text-output (HTML, CSS, JavaScript):• mod_deflate• Gzip
The magic of a fast website @jd11nl
Enable mod_deflate & mod_expires
The magic of a fast website @jd11nl
Enable gzip
The magic of a fast website @jd11nl
Reduce size of images
• Indexing• Compression
The magic of a fast website @jd11nl
Content Delivery Network (CDN)
Content is delivered through network of servers, instead of just a single webserver
The magic of a fast website @jd11nl
Measure from different entry points
0.19 sec0.40 sec
The magic of a fast website @jd11nl
Measure from different entry points
0.8 sec0.9 sec
The magic of a fast website @jd11nl
Let's get to Workand
Get Powered Up...
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/
The magic of a fast website @jd11nl
What website should we analyze next?
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)
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
The magic of a fast website @jd11nl
Thank [email protected]
#jiraict
www.jira.nlhttp://www.slideshare.net/jiraicthttp://www.facebook.com/jiraict