Clicky

10 consejos para hacer más rápido tu sitio web Joomla

mejorar la velocidad de Joomla

La optimización de la velocidad de Joomla es una tarea que debe ser tenida en cuenta

¿Es lento tu sitio web Joomla? Definitivamente deberías trabajar en eso: los usuarios odian los sitios web lentos, y pueden salir de tu sitio antes de lo que lo harían de otro modo, lo que resulta una baja conversión. Cualquier sitio que necesite más de 2 segundos en cargar podría estar en riesgo.

Además, incluso Google dice que la velocidad del sitio se utiliza para determinar el lugar en sus rankings. Lo que es bueno saber: no debería ser tan difícil mejorar la velocidad de su sitio web Joomla. A veces se pueden oír historias de que Joomla es lento, lo cual suele ser debido a una configuración incorrecta o malas compañías de hosting, y se puede trabajar en ambas cosas. Especialmente si sabes dónde buscar, mejorar la velocidad de tu sitio web Joomla puede no ser demasiado difícil, y debería ser posible que cargue en menos de un segundo.

Antes de seguir, asegúrate primero de comprobar lo rápido que es actualmente tu sitio web. Hay una serie de herramientas en línea que pueden ayudarte a determinar esto. Todas las siguientes también te darán información detallada sobre todas las cuestiones posibles:

•  Google Insights PageSpeed "‹"‹(incluyendo el rendimiento móvil)
•  Yslow (extensión del navegador para Firefox y Chrome)
•  Pingdom Tools
•  GT-Metrix (mostrando resultados de ambos PageSpeed "‹"‹y Yslow)
•  Webpagetest.org

Ahora que sabemos nuestro rendimiento actual, vamos a empezar la optimización. Una cosa a tener en cuenta: Copia de seguridad primero! A continuación, realiza las mejoras paso a paso y, después de cada etapa de optimización, comprueba que tu sitio sigue funcionando correctamente (asegúrate también de borrar la memoria caché entre los pasos).

1) Elegir un buen servicio de hosting

Elegir el hosting adecuado para tu sitio web es crucial. Independientemente de lo bien que puedas haber optimizado tu sitio web, una mal alojamiento puede arruinar todos tus esfuerzos y hacer que tu sitio sea lento. Antes de hacer una elección mira en los comentarios y foros. Evita especialmente los servidores gratuitos, tarde o temprano se averigua por qué son gratis... Compara también los paquetes de hosting compartidos, dedicados y VPS. Dedicado por lo general significa más rápido, pero por supuesto va a ser más caro.

2) Joomla caché

La caché es una manera de servir a los usuarios contenido generado previamente. Esto significa que el servidor no tiene que buscar toda la información solicitada en la base de datos cada vez que se solicita una página. En cambio, se ofrece una "vista" guardada para el navegador (si el contenido ha cambiado, esto significa que los usuarios reciben información temporalmente anticuada, a menos que se borre la memoria caché). Joomla es capaz de servir 3 tipos de caché:

•  Vistas de componentes
•  Vistas de módulos
•  Vistas de páginas

Los primeros 2 parámetros se determinan mediante un ajuste en la Configuración global:

caché de Joomla en la Configuración global

Se aconseja ponerlo en Conservacional. Opcionalmente también se puede establecer un tiempo diferente que el predeterminado de 15 minutos. Si la caché está activada a nivel global, puedes desactivarla por módulos específicos en la tabulación avanzada en los módulos seleccionados.

Las páginas vistas sólo se almacenan en caché si se enciende el plugin Sistema - caché en el Administrador de Extensiones --> Plugins:

plugin sistema- caché

Sólo tienes que configurarlo a Activado y dejar los parámetros por defecto. Ten en cuenta que a veces puede haber problemas con el almacenamiento en caché, sobre todo para las páginas dinámicas como formularios de contacto, captchas, comentarios, etc.

Si tienes problemas con la memoria caché, hay extensiones que pueden ayudar con esto:

•  JotCache y Cache Control son dos extensiones que pueden ayudarte a controlar lo que se almacena en caché y lo que debería ser excluido.
•  Nonumber Cache Cleaner es muy bueno para la limpieza de caché de forma automática.

3) G-Zip

En Configuración global, en la pestaña Servidor, encontrarás la opción para activar el G-zip:

activar compresión Gzip

Con G-zip encendido, las páginas son comprimidas en un archivo .zip, se envía desde el navegador a tu PC, y allí se desempaqueta. Excepto para las versiones antiguas de IE, realmente es soportado en todos los navegadores, y debe ser seguro tenerlo encendido (en alguna ocasión puede entrar en conflicto con algún plugin de optimización como JCH).

Después de que haber cambiado esto, puedes utilizar una herramienta para comprobar la velocidad de compresión tal como esta: www.feedthebot.com/tools/gzip . Probablemente encontrarás que tu contenido se ha comprimido más del 50%!

Si encuentras que no funciona, es posible que tu proveedor de alojamiento no tenga instalado en Apache el mod_gzip, o esté desconectado.

4) Quita las extensiones que no sean necesarias

Escoge tus extensiones sabiamente. Algunas extensiones tienen un efecto terrible en la velocidad del sitio. Los principales generadores de problema son:

•  Scripts de medios sociales como contadores de likes (me gusta) y tweets. Por lo general, necesitan javascripts adicionales y se conectan a redes lejanas, lo que puede reducir terriblemente la velocidad.
•  Grandes sliders y visualizadores de imagen. Todas las imágenes en las diapositivas tienen que ser cargadas para que funcione el slider, lo que puede tomar mucho tiempo con imágenes de ancho completo.
•  También scripts como Googla Analytics, Google Webfonts, etc. pueden reducir la velocidad más de lo que se puede esperar...

Incluso si necesitas características como estas, por lo menos piensa en si realmente las necesitas en la página principal. Si por ejemplo se usan únicamente en una página de contacto o una página de portfolio, sólo se verá afectada esa página.

5) Almacenamiento en caché del navegador con el archivo .htaccess

Suponiendo que hayas cambiado el nombre del archivo htaccess.txt a .htaccess, puedes utilizarlo para añadir algo de código que dirá al navegador no solicitar los tipos de imagen específicos del servidor si es que ya están presentes en tu PC. Como a menudo las imágenes ocupan una gran porcentaje en una página web determinada, ahorra una gran cantidad de ancho de banda. Una muestra que podría funcionar sería la siguiente:

<IfModule mod_expires.c>
   ExpiresActive On
   ExpiresDefault "access plus 1 seconds"
   ExpiresByType text/html "access plus 600 seconds"
   ExpiresByType text/css "access plus 604800 seconds"
   ExpiresByType text/javascript "access plus 216000 seconds"
   ExpiresByType application/xhtml+xml "access plus 600 seconds"
   ExpiresByType image/jpeg "access plus 2592000 seconds"
   ExpiresByType image/png "access plus 2592000 seconds"
   ExpiresByType etc, etc.
</IfModule>

Mira este artículo para algunas posibilidades más avanzadas con .htaccess, o las entradas de Seamos apañados para .htaccess

6) Optimizar imágenes

Las imágenes son a menudo responsables de la carga de más KB que el resto de tu página web, por lo que necesitan ser optimizadas. Lo más importante, asegúrate de usar imágenes con su tamaño correctamente definido. En segundo lugar, sin embargo, a menudo se puede reducir aún más dramáticamente el tamaño de las imágenes usando herramientas de compresión que eliminan datos innecesarios que tu ni siquiera sabías que estaban allí. Incluso si se ha utilizado el procedimiento correcto de Photoshop para guardar las imágenes utilizando Guardar para Web y dispositivos, un archivo .png todavía puede perder hasta otro 75% sin ser afectado visualmente! Algunas de las herramientas que pueden ayudarte a hacer esto son:

•  TinyPNG.com Sólo para .png, pero muy bueno en esto.
•  Smush.it
•  Si a menudo tienes que comprimir las imágenes, también puedes utilizar programas off-line como PNGGauntlet (png) y RIOT (jpg).

Los usuarios avanzados también pueden utilizar técnicas como sprites de imágenes y codificación Base64.

7) Usa una CDN

Si utilizas una Content Delivery Network, no se servirán los archivos estáticos desde la ubicación de tu proveedor de alojamiento web, sino a partir de la red mundial de servidores de tu proveedor de CDN. Esto asegura que los usuarios alejados del servidor reciben sus archivos desde la oficina más cercana, excepto el código HTML que lleva el contenido que cambia con frecuencia.

Esto parece complicado, pero en realidad es muy fácil de implementar, y ni siquiera es tan caro. No sólo es bueno para los sitios que operan a nivel global, sino también para sitios en los países grandes.

8) Optimizar CSS + Javascript

Especialmente los sitios modernos suelen tener muchos archivos CSS y Javascript, todos ellos suman en tamaño y número de peticiones HTTP. También suelen dejar más carga a la página mientras que se están ejecutando. Afortunadamente, hay técnicas para superar muchos de estos problemas:

•  Comprimir los archivos. Esto elimina espacios en blanco. Mientras que esto afecta a la legibilidad del código, a menudo ahorra decenas de porcentajes en tamaño.
•  Combina varios archivos en uno solo. En lugar de muchos archivos separados, sólo tendrás un gran archivo CSS y un gran archivo JS.
•  Utiliza un atributo defer (aplazamiento) o async (asíncrono) en las secuencias de comandos para retrasar la ejecución.

Asegúrate de que tu sitio sigue funcionando, ya que a veces necesitan ser excluidos algunos archivos. Todo esto suena muy bien, pero también puede parecer muy complicado de implementar. Parcialmente puedes realizar estas optimizaciones en tu plantilla, pero ¿qué pasa con los archivos que no estén cargados desde tu plantilla sino desde el núcleo de Joomla o extensiones? Por suerte, hay una buena solución: las extensiones! Esto nos lleva al tema 9:

9) Extensiones de optimización de velocidad

Hay una serie de extensiones que pueden ser de gran ayuda en la aceleración de tu sitio. Sobre todo frente a los problemas que se describen en el punto 8, y que a menudo tienen algunas opciones adicionales en la pestaña Avanzado. Realmente deberías probar, pues los resultados pueden ser impresionantes! Las más conocidas son las siguientes:

•  JCH-Optimize: Excelente para combinar y comprimir tus archivos. También ofrece la opción de configurar parámetros defer y async de de Javascript. Incluso es capaz de configurar imágenes para sprites.
•  JBetolo: Similar a JCH-Optimize, mientras que también ofrece soporte CDN, tuning de .htaccess, e incluso apoyo Smush.it .
•  Yireo ScriptMerge: Combina las capacidades habituales de compresión de CSS y JS. Extra son las opciones de codificar imágenes pequeñas base64, además de soportar jsmin-binary y WebP.
•  aeSecure: Una nueva extensión a tener en cuenta. Principalmente una extensión de seguridad, pero que también ofrece mejoras de velocidad.

10) Optimizar para dispositivos móviles

Incluso si tu sitio se carga rápido en un equipo de escritorio, puede no funcionar muy bien en dispositivos móviles. Si utilizas la herramienta de Google PageSpeed "‹"‹para comprobar la velocidad de tu sitio, puedes haber visto una pestaña independiente para un rendimiento móvil. Incluso con la mejora de técnicas como la 4G, hay sitios que todavía no pueden cargar con la suficiente rapidez.

La clave para mejorar esto es cargar sólo lo que realmente se necesita. La ocultación de cosas como las clases de rutina de carga, teléfono oculto y tablet escondida no disminuye el ancho de banda necesario. Una posibilidad es utilizar la detección de agente de usuario para comprobar si se está en un dispositivo móvil, para que la ventana del navegador cambie de tamaño. Habiendo detectado un agente móvil, pueden deshabilitarse selectivamente posiciones de módulos.

El NoNumber Advanced Module Manager es una herramienta que se puede utilizar para aplicar lo anterior.

¿Hecho? Comprueba de nuevo!

Una vez que hayas terminado de optimizar, comprueba de nuevo la velocidad del sitio. Espero que tu sitio sea mucho más rápido ahora!

Para más información acerca de la aceleración de tu sitio, echa un vistazo a los siguientes enlaces:

•  Joomla-SEO.net: Blog dedicado a SEO & Performance
•  Siteground.com Performance tutorial
•  Joomlart.com entrada de blog acerca de Performance
•  Feedthebot.com (no específico de Joomla, pero muy útil)

Jesus_Caceres