Very good post!! We reduced our project 40 MB with this compresion.
You must to active de mod_deflate module in Apache and add .htaccess with this code on the hosting site:
#LoadModule deflate_module modules/mod_deflate.so
<IfModule mod_deflate.c>
# Activamos la compresión
SetOutputFilter DEFLATE
# Indicamos los tipos de contenido a comprimir
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/gml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/json
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE data
# Indicamos las extensiones de los ficheros a comprimir
<files *.html>
SetOutputFilter DEFLATE
</files>
<files *.xml>
SetOutputFilter DEFLATE
</files>
<files *.gml>
SetOutputFilter DEFLATE
</files>
<files *.json>
SetOutputFilter DEFLATE
</files>
<files *.js>
SetOutputFilter DEFLATE
</files>
<files *.css>
SetOutputFilter DEFLATE
</files>
<files *.data>
SetOutputFilter DEFLATE
</files>
</IfModule>
But we need more. Do you know if we can reduce the resolution, qualities or engine escalability settings to package in HTML5?
Do you know how can we compress de .DATA file?
Thanks!!