Magento Forum

   
Speed up your store - testers needed
 
FOOMAN
Guru
 
Avatar
Total Posts:  669
Joined:  2007-12-13
Auckland, New Zealand
 

We have just released an extension to speed up the load time of your store. It works by including the minify library to reduce file-size and number of files. For the default skin that amounted to 200KB less for the browser to load (see attached screen shot).

Check it out on Magento Connect

Please let us know how it works for you and if the instructions need to amended.

Image Attachments
Fooman_Speedster_be2318f77182194fc10464d3a1d16d11_Fooman_Speedster.png
 
Magento Community Magento Community
Magento Community
Magento Community
 
SimpleHelixcom
Enthusiast
 
Avatar
Total Posts:  906
Joined:  2007-08-31
Huntsville, AL
 

Hey Fooman, great work.

But didn’t Magento already do this through their js/index.php?

 
Magento Community Magento Community
Magento Community
Magento Community
 
hyteckit
Sr. Member
 
Avatar
Total Posts:  166
Joined:  2008-04-01
Los Angeles, CA
 

My modern theme page.  Server Optimized. Nothing to do with the plugin mention by OP.

http://www.geekgears.com/ipod-mp3-player-accessories.html

Empty Cache
Total Size: 126.9K
HTTP Request: 28

Primed Cache
Total Size: 5.7K
HTTP Request: 1

Image Attachments
Picture 1.png
 
Magento Community Magento Community
Magento Community
Magento Community
 
FOOMAN
Guru
 
Avatar
Total Posts:  669
Joined:  2007-12-13
Auckland, New Zealand
 

Hey SimpleHelix,

So far the Magento js/index.php implementation only combines the files into one - hence reducing the amount of HTTP request. But the files were still quite big and CSS is completely untouched. The screenshot I have taken from the Yslow Firebug plugin compares the standard Magento implementation (v1.1.2) against the extension we created.

 
Magento Community Magento Community
Magento Community
Magento Community
 
jackstraw
Member
 
Total Posts:  62
Joined:  2008-06-02
Carbondale,Colorado
 

It broke both the default template and the admin panel.  Uninstalling it fixed both issues.

The template looked like it was missing the style info.  No header etc, nothing was wrapping properly either.

hope that helps,
Nigel

 
Magento Community Magento Community
Magento Community
Magento Community
 
FOOMAN
Guru
 
Avatar
Total Posts:  669
Joined:  2007-12-13
Auckland, New Zealand
 

@hyteckit: great light theme. Installing the extension should make it better yet - it would combine all your media="all" CSS into one file.

@jackstraw: Have you done the configuration as per the installation? Can you post what the output in the HTML source code was?

 
Magento Community Magento Community
Magento Community
Magento Community
 
FOOMAN
Guru
 
Avatar
Total Posts:  669
Joined:  2007-12-13
Auckland, New Zealand
 

Also Minify gzips the components even if it is not enabled on the server by default. So people who don’t have gzip enabled will stand to gain the most of using this extension.

 
Magento Community Magento Community
Magento Community
Magento Community
 
jackstraw
Member
 
Total Posts:  62
Joined:  2008-06-02
Carbondale,Colorado
 

Heh, no I didn’t sorry.  I will give it a whirl when I get up tomorrow.

Nigel

 
Magento Community Magento Community
Magento Community
Magento Community
 
SimpleHelixcom
Enthusiast
 
Avatar
Total Posts:  906
Joined:  2007-08-31
Huntsville, AL
 

So then what if the server already gzip’s css/js by default?

 
Magento Community Magento Community
Magento Community
Magento Community
 
FOOMAN
Guru
 
Avatar
Total Posts:  669
Joined:  2007-12-13
Auckland, New Zealand
 

You would still gain some. The Javascript gets minified (stripping unnecessary comments, whitelines, etc) and then gzipped making it smaller than what is currently done within Magento. It also handles CSS (stripping unnecessary comments, whitelines, etc) and combining them into one file.

ps: the js on your magentify demo store is currently not loading at all…

 
Magento Community Magento Community
Magento Community
Magento Community
 
SimpleHelixcom
Enthusiast
 
Avatar
Total Posts:  906
Joined:  2007-08-31
Huntsville, AL
 

can I ask what browser you are using?

we never had any complaints of js not loading before :/

 
Magento Community Magento Community
Magento Community
Magento Community
 
FOOMAN
Guru
 
Avatar
Total Posts:  669
Joined:  2007-12-13
Auckland, New Zealand
 

[edited]

Hey SimpleHelix,
Sorry my bad it doesn’t seem to affect normal browsing. I had checked your demo store on pingdom as well as the Magento Demo Store. I noticed that no JS was loaded at all and when visiting the src of your JS directly it only returned SYNTAX: index.php/x.js?f=dir1/file1.js,dir2/file2.js. It seems it is the ampersand in the url that breaks it for this tool.

 
Magento Community Magento Community
Magento Community
Magento Community
 
Mr Turk
Jr. Member
 
Total Posts:  25
Joined:  2008-05-13
 

Ok I think I got this working minus one thing my CSS is not loading.

3.) After installing this extension via Magento Connect, edit m.php (should be in your webroot). Change the variable $yourSkinUrl to your current skin. This also requires that you have all images and css in the skin folder (no fallback to the default).

Can you describe this for me a little more.  Im using a fresh install 1.1.2 and the modern theme unmodified with the installation in my root folder.

What should I be changing the $yourSkinUrl in this code to ?

// pass the 'prependRelativePath' to the CSS minifier:
    $serveOptions['minifierOptions'][Minify::TYPE_CSS]['prependRelativePath'$yourSkinUrl;
    
Minify::serve('Files'$serveOptions);

 
Magento Community Magento Community
Magento Community
Magento Community
 
FOOMAN
Guru
 
Avatar
Total Posts:  669
Joined:  2007-12-13
Auckland, New Zealand
 

Hi Mr Turk,

in the file m.php (located in your webroot) only change line 3 to:

$yourSkinUrl='/skin/frontend/default/modern/';

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top