La importancia de la velocidad en los dispositivos móviles

Acelerar tu sitio web Joomla debe ser tu prioridad si te preocupas por tus visitantes, los motores de búsqueda y el planeta. En este artículo, te explicaré todo lo que necesitas saber si quieres acelerar Joomla de manera eficiente.

¿Por qué y cómo acelerar un sitio web Joomla?

Acelerar Joomla no era un tema importante hace muchos años, ya que durante años el tiempo de carga de la página era solo un criterio muy incidental al diseñar un sitio web. Pero eso era antes. Hoy en día, acelerar Joomla es una prioridad para todos los propietarios de sitios web y este artículo está dedicado a ayudarlos.

El 17 de enero de 2018 Google anunció que la velocidad de carga del sitio se convertiría en un punto de referencia para la indexación móvil a partir de junio de 2018.

"La "Actualización de velocidad", como la llamamos, solo afectará a las páginas que brindan la experiencia más lenta a los usuarios y solo afectará a un pequeño porcentaje de consultas. Aplica el mismo estándar a todas las páginas, independientemente de la tecnología utilizada para crear la página. La intención de la consulta de búsqueda sigue siendo una señal muy fuerte, por lo que una página lenta aún puede tener una clasificación alta si tiene un contenido excelente y relevante".

Desde los despliegues de las AMP (desde febrero de 2016) y Mobile First (desde noviembre de 2016), vemos muy claro que Google busca priorizar la indexación en el móvil y que su objetivo es agilizar la visualización de páginas web en teléfonos móviles.

Aunque no estemos necesariamente de acuerdo con todo lo que hace y dice Google, tenemos que admitir que es doloroso -por decirlo suavemente- esperar varios segundos frente a una página web que está en proceso de cargarse. Incluso se estima que más allá de los 3 segundos, la gran mayoría de los usuarios de Internet (y usuarios móviles) seguramente ya habrán cerrado la pestaña.

Además, el concepto de eco-diseño web ya no es ciencia ficción. La industria de la Web no está exenta de críticas en términos de impacto de carbono y está comenzando a tomar la medida de su responsabilidad. Hoy en día, es cada vez más urgente e importante integrar un enfoque respetuoso con el medio ambiente desde la fase de diseño de un sitio web, pero también durante toda la fase de producción del mismo.

Es posible que no tengas un problema de recepción porque te encuentras en un área con buena cobertura, pero es posible que otros no tengan tanta suerte. Entonces, para no hacer esperar más a tus visitantes, sugiero que veas cómo medir la velocidad y el tiempo de visualización de tu sitio web y luego ver cuáles son los puntos a verificar para que tu sitio Joomla sea (nuevamente) más rápido.

¿Cómo mido la velocidad de visualización de mi sitio Joomla?

Para ello, existen (muchísimas) herramientas gratuitas que miden esta velocidad y no es posible enumerarlas todas aquí. La ventaja es que estas herramientas también te brindan sugerencias y consejos para corregir cualquier cosa que ralentice tu sitio. Al analizar tu sitio, tendrás una primera idea y podrás ver la evolución positiva de esta velocidad gracias a tu esfuerzo. Sin embargo, y para ser coherente, te aconsejo que utilices la misma herramienta en todas tus pruebas.

Para empezar, debemos realizar una primera medición de la velocidad de visualización de nuestro sitio. No te preocupes si esta primera puntuación no es perfecta (pocos sitios están idealmente optimizados) porque lo único que importa aquí es todo el trabajo que se harás después para mejorar de forma eficaz y sostenible el tiempo de carga. Entre las herramientas más recomendadas en esta área, estas son las que puedes elegir:

herramientas de análisis de velocidad de carga

PageSpeed Insights | LightHouse | Pingdom | GT Metrix | Test My Site

En resumen

Los resultados entregados por estas herramientas son todos confiables y si los resultados pueden diferir algo entre sí, sin duda tendrás las mismas recomendaciones a seguir para mejorar tu puntaje. Ten en cuenta esta puntuación, aplica las correcciones que te indican y vuelve a analizar tu sitio con la misma herramienta. Hazlo una y otra vez.

Recuerda que la velocidad de visualización de un sitio web es solo un criterio entre muchos para que los motores de búsqueda hagan referencia a él. Además, no seas más realista que el rey. De hecho, es posible obtener una puntuación perfecta, pero eso no garantizará que se te muestre en la primera página de Google. Mi consejo es acercarse lo más posible a los 90 y, sobre todo, quedarse allí.

Criterios del motor de búsqueda para obtener un cambio de sitio web, cambios de tecnología, cambios de herramientas y cambios de contenido de su sitio web. Esto significa que todo el trabajo de mejora y optimización que hayas realizado aquí tendrá que ser revisado y probablemente rehecho en unas pocas semanas/meses.

Page Insights apañados

¿Cómo puedo mejorar la velocidad de mi sitio Joomla?

¡Ahora veremos cuáles son las mejores prácticas para implementar para que tu sitio Joomla se ejecute más rápido!

Para que sea eficaz en el tiempo, esta serie de recomendaciones debe convertirse en una especie de estilo de vida. Además, no puedo aconsejarte lo suficiente para que tengas en cuenta estos consejos y si tu memoria se desmorona, agrega este artículo a tus favoritos para que puedas consultarlo tantas veces como sea necesario.

Recuerda siempre que es tu responsabilidad proporcionar la mejor experiencia de usuario a los usuarios de Internet y, si no lo haces, es probable que accedan a otros sitios web.

Acelera Joomla con un proveedor de alojamiento de alta calidad

Es REALMENTE lo primero que se debe buscar cuando se busca optimizar la velocidad y el rendimiento de un sitio web. Una constante que se encuentra a menudo con los sitios Joomla de carga lenta es un host de mala calidad.

• ¿Tu sitio web está alojado en un servidor compartido? En este caso, estás compartiendo el servidor con cientos de otros sitios web.
• ¿Dónde está ubicado el servidor que aloja tu sitio Joomla? ¿Está ubicado en Europa y todos tus visitantes son europeos?
• ¿Uno de los sitios que comparten tu servidor compartido consume todo el ancho de banda?
• ¿Es un proveedor de alojamiento web de bajo costo un ahorro real si tu sitio tarda 10 segundos en aparecer?

Todas estas son preguntas que debes hacerse antes de decidir en qué socio confiar tu sitio web. No esperes hasta tener mucho tráfico para cambiar el servidor y el hosting porque nunca podrás tener una velocidad de visualización satisfactoria con un alojamiento de baja calidad.

Acelera Joomla optimizando tus imágenes

Una de las primeras cosas que debes hacer es asegurarte de que tus imágenes estén correctamente optimizadas para la web. Evita el uso de imágenes que sean demasiado grandes ya que tendrán un lento y prolongado tiempo de carga.

El formato de tus imágenes también es un criterio imprescindible para reducir de forma muy significativa el tiempo de carga de tus páginas. Hoy, deberíamos centrarnos en archivos vectoriales de tipo SVG e imágenes en formato webP utilizando una extensión como DJ-WebP.

Acelera Joomla con compresión Gzip

En la configuración global de Joomla, encontrarás una configuración llamada Compresión Gzip. Si no está activada, hazlo y guarda el cambio. Esto permitirá que todo el código css y html sea comprimido en el servidor y será enviado un paquete de datos mucho más pequeño a cada computadora y luego descomprimido por el navegador. Puede parecer mucho trabajo, pero acelerará la carga de las páginas de manera muy significativa.

Ten en cuenta que algunos hostings activan esta configuración de forma predeterminada en sus servidores. Si la activación de este parámetro en Joomla rompe tu sitio, es muy probable que esta compresión ya esté activada por tu hosting (eh no, no es posible realizar varias compresiones con gzip).

Para comprobar si esta compresión está habilitada en tu servidor y/o por Joomla, puedes probar tu sitio web Joomla en giftofspeed.

Acelera Joomla con la caché

El almacenamiento en caché se puede habilitar desde la configuración global de Joomla. La caché toma el contenido que se ve con frecuencia (artículos, imágenes, módulos, etc.) y lo almacena para que se pueda volver a mostrar más rápidamente. La ventaja es que tus páginas se cargan más rápido. Por el contrario, es posible que tu contenido no siempre esté actualizado. Para la mayoría de los sitios, esto no es un problema, a menos que cambies el contenido de tus artículos cada 30 minutos (si este fuera el caso, probablemente tengas otros problemas fuera de la parte de este artículo).

Habilita esta configuración solo cuando tu sitio esté completo y listo para entrar en producción. Si lo activas durante la fase de construcción de tu sitio, te preguntarás por qué no están teniendo efecto tus cambios en las páginas y ¡te volverás loco!

Acelera Joomla evitando sobrecargar tu sitio

Joomla te permite instalar en segundos una cantidad infinita de extensiones. El problema es que algunas de estas extensiones pueden haber sido desarrolladas por personas que no comparten las mismas prácticas de codificación cualitativa que el equipo de Joomla. Un componente puede usar jQuery 1.0 con un tamaño de 19 kb, una galería puede usar jQuery 1.5, pero sin comprimir, por lo que es de 208 kb, tu foro puede usar la biblioteca MooTools (pero no la de Joomla) y todavía son 180 kb los que se agregan. Antes de que te des cuenta, tienes varios tipos diferentes de frameworks cargados en CADA CARGA DE PÁGINA. Esta es una enorme sobrecarga de recursos que probablemente pondrá de rodillas a tu servidor y aumentará los tiempos de carga de tu página.

La limpieza también es importante cuando se trata de sitios web: ¿Has vaciado todos los contenedores (artículos, menús, categorías, módulos, etc.) en tu sitio Joomla? Si ya no usas ciertas extensiones, ¿Cuál es el punto de mantenerlas en tu sitio web? Lo mismo ocurre con los usuarios registrados. En resumen, debes asegurarte de que tu sitio web Joomla esté siempre limpio con mucha regularidad. Además de los problemas de rendimiento, también podrías evitarte problemas de seguridad.

Instalar un componente muy grande para usar solo una de sus características es una aberración total que sobrecargará innecesariamente tu sitio y penalizará la experiencia de usuario de tus visitantes. En la gran mayoría de los casos, puedes prescindir de los creadores de páginas y herramientas de creación como los CCKs.
De hecho, la mayoría de las veces, puede obtener el mismo resultado gracias a las funciones nativas de Joomla (campos personalizados, anulaciones (overrides), etc.). Además, no tendrás que realizar ningún mantenimiento adicional y probablemente tampoco tendrás que pagar una licencia.

tamaño de archivos de Joomla

Imagen: Los archivos de algunos componentes pueden representar hasta el 30% de un sitio web Joomla en blanco.

Acelera Joomla con el archivo .htaccess

El archivo .htaccess es un archivo que se utiliza en los servidores web Apache para configurar el software del servidor. Esto se hace para que el servidor se comporte de una manera particular para habilitar o deshabilitar ciertas funciones. Hay muchos usos para este archivo, como el reenvío de URL, la reescritura de URL, la protección de partes sensibles de un sitio web o incluso el bloqueo de direcciones IP específicas.

Sugiero que se implementen tres acciones a través de este archivo para mejorar el rendimiento de tu sitio.

Habilitar el almacenamiento en caché del navegador

Cuando un navegador muestra una página, debe cargar varios elementos que cambian muy raramente, como determinadas hojas de estilo o el logo, por ejemplo. Al establecer en tu sitio encabezados de vencimiento para los archivos, le estás diciendo efectivamente al navegador que los guarde localmente en la computadora del usuario. Esto significa que la próxima vez que el usuario visite el sitio, será necesario descargar menos datos.

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Habilitar Keep Alive

Habilitar Keep Alive es esencialmente una forma en que el servidor web le dice al navegador que no necesita realizar una solicitud por separado para cada archivo que recupera de un sitio. Esto reduce la breve latencia que sigue a una solicitud de recursos y su descarga en el navegador. Consulta esto con tu hosting antes de agregar el código a continuación, ya que en muchos casos esto podría haberse agregado de forma predeterminada en el servidor.

<IfModule mod_headers.c>
Header set Connection keep-alive
</IfModule>

Denegar el acceso a Spam Bots

A veces, la velocidad de carga de una página puede verse reducida por el ancho de banda que tienes en tu plan de alojamiento. Esto se puede reducir aún más si tu sitio está alojado en un servidor compartido. Lo último que necesitas es que los spambots ocupen aún más ancho de banda al rastrear tu sitio sin importar la razón por la que fueron creados (generalmente para estropear tus datos analíticos). Hay dos formas de evitar que hagan esto; uno es bloquearlos y el otro es redirigirlos, aunque eso en sí mismo puede ralentizar la carga del sitio.

<IfModule mod_setenvif.c>
# Establecer referencias de spammers como spambot
SetEnvifNoCase Referer spambot1.com spambot=yes
SetEnvifNoCase Referer spambot2.com spambot=yes
SetEnvifNoCase Referer spambot3.com spambot=yes
## Agrega tantas líneas para cada spambot y sustituye arriba el nombre
Order allow,deny
Allow from all
Deny from env=spambot
</IfModule>

Conclusión

Siguiendo estos pocos consejos de sentido común, Google podría mejorar la clasificación de tu sitio, tus visitantes tendrán una experiencia de usuario mucho mejor y tu sitio Joomla tendrá un impacto menor en el medio ambiente. Tres razones más que suficientes para implementarlos ahora.

Comments (0)

There are no comments posted here yet

Leave your comments

  1. Posting comment as a guest.
Attachments (0 / 3)
Share Your Location


Inicia sesión para suscribirte en Youtube

Somos apañados (ñ)
Suscribete