Welcome to Activo Extensions!

CSS and JavaScript Versioning Magento Extension Zoom

Screenshots:

CSS and JavaScript Versioning and Minification

The CSS and JavaScript Versioning and Minification Magento extension by Activo will change the hash for your CSS and JavaScript merged files automatically and force flush on client browsers. The process is automatic and helps roll out changes when your environment is setup behind CDN such as cloudflare, cloudfront, or maxCDN or if you have a nicely optimized server environment.

It also allows you to minify both JS and CSS files to reduce their size, speed up page load time and improve your ranking with major search engines.

Availability: In stock

$49.00

* Required Fields


Guarantee

100% Money Back Guarantee
If the extension isn't working for you and we can't help in a reasonable amount of time we will refund your purchase.

Awesome Support
Our team is here to help and we'll notify you with any updates to the extension. Support is available for paid extensions only.

Quality Code
We stand by our code! In fact our code is commercially licensed but open sourced so you can see it for yourself.

 

 

Description

Details

Automatic CSS/JS Versioning:

Automatically detects CSS/JS file changes, both time and file size changes, and forces a flush on the client browsers. Save time and effort when rolling out new theme updates while benefitting from browser cache and CDN (Cache Delivery Networks) such as cloudflare.

CSS and JS Minification:

A new feature was added with this release: CSS and Javascript Minification. Based on best practices by Google and Yahoo!'s Rules for High Performance Web Sites, the extension will now by default minify the JavaScript and CSS combined files after they got merged. We have seen significant gains in file size and page load speed as a result of this best practice. 

Overview

Magento offers a built in functionality to merge all your CSS and JavaScript files (separately for CSS and JavaScript). This allows to dramatically speed up the page load times for your store.

However the standard Magento merge CSS/JavaScript feature has one serious drawback. Magento creates a composite CSS or JS file name using a hash function based on the names of the individual files included. This file name does not change after you update any of the individual CSS or JS files. Therefore the browser at the user end caches the resulting composite CSS or JS file and there is no way to force it to refresh that cache.

The CSS/JavaScript Versioning & Minification Magento extension by Activo allows you to fix that and force browser to refresh cached files every time you upload a new version. It detects the file changes automatically and also includes the version number for your JavaScript and CSS files and use that version number generate a unique file name hash for your composite CSS and JS files. This would force browsers to reload the cached styles and JavaScript files after you changed them.

Additional new feature allows also to minify the combined JavaScript and CSS files to reduce their size and speed up their download time. This is pretty important for search engines like Google, that afford higher site rankings to the sites that have better performance and follow the performance best practices.

 

Highlights

  • Enhances Magento's native feature for merging of the CSS and JavaScript files
  • Automatically detects file changes based on modification time and size
  • Minify both JS and CSS files on the fly following several of Yahoo!'s Rules for High Performance Web Sites.
  • Can do both manual version numbering or automatic file changes detection
  • Manually set version numbers for CSS and/or JavaScript and force browsers to refresh your pages
  • Separate handling and separate version numbers for CSS and JavaScript files
  • Enable/Disable switches per area (frontend or adminhtml) and per file type (CSS or JS)
  • 100% Money Back Guarantee

 

Screenshots

Javascript and CSS versioning and minification

 

Installation

Installation process is done via Magento Connect Manager. Follow these steps:

  • Once you purchased the extension, download the installation package by logging into your account and going to My Downloadable Products section.
  • After you downloaded the installation package, log in to your store admin interface and go to System / Magento Connect / Magento Connect Manager.
  • At the "Direct package file upload" section click on "Choose file" button, select the package file you just downloaded and click "upload".
  • After upload is done, go back to the admin panel by clicking "Return to Admin" link at the top right.
  • Go to System / Cache Management and refresh the Configuration cache.
  • IMPORTANT! After finishing the initial installation steps above, you need to log out and log in back into your administration interface in order to see the extension configuration.
  • When you log in back to your admin panel, your installation process is complete and you can now configure it at System -> Configuration menu.

Important! Please read this first if you are using Apple Safari to download the installation package. By default Safari tries to open the "safe" file extensions, this includes the .tgz packages. Therefore it will uncompress the package upon download and will make it unfit for Magento Connect. To prevent this behavior in the menu bar, go Safari > Preferences. In the "General" tab, uncheck "Open 'safe' files after downloading". This will stop Safari from automatically unzipping the files. Read more on Stack Exchange.

Please see more detailed installation instructions and a screencast here:
Installing Magento Extensions Using Connect Manager

 

Configuration

To configure the CSS/JavaScript Versioning & Minification Magento extension, please go to the System / Configuration menu at your admin panel click the "CSS/JS Versioning" under ACTIVO EXTENSIONS section on the left. You will see the configuration menu where you can select to use manual or automatic versioning for both CSS and JavaScript independently. You can also manually set the version number for CSS and JavaScript there.

If you select the automatic versioning option, you will need to click the 'Flush JavaScript/CSS cache' button from the System / Cache Management admin page to update the files version. Essentially it will automatically increment file version for you every time you clear the CSS/JS cache. If you make changes to the css files, you will have to do that anyway.

Do not forget to enable merging of the CSS and JavaScript files. Just go to the System -> Configuration -> Advanced -> Developer option, than go to JavaScript Settings and/or CSS Settings and select Yes for Merge JavaScript Files and/or Merge CSS Files options respectively.

Please note that this extension does NOT add the version number to the actual .css or .js files, rather it would add the file version information to the hash generation algorithm causing it generate a different MD5 hash.

So, the file names will be changing like this:

edc0c39afda243274665fc2db1f00e46.css
d41d8cd98f00b204e9800998ecf8427e.css
745fccbca93e6867d4f506306bc68137.css

and NOT

edc0c39afda243274665fc2db1f00e46.css?version=1
edc0c39afda243274665fc2db1f00e46.css?version=2
edc0c39afda243274665fc2db1f00e46.css?version=3

 

Magento Editions Compatibility

Community Edition: 1.5.0.2 and above (reduced functionality works well with 1.4.x.x)
Now also compatible with Magento CE 1.8.0+ branch
Enterprise Edition: 1.8.0.0 and above

 

License Agreement

This software is subject to terms and conditions of our License Agreement for Professional Extensions. You can find the latest copy of the license agreement here: https://extensions.activo.com/license_professional

In short, you are required to purchase a separate license for each of the domains (stores) you are running this software for (excluding common variations, like adding 'www.' to the domain name). However you can run this software on multiple servers, provided that you have a separate license for each of the domains (for instance in configurations with load balancers).

You can also use a copy of this software for free on one development or one staging server per license purchased in addition to your production servers, provided that this development or staging server is not used for any live sales transactions.

All purchases are subject to the terms and conditions outlined in our Terms of Service document. Please read it carefully.

 

Community Support Forum

Have any questions regarding this extension? Need help with installation and/or configuration? Have some good tips and tricks about using it? Please visit the support forum for the CSS/JavaScript Versioning Magento extension here.

 

Reviews

Great productReview by Jimmy
Quality
Price
Value
I am happy with this extension, I have very little developing skills and I was able to follow the instructions to get this installed. Most importantly I can confirm a 2 point increase on google page speed insights and a noticeable change in speed on the admin and front end. (Posted on 3/16/2015)

Write Your Own Review

You're reviewing: CSS and JavaScript Versioning and Minification

How do you rate this product? *

  1 star 2 stars 3 stars 4 stars 5 stars
Quality
Price
Value

License Agreement

Professional Extensions License Agreement

All Professional Magento Extensions (i.e. paid) from Activo Extensions are subject to the terms and conditions of our License Agreement. You can find the latest copy of our license agreement here: https://extensions.activo.com/license_professional

In short, you are required to purchase a separate license for each of the domains (stores) you are running this software on (excluding common variations, like adding 'www.' to the domain name). However you can run this software on multiple servers, provided that you have a separate license for each of the domains (for instance in configurations with load balancers).

You can also use a copy of this software for free on one development or one staging server per license purchased in addition to your production servers, provided that this development or staging server is not used for any live sales transactions.

Free Extensions License Agreement

All Free Magento Extensions from Activo Extensions are released under the Open Software License v. 3.0 (OSL-3.0). Please read the full license agreement here: http://www.opensource.org/licenses/OSL-3.0.

All purchases are subject to the terms and conditions outlined in our Terms of Service document. Please read it carefully.

You may also be interested in the following product(s)

URL SEO Pro

URL SEO Pro

$79.00
XML Sitemap Pro

XML Sitemap Pro

Regular Price: $99.00

Special Price $49.00