Todo sitio debería contar con esta optimización, tanto para utilizar los recursos del servidor como para mejorar el tiempo de carga de nuestro sitio web. Vamos a realizar esta optimización usando como base Google Page Insights (herramienta gratuita de Google).

Todo sitio debería contar con esta optimización, tanto para utilizar los recursos del servidor como para mejorar el tiempo de carga de nuestro sitio web. Vamos a realizar esta optimización usando como base Google Page Insights (herramienta gratuita de Google).
Nuestro Joomla es una poderosa herramienta para la construcción de los más diversos sitios web y comercio electrónico. La optimización se enfoca principalmente en los archivos Javascript y CSS ya que esta no viene realizada en forma nativa, pero es absolutamente necesario para que el usuario abandone nuestro sitio web porque éste demora en cargar.
Ésta configuración se realiza mediante algunos plugins y algunas configuraciones de nuestro Joomla, para que nuestro sitio cargue más rápido ahorrando recursos de ancho de banda y procesamiento del servidor.
Algunos desarrolladores de plantillas ya cuentan con algunas configuraciones de optimización directamente dentro del template, en este caso utilizaremos las opciones de configuración descritas más abajo.
Google da un puntaje con el cual se define un ranking de optimización de sitios web llamado Google PageSpeed Insights, el que se encuentra disponible en el siguiente enlace http://developers.google.com/speed/pagespeed/insights/
Con este ranking es posible obtener métricas como almacenamiento en caché, y compresión de html, javascript, css, tiempo de respuesta del servidor, re direccionamientos innecesarios, entre otros.
Es mediante esta herramienta que es posible medir qué tan rápido o tan lento es un sitio web.
Para realizar una prueba, vamos a tomar el sitio VirtueMart PRO (virtuemartpro.com.br), que tiene un puntaje de 46/100 (mobile) y 59/100 (desktop).
Configuración:
#1 - Gzip

La primera configuración que es posible de realizar es la activación de GZIP (nativo de Joomla) en configuración global, pestaña Servidor, compresión de Gzip > Si.

#2 - Cache

Configurar Joomla para activar el uso del cache en configuración global, pestaña Sistema:

** Activado - Conservador

También existe un plugin llamado "cachée"que viene desactivado por defecto. Actívalo solo si no estás utilizando un sitio de comercio electrónico para no interferir en información sensible de la tienda.

#3 - Htaccess

Otra configuración que puedes realizar es modificar el .htaccess de Joomla, agregando algunas líneas para activar el caché del navegador, de las imágenes, css, javascript, xml, texto. Para ello, agrega al final de todo las líneas de código de a continuación ( es importante recordar activar el modo Apache rewrite en la configuración global de Joomla ):

# compress text, html, javascript, css, xml:

AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/x-javascript

Header unset Pragma
FileETag None
Header unset ETag

Header set Cache-Control "max-age=1209600, public, must-revalidate"

ExpiresActive On
ExpiresDefault A300
ExpiresByType image/x-icon A2592000
ExpiresByType image/ico A2592000
ExpiresByType image/icon A2592000
ExpiresByType application/x-javascript A3600
ExpiresByType text/javascript A3600
ExpiresByType text/css A3600
ExpiresByType image/gif A604800
ExpiresByType image/png A604800
ExpiresByType image/jpeg A604800
ExpiresByType image/gif A604800
ExpiresByType application/x-shockwave-flash A604800
ExpiresByType video/x-flv A604800
ExpiresByType application/pdf A604800

#4 - Plugins

Hay una categoría específica en el JED (Joomla Extensiones Directorio) para hacer frente a este problema de optimización, rendimiento de sitios: "Site Performance": http://extensions.joomla.org/extensions/core-enhancements/performance/site-performance

En ella encontrarás plugins muy buenos para la optimización de nuestros sitios web como por ejemplo, ScriptMerge, JCH Optimize, o Jbetolo, todos son código libre y gratuito.

Para propósitos de prueba, usaremos ScriptMerge (http://extensions.joomla.org/extensions/core-enhancements/performance/site-performance/12108).

Después de la descarga e instalación,, ingresa a los parámetros de configuración del plugin y modifica lo siguiente:

** Basic Options

Merge Type: Filelist
Merge Css: Sí
Merge Js: Sí

** Merge Options

Compress CSS: Yes, using simple rules
Compress JS: No (Puede ser activado, pero en los e-comercios no es necesario ni recomendable)
Skip compressed: Si

** Exclude Options

Exclude Menu-items: selecciona los items de menú que no debería comprimirse y deberían ser excluidos del cache.

** Advanced Options

Force G-zip: Si

#5 - Imágenes

Utiliza una herramienta para comprimir las imágenes y reducir su tamaño sin perder calidad como http://compressor.io. El sitio de Google Page Insights muestra cuales son las imágenes que necesitan una reducción de tamaño.

Resultado
Finalmente la puntuación del sitio subió a 84/100.

Artículo Original en Portugués escrito por Luiz Felipe Weber