En un desarrollo que estoy haciendo estoy usando TinyMCE un editor web avanzado de texto usado ampliamente en aplicaciones opensource. El tamaño de carga de la página midiendo solo los ficheros JS era de 489KB medida en el firebox mediante el plugin firebug, el cual sea del paso para mi es una herramienta fundamental para cualquier desarrollador de aplicaciones web.
Dado que el tinyMCE ocupaba un tamaño considerable decidi buscar la versión comprimida (aqui). Siguiendo unas sencillas instrucciones incorporé el script comprimido y el tamaño total de carga se redujo a 363KB, una reducción impresionante (un 26% menos). Haciendo un análisis de los ficheros, he encontrado que al cargar tiniMCE sin comprimir este carga los siguientes ficheros:
- TinyMCE.js 147KB
- Theme/es.js 5KB (no coloco todo el path)
- TinyMCE/es.js 3K
- editor_plugin.js 4K
- advimage.js 2K
Al utilizar el compresor, se pone todo en un solo fichero llamado tiny_mce_gzip.js de tan solo 5KB. Se gana en menor tamaño y menos operaciones http.
