Juno Wiki & Help‎ > ‎

Magento Speed Optimisation

Speeding up Magento

Here is a step by step guide for how to speed up Magento sites – First and foremost, ensure that

caching is ON for this.

1. Visit http://tools.pingdom.com/fpt/

2. Select “settings” under the URL box

3. Untick “Save test and make it public” and select test from: Amsterdam, Netherlands

4. Paste the URL and click “Test Now”

5. You now have a base for the websites speed

6. Check the list for anything highlighted in yellow (see fig.1 for example)

7. Anything highlighted thats a CSS file or JS file is something in the header that isn't found, you can then go into either header.phtml or local.xml (there's a small chance it could be somewhere else, but these are the most likely places) and remove them, best of commenting out rather than deleting (just incase)

8. Now, check for any large image files – If you find any large files, make a note of their names and contact one of us for them to be amended

9. Install and set up Juno Caching module

10. Once it's installed, go to the admin of the site and system > Cache Management

11. Enable both new fields, clear cache

12. VERY IMPORTANT!!!!!  - Sometimes, the caching module does cause issues with pages, if this happens remove the single setting that is causing issues (i.e. if all pages are fine apart
from category pages, remove the “Category” cacher.

13. Next, you'll want to have YSLOW installed on your browser, so install it if you haven't already (check add-ons section for link)

14. Open the site, open YSLOW and run the test, we're aiming at a B or above here. Note all the grades that aren't A or B

15. In the list, you can ignore “Put JavaScript at bottom”, “Compress components with gzip” and “Use a Content Delivery Network (CDN)

16. Try and minify JavaScript by going into the admin panel and going to System > Config > Developer > JavaScript Settings and select Merge JavaScript Files “Yes”

17. Clear cache and check for any JS issues on the site, For this i'd recommend installing the web developer toolbar (check add-ons section for link)

18. If you have issues, check where they are located, chances are there's an issue with the order in which the JS is being presented. If this isn't the case, it could be that variable names are the same.

19. If you're unable to fix JS issues, unmerge JS and clear cache again

20. If you've been able to fix the JS issues then this should make the grade for Make fewer HTTP requests and Minify JavaScript and CSS

21. If you have multiple CSS files, merge those too using the same format as the JS (CSS is just underneath the JS option)

22. Add Expires headers

23. Go back to http://tools.pingdom.com/fpt

24. Select the settings as you did in step 3

25. Rerun the test for the same URL

26. We're aiming for under 2 second load time here. Untested ways to increase speed, please test and report results

1. Enable Gzip Compression in .htaccess – To do this uncomment #php_flag zlib.output_compression on (i.e. remove the # save and reupload) – If it doesn't have it, add it. Clear cache and test test test. Only do this on DEV sites until completely tested In my experience doing these steps will increase the speed of Magento sites by a lot. I've managed to get the speed from 10s load time to 0.9s on a single site by doing the above

Image list



Firefox -

YSLOW - https://addons.mozilla.org/en-US/firefox/addon/yslow/

HTTPFOX - https://addons.mozilla.org/en-US/firefox/addon/httpfox/

Web Developer Toolbar - https://addons.mozilla.org/en-US/firefox/addon/web-developer/

Chrome -

YSLOW - https://chrome.google.com/webstore/detail/ninejjcohidippngpapiilnmkgllmakh

Web Developer Toolbar - https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm
Jun 2, 2012, 1:56 AM