Perry Wirth
•   BS Management Information Systems•   10+ Years web experience•   Accenture     – Services – BPO     – Client Service L...
http://www.websiteoptimization.com
http://www.websiteoptimization.com
http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
Website                        Loading Time (s)   Elements   Size (KB)http://www.facebook.com        .65                12...
•   FireBug     – YSlow     – Google Page Speed•   Chrome Speed Tracer•   GT Metrix - Score and history•   webpagetest.org...
•   Minify     – Take out white space = smaller file size•   Combine CSS and JS into 1 file (or about)     – Less requests...
•   Global Configuration (System and Server)•   System Cache Plugin
Browser      Server                   Server   Browser    Browser                        Server ZipsRequests   Recognizes ...
BeforeAfter
•   Only does template, not components or system files•   Data URIs     – Doesn’t work in IE 7 and below     – Turns the i...
Before   After
BeforeAfter
•   Choose the best format     – Photos=JPG, Flat Colors=PNG•   Check the quality and adjust•   Resize before uploading•  ...
•   Enabled the following…     – Global Config Cache     – Global Config GZIP     – System Cache     – YooTheme’s maximum ...
•   extensions.joomla.org•   Site Management >> Site Performance•   JHC Optimize (1.5, 1.6)•   Jbetolo (1.5, 1.6)•   jFina...
•   Minify, combine, compress CSS and JS•   Exclude files, directories, components•   JS Ordering•   Compress HTML•   Debu...
•   Joomla Cache, GZIP, System Cache•   Template – Turned everything off     – Handled by 3rd party plugin now•   JHC Opti...
•   System plugin order     – All plugins, Optimizing Plugin, Cache Plugin•   Are my pages displayed properly?•   Does all...
•   Dedicated environment     – OPCode cache•   Use a CDN•   Better image optimization     – Adjust quality, use sprites• ...
•   Don’t have to worry about others•   Separate servers for Apache and MySQL•   Server Side Optimization     – MySQL and ...
•   Serve on a cloud•   Many servers send you the files•   Helps with proximity•   Speedy multimedia•   Monthly Fees
•   Do the previously mentioned•   Look into CSS Sprites•   Greatly reduces requests•   Some extensions help•   Involved h...
•   Large issue with CMS•   Plugins the pages•   CSS/JS only used on specific pages•   Increases files size•   Increases r...
•   http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-    search-ranking.html•   http://developer...
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Joomla Site Optimization
Upcoming SlideShare
Loading in...5
×

Joomla Site Optimization

9,805

Published on

Presentation from Perry Wirth on Joomla! speed optimization. This presentation covers concepts and methods behind speeding up the load time of your site. This covers what you can do within a base Joomla installation along with template parameters and extensions which can also help.

Published in: Technology, Art & Photos
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
9,805
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide
  • Just from 2003-2009 Page size quintuples (5.4x larger)
  • You have 4 second for your page to load before users loose interestGoogle uses page speed in their ranking
  • Neo from YooTheme(Warp 5)Twitter FeedFront Page Slide ShowCCK (Zoo)Image Backgroundsh404SEFMenus
  • Things to know about cache…Turn it off when optimizingUpdates on your site will take a time to applyOnly extends to public usersFile is the most basic one (If you are in a shared environment)Other types if your host offers them and you are in a dedicated environment OPCode Cache – APC, Xcache, eAcceleratorGzipReduces by about 70%Based if the browser supports it (IE 7 < Do not90% of todays doSystem and some components have checks if it is supported or not by the clientSystem Cache Plugin can cause troubles More for static sites
  • Transcript of "Joomla Site Optimization"

    1. 1. Perry Wirth
    2. 2. • BS Management Information Systems• 10+ Years web experience• Accenture – Services – BPO – Client Service Liaison for Global CPG• Created over 20 Joomla! Sites• Own a martial arts academy (3 sites)
    3. 3. http://www.websiteoptimization.com
    4. 4. http://www.websiteoptimization.com
    5. 5. http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
    6. 6. Website Loading Time (s) Elements Size (KB)http://www.facebook.com .65 12 116http://www.yahoo.com 16.98 60 399http://www.live.com 1.33 6 77.3http://www.wikipedia.com 1.38 15 85.2http://www.msn.com 6.72 60 294http://www.microsoft.com 2.6 56 372http://www.blogspot.com 4.48 32 111http://www.baidu.com 26.20 6 9.5http://www.qq.com 14.07 95 602http://www.mozilla.com 0.07 11 142http://gtmetrix.com/top1000.html
    7. 7. • FireBug – YSlow – Google Page Speed• Chrome Speed Tracer• GT Metrix - Score and history• webpagetest.org• Your eyes
    8. 8. • Minify – Take out white space = smaller file size• Combine CSS and JS into 1 file (or about) – Less requests for the client• Compress – GZip• Cache – Keep everything in memory• Optimize Images – Resize, quality and compress
    9. 9. • Global Configuration (System and Server)• System Cache Plugin
    10. 10. Browser Server Server Browser Browser Server ZipsRequests Recognizes Sends Receives Unzips
    11. 11. BeforeAfter
    12. 12. • Only does template, not components or system files• Data URIs – Doesn’t work in IE 7 and below – Turns the images into raw data, less requests• Gzip template files – Similar to zipping a file on your computer
    13. 13. Before After
    14. 14. BeforeAfter
    15. 15. • Choose the best format – Photos=JPG, Flat Colors=PNG• Check the quality and adjust• Resize before uploading• Sprites when possible• Smush.it - Lossless compression – YSlow >> Tools >> All Smush.it• RIOT - Radical Image Optimization Tool
    16. 16. • Enabled the following… – Global Config Cache – Global Config GZIP – System Cache – YooTheme’s maximum optimization • minify + gzip + combination + data URIs – Optimized Images
    17. 17. • extensions.joomla.org• Site Management >> Site Performance• JHC Optimize (1.5, 1.6)• Jbetolo (1.5, 1.6)• jFinalizer (1.5, 1.6, 1.7)• Webo (1.5, 1.6, 1.7)• Admin Tools (1.5, 1.6, 1.7)
    18. 18. • Minify, combine, compress CSS and JS• Exclude files, directories, components• JS Ordering• Compress HTML• Debug Information• Bonus – Sprites, CDN, different methods
    19. 19. • Joomla Cache, GZIP, System Cache• Template – Turned everything off – Handled by 3rd party plugin now• JHC Optimize – Combine, gzip, minify CSS and JS – Minify HTML• Smush.it all my images (home page)
    20. 20. • System plugin order – All plugins, Optimizing Plugin, Cache Plugin• Are my pages displayed properly?• Does all of my JavaScript work?• Can I cruise on the site?• Tip: You can turn off caching on a per module basis
    21. 21. • Dedicated environment – OPCode cache• Use a CDN• Better image optimization – Adjust quality, use sprites• Remove un-used CSS (Hard in templates)
    22. 22. • Don’t have to worry about others• Separate servers for Apache and MySQL• Server Side Optimization – MySQL and Advanced Opcode Caching• Used for larger sites• More Expensive
    23. 23. • Serve on a cloud• Many servers send you the files• Helps with proximity• Speedy multimedia• Monthly Fees
    24. 24. • Do the previously mentioned• Look into CSS Sprites• Greatly reduces requests• Some extensions help• Involved higher skills to be done manually
    25. 25. • Large issue with CMS• Plugins the pages• CSS/JS only used on specific pages• Increases files size• Increases requests• Live with it, but disable what your not using
    26. 26. • 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://gtmetrix.com/• http://www.smushit.com/ysmush.it/• http://www.whatsmyip.org/http_compression/• http://getfirebug.com/• http://developer.yahoo.com/yslow/• http://code.google.com/speed/page-speed/

    ×