Joomla! — Optimización

Con el tiempo, puedes notar que tu sitio Joomla funciona más lento o no funciona tan bien como debería. Este artículo describe algunas de las mejores soluciones potenciales para abordar problemas que comúnmente conducen a sitios web lentos o ineficientes. La optimización de tu sitio ayudará a acelerarlo y, a su vez, atraerá más visitantes.

Mantener tu sitio actualizado

Mantener tu sitio actualizado garantiza que esté ejecutando el código más reciente para proteger y optimizar tu rendimiento. Se recomienda que mantengas tu sitio actualizado a la versión más reciente. Puedes verificar si tu sitio está actualizado en tu panel de control.

1. Inicia sesión en tu panel Joomla.
2. En el panel inferior izquierdo, bajo 'Mantenimiento', revisa si hay una actualización disponible.
3. Si la hay, haz clic en el enlace para comenzar la actualización.
4. Aparece una advertencia sobre las extensiones. Cualquier extensión que uses debe ser compatible con la nueva versión de Joomla. Revisa el Directorio de Extensiones para asegurarte que continuará funcionando luego de la actualización. Si es así, haz clic en Instalar la Actualización.
5. Cuando se completa, se muestra un mensaje exitoso.

Habilitar almacenamiento en caché

El almacenamiento en caché es una herramienta de software que puedes utilizar para almacenar los datos de tu sitio en el navegador de un visitante. Esto ayuda a cargar tu sitio más rápido, ya que los recursos como imágenes y scripts no tienen que volver a descargarse en cada visita a la página. Se descargan en el navegador del visitante una vez y luego se reutilizan cuando se visita una nueva página. Cuando se implementa correctamente, el almacenamiento en caché puede acelerar enormemente tu sitio.

1. Inicia sesión en tu panel de Joomla.
2. En el panel izquierdo, haz clic en Global.
3. Haz clic en la pestaña Sistema en la parte superior.
4. Bajo 'Configuraciones de Caché' haz clic en el menú desplegable llamado Caché del Sistema. Elige 'Encendido - Conservar caché'.
5. Desplázate arriba y haz clic en 'Guardar & Cerrar'.
6. En la barra de menú superior, haz clic en 'Extensiones'. En el menú desplegable, selecciona Plugins.
7. En la barra de búsqueda, ingresa caché y haz clic en el ícono de búsqueda.
8. Haz clic en el icono de círculo rojo.
9. Aparece un mensaje de éxito que te notifica que el complemento ahora está activo.

Instalar extensiones

Joomla ofrece la posibilidad de instalar extensiones. Estas son herramientas que puedes utilizar para agregar funcionalidad adicional a tu sitio. Por ejemplo, puedes agregar extensiones para ayudar con lo siguiente:

• Hacer una copia de seguridad de tu sitio.
• Creando formularios de contacto.
• Calendarios.
• Creando un blog.

Y muchos más. Puedes ver las extensiones de Joomla aquí:

• Directorio de Extensiones Joomla

También hay extensiones dedicadas a optimizar tu sitio. Por ejemplo:

• JCH Optimize

Desde tu página de extensión, haz lo siguiente para ayudar a optimizar tu sitio web:

• Combina archivos JavaScript/CSS en uno.
• Combinar imágenes de fondo en un objeto.
• Minificar (comprimir) y archivos agregados gzip.
• Excluir archivos individuales o archivos de extensiones que no se agregan bien.
• Puedes diferir JavaScript o colocarlo al final de la página para una descarga optimizada.

Consulta el directorio de Extensiones para ver otras opciones para optimizar y almacenar en caché tu sitio web.

Eliminar extensiones sin uso

Si bien las extensiones pueden ayudar a mejorar tu sitio, solo debes habilitar las extensiones que utiliza tu sitio. Si encuentras que tienes extensiones activas que no están en uso, asegúrate de deshabilitarlas.

1. En la barra de herramientas superior, haz clic en Extensiones.
2. En el menú desplegable, elige 'Administrar > Administrar'.
3. Marca la casilla junto a la extensión que deseas eliminar, luego haz clic en el botón Desinstalar.

Optimizar imágenes

Las imágenes de un sitio web suelen ser la causa principal de que el sitio se cargue lentamente. Las imágenes grandes tardan en descargarse cuando se visualiza tu sitio. Si optimiza tus imágenes para que tengan el tamaño correcto, notarás una mejora en el rendimiento de tu sitio. Aquí hay algunas formas de optimizar tus imágenes.

No uses imágenes grandes

Tu imagen original fácilmente podría tener un tamaño de 2MB. Esto es muy grande para una página web y se debe cambiar de tamaño.

Asegúrate de reducir el tamaño de la imagen antes de subirla a tu sitio web. Puedes utilizar un programa como Photoshop para exportar imágenes a un tamaño más pequeño, sin dejar de conservar su calidad. El uso de un programa como este puede reducir drásticamente el tamaño del archivo de imagen.

Imágenes de carga diferida

Tradicionalmente, cuando se carga un sitio web, todas las imágenes se cargan en ese momento. Cuando cargas imágenes de forma diferida, las imágenes no se cargan a menos que se vean en la pantalla, lo que significa que se cargan a medida que te desplazas hacia abajo en la página. Una extensión como LLFJ te permite implementar esto en tu sitio.

• LLFJ - Lazy Load for Joomla!

Usar un CDN como Cloudflare

Una Content Delivery Network (CDN) copia los datos de tu sitio web en servidores de todo el mundo. Esto ayuda a acelerar tu sitio, ya que los visitantes pueden acceder a los servidores más cercanos a ellos, en lugar de establecer una conexión con tu servidor (que puede estar más lejos).

Revisa los siguientes artículos para obtener más información sobre el uso de Cloudflare:

• Artículos de Cloudflare del Centro de Ayuda

Agregar código a tu archivo .htaccess

Un archivo .htaccess es un archivo al que puedes agregar código que cambia la forma en que los visitantes interactúan con el sitio. Por ejemplo, puedes almacenar en caché tipos específicos de páginas en el navegador de los visitantes, redirigir URL, reescribir URL o proteger archivos y directorios. Hay muchas cosas que puedes hacer con un archivo .htaccess que se mencionan en el siguiente artículo:

• ¿Qué puedo hacer con un archivo .htaccess?

Los siguientes ejemplos son algunas formas en que puedes utilizar este archivo para ayudar a optimizar tu sitio web Joomla.

ETag

Esta línea le dice al navegador que primero busque en tu caché local para ver si existe un archivo. Si lo hace, cargará el archivo inmediatamente. De lo contrario, descargará el archivo del servidor.

FileETag MTime Size

Archivos de caché en el navegador del visitante

Puedes agregar código para almacenar en caché tipos de archivos específicos en el navegador del visitante usando 'Expire headers'. Por ejemplo, puedes configurar archivos CSS para almacenar en caché en el navegador del visitante durante un período de tiempo específico. Si ese visitante ve tu sitio dentro de ese período de tiempo, no es necesario volver a descargar los archivos CSS porque todavía están almacenados en el navegador del visitante. Hacer esto para varios tipos de archivos acelerará la experiencia de la persona que visita tu sitio web.

Agrega el código a continuación al final de tu archivo .htaccess para almacenar en caché los tipos de archivos más populares.

# BEGIN Expire headers
ExpiresActive On

# HTML CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType text/javascript "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
ExpiresByType text/html "now plus 1 week"
ExpiresByType application/xhtml+xml "now plus 1 week"

# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
ExpiresByType application/vnd.wap.wbxml "now plus 1 month"
ExpiresByType application/smil "now plus 1 month"

# Audio files expiration: 1 month after request
ExpiresByType audio/basic "now plus 1 month"
ExpiresByType audio/mid "now plus 1 month"
ExpiresByType audio/midi "now plus 1 month"
ExpiresByType audio/mpeg "now plus 1 month"
ExpiresByType audio/x-aiff "now plus 1 month"
ExpiresByType audio/x-mpegurl "now plus 1 month"
ExpiresByType audio/x-pn-realaudio "now plus 1 month"
ExpiresByType audio/x-wav "now plus 1 month"

# Movie files expiration: 1 month after request
ExpiresByType application/x-shockwave-flash "now plus 1 month"
ExpiresByType x-world/x-vrml "now plus 1 month"
ExpiresByType video/x-msvideo "now plus 1 month"
ExpiresByType video/mpeg "now plus 1 month"
ExpiresByType video/mp4 "now plus 1 month"
ExpiresByType video/quicktime "now plus 1 month"
ExpiresByType video/x-la-asf "now plus 1 month"
ExpiresByType video/x-ms-asf "now plus 1 month"

# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
  <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
    Header set Cache-Control "public"
  </filesMatch>
  <filesMatch "\.(css)$">
    Header set Cache-Control "public"
  </filesMatch>
  <filesMatch "\.(js)$">
    Header set Cache-Control "private"
  </filesMatch>
  <filesMatch "\.(x?html?|php)$">
    Header set Cache-Control "private, must-revalidate"
  </filesMatch>
</ifModule>
# END Cache-Control Headers