Welcome,
Guest
.
Please
login
or
register
.
Did you miss your
activation email
?
News:
IOS Hotels
and
IOS Rentals
online booking systems for Elxis CMS.
Home
Help
Login
Register
Elxis CMS Forum
»
Support
»
Elxis 4.x/5.x DEV
»
CSS/JS minifier in Elxis 4.1
« previous
next »
Print
Pages: [
1
]
Author
Topic: CSS/JS minifier in Elxis 4.1 (Read 3414 times)
datahell
Elxis Team
Hero Member
Posts: 10356
CSS/JS minifier in Elxis 4.1
«
on:
February 17, 2013, 13:00:14 »
In
Elxis 4.1
we implemented a system to unify and
minify local CSS and JS
files.
2 configuration options where added:
-
MINICSS
: 0 (dont minify css), 1 (minify css), 2 (minify css and gzip)
-
MINIJS
: 0 (dont minify javascript), 1 (minify javascript), 2 (minify css and javascript)
Minifier
does the following:
1. Unifies multiple css/js files into 1, removes line breaks and comments and saves the final output into the cache.
2. Serves the minified file instead of the multiple files (optionally gunzip compressed)
By using the minifier you
1. Reduce the number of requests towards the web server
2. Reduce the page size (especially gzip reduces the size of css/js even by 80%)
3. Increase the site's speed.
In the screen-shots I attach you can see the page's head without minifier (19 requests) and with the minifier (3 requests).
The
external css/js
files are excluded. So if you notice the 2nd screenshot you will see that the google maps javascript file was not minified.
Important notice
If you modify a css/js file the minifier won't update the cached file (as it only checks the file path). So you have to empty the minify cache in order for the minifier to re-generate the minified file with your updated file.
«
Last Edit: February 17, 2013, 13:09:14 by datahell
»
Logged
Elxis Team
|
Is Open Source
|
IOS Rentals | IOS AERO
Print
Pages: [
1
]
« previous
next »
Elxis CMS Forum
»
Support
»
Elxis 4.x/5.x DEV
»
CSS/JS minifier in Elxis 4.1