I have see that many people are complaining to size of javascript ( mootools, and others)
The easiest way to reduce it’s simple compress of this javascript.
I will show two ways of reducing.
First way ( easiest, but less effective)
1. Open this link: http://shrinksafe.dojotoolkit.org/
2. Choose mootools from your computer, and then press button shrink em
(option “strip newline chars” – with that you gain extra kb less, 5-10kb, not neccessary)
Image: 1876
3. After you press button, just wait a couple second to download new (reduced mootools)
Results:
Mootools from Ja Fagus 184kb
After: 68kb with option “strip newline chars”
After: 72kb without option “strip newline chars”
Second way ( a little more steps, but more effective) – version a and b A.version
1.Open this link: http://dean.edwards.name/packer/
2. Open mootools on your computer, with editor ( i use EditPlus).
3. Select all, and copy to this page in first field.
4.Then press button pack
5. After couple second, in second field you will gain reduced mootools
6. Then copy from second field, to your computer ( in old file -remove the old mootols, and save), or create new javascript file.
Results:
Mootools from Ja Fagus 184kb
After: 71kb
B. version : First three step are the same
4. before you press button, you can select this two options
Base62 encode
Shrink variables
and the press button pack.
5,6 step are the same like in A version.
Results
Mootools from Ja Fagus 184kb
After: 40kb
Image:1877
I use combination of Ja Barite and Ja Teline ii template, mootools it’s from ja_teline, and i have use version two for reducing mootools,
And for highslide-with-html.js.
Results:
mootools from 184 to 40 kb
Higslide javascript from 62kb to 25kb.
I hope that i help somewhone with this tread.:cool:
In Teline II V1.4 there is already file : highslide-with-html.packed.js beside highslide-with-html.js
Do we still need to shrink them?
Mind to share of what else that we can shrink more on Teline II V1.4?
more lighter on Teline II V1.4 Script will make this template are beautifully unbeatable
I Just did, so far nothing happend to the whole Teline II, but it faster.
the result: highslide-with-html.js is : 65kb – 26kb
Wished I knew wich one else that allowed to be shrinked of…
In Teline II V1.4 there is already file : highslide-with-html.packed.js beside highslide-with-html.js
Do we still need to shrink them?
Mind to share of what else that we can shrink more on Teline II V1.4?
more lighter on Teline II V1.4 Script will make this template are beautifully unbeatable
hi, you don’t have to shrink then, but you can look it’s template used shrinked javascript or not.
This you can make for all addons – i have this made with jcomments component, and for couple modules
Thing is, one module have css , per example 7kb, this is small, but if you use 10 modules, and some component, that is large all together, so compression for all css, it’s very good for web speed loading.
In addition you can also have less external javascript and css files for better loading speed
you can see on other templates – templateplazza, icetheme, youjoomla,
all compress css an this way, for better loading, and i hope that joomlart will do same thing for templates
The main reason to use the uncompressed edition of javascripts is it will be easier to track down the bug (if exists) and easily editing/modifying the code. You guys can compress whatever you want but remember to save one copy of uncompressed edition for later use.
Thank you for introducing some other compression tools!
I found that Joomlaatwork sells Joomla cache -a component that “has the ability to compress, combine and compact Javascript and CSS files.
On normal “hosting” environment the generation of a Joomla pages can take up to 0,4 – 1,4 seconds depending on the hosting environment and the number of components used. For large volume visitor sites this can result into slow performance of the website. When enabled this component can “generates” pages within 0,02 – 0,001 seconds (depending on your hosting environment)
Since you are an expert, do you think that this would be a better solution for someone like me ( who wont to take the risk of opening and pasting files and then pasting them back again etc )!
Do you have any views on this product ? Will it do exactly or better than what you proposed ?
I’ve been trying out the JRE Cache component today with Teline II and it’s been working really great. It kind of has the best of both worlds too because it allows you to keep your JS and CSS files in their normal formats (meaning you can still edit them later easily), but before displaying them to users they will go through the compression/compacting.
The only problem I noticed in Teline II was that when JS compacting was enabled the All Videos Reloaded module on the right didn’t load up anymore in Internet Explorer (Firefox and Safari were fine though).
For Teline II here’s a breakdown of the improvements (one of the big things about the optimization is that it compresses the multiple files into one file, lowering the amount of requests that the browser has to make, which improves responsiveness a lot):
JS: 9 Files
(9 Files) Total Size w/o Compression: 146KB
(1 File) Total Size w/ Compression: 51KB (this is the setting I’m using at the moment)
(1 File) Total Size w/Compacted: 135KB
(1 File) Total Size w/Compression+Compacted: 47KB
CSS: 12 Files
(12 Files) Total Size w/o Compression: 50KB
(1 File) Total Size w/ Optimization: 56KB
(1 File) Total Size w/ Optimization+Compression: 13KB
HTML:
Total Size w/o Compression: 65KB
Total Size w/ Compression: 16KB
So total I’d be saving 181KB due to the compression, but there would also be less HTTP requests (for CSS+JS there’d be only 2 compared to 21) and the headers sent out for the JS and CSS are cached by the browser so there would be even less overhead with future requests.
Omar Ramos 16 years, 4 months ago.
