CFUG March 2014 - Optimization Techniques by Giancarlo Gomez
ColdFusion ApacheConf CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_dev
bin
cacheadmin
includes
org/fusedevelopments
.gitignore
.htaccess
Application.cfc
LICENSE
README.md
app-cache.cfm
favicon.ico
gruntfile.js
index.cfm
package.json
step_1.cfm
step_2.cfm
step_3.cfm
step_4.cfm
web.config

README.md

South Florida ColdFusion User Group Meeting March

How to optimize your websites with the tools we all have readily available.

The Group

Requirements

Setup

Easy .. clone GIT repo to your desired location, preferably in a path accesible by your test webserver :-).

DEMO URL
http://dev.fusedev.com/cfug/2014.03.27/

File Summary

  • step_1.cfm
    This is the file using none of the features discussed, such as cache busting, minification and server caching.
  • step_2.cfm
    This is the file only using the minification feature
  • step_3.cfm
    This is the file using all the features, minification, cache busting, optimized assets (if set to tru in app vars) and server side caching.
  • step_4.cfm
    Same as step 3 except not using server side caching, instead using appcache to store localy and work competely without the need of being online and fetching the data from the server

Included Cache Admin

A simple cache admin is available by navigating to cacheadmin/. The rest of the URL is based on your location of the files in your webroot.

Using Grunt

After installing node.js and Grunt, you should be able to go to the directory in your terminal (or command prompt) and type the following command to install all the dependecies.

npm install --save-dev

Then you can run the default task by typing.

grunt

All are included in the grunt default task except the image optimizing process which you can call by running the following command

grunt imagemin

Additional Resources