Cómo conseguí que mi sitio web Joomla se cargara en 1.29 segundos

Llevamos un tiempo escuchando que SEO y SEO de Joomla puede verse afectado por el tiempo que tarda su página en cargarse, por lo que recientemente hemos comenzado un ejercicio intensivo para que nuestro sitio web se cargue en el menor tiempo posible.

Creemos que la velocidad de carga actual y la clasificación en GTMetrix es relativamente buena 85% para Page Speedy 95% para YSlow Grade y un tiempo de carga de 1.29 segundos, por lo que pensamos en compartir cómo lo hicimos. Algunos de estos son específicos de Joomla, mientras que otros son genéricos, pero los conceptos generales se aplican a CUALQUIER sistema de gestión de contenido y a cualquier sitio web.

cargar el sitio web joomla rápidamente

Antes de comenzar: ejecute su sitio web a través de GTMetrix o Pingdom Tools. Tome nota de su calificación actual y luego observe cómo mejora. Lo bueno es que GTMetrix también rastrea tu historial para que puedas ver un gráfico con tus mejoras.

PASO 0: REALIZAR COPIA DE SEGURIDAD COMPLETA: algunas de las siguientes recomendaciones pueden dañar su sitio. Realice copias de seguridad completas frecuentes antes de realizar cambios.

1. Reducir el tiempo de respuesta del servidor

 

Reducir el tiempo de respuesta del servidorSi después de ejecutar su sitio web a través de GTMetrix o PageInsights encuentra una gran demora en la respuesta inicial, su servidor de alojamiento compartido está sufriendo.

La mayor diferencia que puede hacer para que su sitio web se cargue rápidamente es utilizar un host Joomla recomendado y mejorar el tiempo de respuesta del servidor. Nuestro servicio de hospedaje recomendado es InMotion, que es lo que usamos en este sitio web.

Ejecutamos este sitio en un plan InMotion VPS-3000HA-S que ejecuta un servidor LiteSpeed, un servidor web de nivel empresarial que ha demostrado ser más rápido que Apache o NGINX. Gracias a esta configuración, el tiempo de respuesta de nuestro servidor suele ser less de 0.1 segundos.

Mira la captura de pantalla a continuación, puedes ver el tiempo de respuesta inicial de 100 ms.

collectiveray tiempo de respuesta del servidor

Como puede imaginar, esta es una configuración altamente ajustada, con múltiples niveles de almacenamiento en caché, incluido el almacenamiento en caché de PHP OpCode (que hace que PHP se ejecute más rápido), por lo que esta no es la configuración típica de alojamiento compartido.

Pero si te tomas en serio la velocidad, un VPS es definitivamente tu primer puerto de escala.

Si desea un VPS a buen precio, nos hemos asociado con InMotion hosting para ofrecerle hasta un 70% de DESCUENTO en los precios de VPS, consulte nuestra oferta a continuación.

Haga clic aquí para obtener la mejor oferta en alojamiento VPS en Septiembre 2021 solamente

2. Fíjese un objetivo ambicioso y concéntrese en él hasta que lo consiga

Esta es una necesidad absoluta.

Si no tienes un objetivo, es poco probable que sigas presionando. 

Debe fijarse un objetivo ambicioso y esforzarse por lograrlo ANTES de comenzar a optimizar. Para nosotros, nuestro objetivo era reducir el tiempo de carga de la página principal a less de 1.5 segundos Y obtenga al menos un 85% en ambos Velocidad de publicación y puntuación YSlow en GTMetrix. 

Nuestro resultado final. Tiempo de carga de poco más de 0.5 segundos.

tiempo de carga de las herramientas pingdom

 

No está nada mal :)

puntuaciones de rendimiento gtmetrix

3. Habilite la caché de Joomla predeterminada

Esto es bastante simple sin embargo es MUY efectivo.

Principalmente, esto se debe a que en lugar de ejecutar las mismas consultas una y otra vez en su base de datos, el caché almacena una copia de su página y la sirve desde un archivo temporal que se almacena en el disco.

Esto facilita la carga en su servidor y mejora el tiempo de carga general de su servidor. Las consultas a la base de datos, especialmente en los servicios de alojamiento compartido, pueden tardar bastante en ejecutarse, especialmente a medida que crecen los elementos de su base de datos. Si su tráfico también está creciendo, esto significa que su servidor y base de datos están constantemente bajo una gran carga.

El almacenamiento en caché corrige esto eliminando la mayor parte de la carga. Los datos que requiere su sitio web se crean periódicamente y se almacenan en un caché (es decir, se almacenan en un archivo en el servidor). Recuperar la página / datos del disco, en lugar de ejecutar las consultas desde la base de datos, hace que el tiempo de carga sea MUCHO más rápido.

Para habilitar su caché, haga lo siguiente:

Sistema> Configuración global> Sistema

Active el almacenamiento en caché progresivo y configure la caducidad de la caché en 60 minutos (o más), especialmente si su contenido no cambia con demasiada frecuencia. No necesita almacenamiento en caché específico de la plataforma. Esto crearía diferentes versiones de la caché para usuarios móviles / de escritorio, unless tiene importantes usuarios de dispositivos móviles y de escritorio.

configuración de caché joomla

Puede configurarlo en mucho más tiempo si su contenido cambia con poca frecuencia, podría ver esto en 240 minutos, o incluso más, especialmente si recibe muchos visitantes en las mismas páginas.

4. Habilite la compresión GZIP

Este paso garantiza que el contenido que genera se comprime antes de enviarlo. La lógica es muy simple, se necesita mucho less tiempo para comprimir y descomprimir el contenido en lugar de transferir grandes cantidades de contenido. Esto es algo que también se puede hacer fácilmente en Joomla 3 con lo siguiente:

Sistema> Configuración global> Servidor 

Cambie la compresión GZIP a SÍ.

configuración de compresión de página gzip

(Si está buscando un documento completo sobre cómo habilitar la compresión GZip en WordPress, consulte este artículo en CollectiveRay)

5. Habilite el complemento Sistema - Caché

Este complemento almacena en caché cada página completa de su sitio y (opcionalmente) recomienda a su navegador y esta página debe almacenarse en caché durante algún tiempo (esto se conoce como almacenamiento en caché del navegador).

La primera parte de este paso garantiza que TODAS las páginas se almacenen en caché en el servidor. Esto es muy importante, porque de lo contrario, mientras que las cosas genéricas, como los menús, se servirían desde la caché, cada página aún tendría que servirse de forma dinámica.

Es por eso que activamos este complemento para habilitar el almacenamiento en caché a nivel de página.

La caché del navegador tiene mucho sentido, especialmente porque no necesitará volver a descargar ciertas imágenes y archivos una y otra vez. El navegador utilizará la copia local y, por tanto, less Se requiere transferencia de datos y, por lo tanto, sus páginas se cargan más rápido.

Esto es especialmente efectivo para cosas como CSS e imágenes de su hoja de estilo. Esta también es la funcionalidad estándar de Joomla habilitada a través de lo siguiente:

Extensiones> Administrador de complementos, buscar cache Y habilitar la Sistema: complemento de caché. También puede excluir ciertos elementos del menú que deben quitarse de la memoria caché, o ir a las Opciones avanzadas del complemento y excluir las URL específicas que desea que no se almacenen en la memoria caché.

caché de la página del sistema

 

6. Aproveche el almacenamiento en caché del navegador a nivel de servidor

Esto es muy similar al paso 5 cuando se trata de la parte de almacenamiento en caché del navegador. Este paso específico está estrictamente relacionado con el almacenamiento en caché del navegador.

La diferencia es que este paso ahora se realiza a nivel de servidor. Básicamente, deberá recomendar al navegador que almacene en caché ciertos tipos de archivos durante un período de tiempo específico. Google PageSpeed ​​sugiere al menos UN MES.

Para hacer esto, necesitará editar el archivo .htaccess de la siguiente manera. El valor máximo de edad es 1 mes en segundos.


Conjunto de encabezados Cache-Control "max-age = 2592000, public"

Otros valores que quizás desee considerar:

1 AÑO:

Conjunto de encabezados Cache-Control "max-age = 29030400, public"

1 SEMANA:

Conjunto de encabezados Cache-Control "max-age = 604800, public"

También puede optar por almacenar en caché less o más tipos de archivos, pero los anteriores son los archivos estáticos más comunes que pueden y deben almacenarse en caché.

Para aquellos de ustedes que trabajan con WordPress, hemos creado una guía extensa sobre cómo aprovechar el almacenamiento en caché del navegador con o sin un complemento en esta guía en CollectiveRay.

7. Instalar JCH_Optimizer

Optimizador JCH contiene una GRAN cantidad de cosas recomendadas por PageSpeed ​​y da como resultado un gran impulso en su calificación de PageSpeed.

El problema que puede encontrar es que esto puede romper algunas de las funciones de su sitio web. Pisa con cuidado con las opciones que habilitas.

Para nuestro sitio, logramos habilitar casi todas las optimizaciones con muy pocas exclusiones, pero para su sitio, es posible que tenga que jugar un rato para encontrar la configuración óptima. Describiendo Optimizador JCH está un poco más allá del alcance de este artículo, pero confíe en nuestra palabra, instale y habilite el complemento. No te arrepentirás. 

Lo siguiente es parte de la descripción oficial:

Este complemento combina sus archivos JavaScript y CSS externos en uno para minimizar las costosas solicitudes http. Estos archivos se pueden minificar y comprimir con gzip para reducir el ancho de banda y optimizar aún más el tiempo de descarga.

8. Reduzca el contenido de su sitio.

Esto es muy importante. Haga y mantenga su sitio absolutamente ágil. Este es el que debería dedicar más tiempo. Pasamos semanas solos en este paso.

Para hacer esto, necesita tomar un hacha en tantos componentes, complementos y módulos como pueda. Mátalos. Mátalos con fuego.

Cada pieza de funcionalidad adicional aumenta el tiempo de ejecución del servidor y aumenta el peso total del sitio.

NB: Pisa con cuidado aquí. Realice copias de seguridad completas antes de eliminar el núcleo de Joomla! componentes, módulos y complementos

Haga esto hasta que se agote. Realmente, haz esto. Elimina TODAS las cosas que no estés usando.

Incluso las cosas que vienen por defecto pero que no necesitarás, como

  • la plantilla predeterminada que no volverá a utilizar nunca,
  • los componentes de enlaces web que probablemente no esté utilizando,
  • los componentes del suministro de noticias si no los está utilizando,
  • y TODOS los complementos que nunca usarás.

Desinstálelos, no solo desactívelos.

Concéntrese obsesivamente en cosas que no necesita, elimine todos los componentes adicionales y combine módulos y complementos si es posible. Por ejemplo, para los botones sociales, use 1 complemento para todo. Si tiene HTML personalizado, coloque la mayor cantidad posible en un solo módulo.

  • Elimine categorías adicionales del foro y reduzca al mínimo la cantidad de elementos en sus menús.
  • Elimina usuarios antiguos y contenido antiguo.
  • Combine y combine secciones, categorías, menús y cualquier otra cosa según sea necesario.

Su enfoque debe ser reducir las cosas al mínimo absoluto requerido para que su sitio exista. Haga esto obsesivamente durante varias semanas. Realice una juerga de eliminación, pique y elimine, deshabilite y desinstale.

Concéntrese en hacer que su sitio sea lo más sencillo posible sin romper nada.

Desafortunadamente, no hicimos un seguimiento de las cosas que eliminamos.

9. Reducir el número total de solicitudes

Elimine las imágenes sobrantes que sean superfluas.

Además, descargue y aloje una versión de cualquier imagen que se proporcione desde sitios web externos desde una copia en su sitio (esto reducirá la cantidad de búsquedas de DNS que el navegador de su cliente deberá realizar, ya que tienen un impacto severo en la velocidad de la página de Tú sitio).

Analice en detalle cuáles son las solicitudes con las herramientas de rendimiento GTMetrix o Pingdom. Luego, vea si estas solicitudes son realmente necesarias. Si no es así, elimínelos.

Por ejemplo, ¿ese script de terceros que instaló hace un par de años? ¿Todavía lo necesitas? Y ese script de Google AdSense, ¿es realmente necesario? ¿Sigues usando el píxel de Facebook o puedes eliminarlo?

Tendemos a volvernos locos con los scripts de terceros, obtenemos el síndrome del objeto brillante y lo agregamos a nuestro sitio, sin darnos cuenta de que estamos inflando el tamaño de nuestro sitio.

Entonces haz lo mismo que en el paso anterior. Estudie cada solicitud que envía su sitio, vea si es necesaria y, en caso contrario, elimínela.

GTMetrix también tiene una característica interesante que optimizará el tamaño de todas sus imágenes. Guarde las versiones optimizadas y utilice las versiones optimizadas en su sitio web.

10. Sirva contenido de un CDN

Las redes de entrega de contenido son servidores que almacenan en caché una copia de las partes estáticas de su sitio y pueden servirlo de manera óptima y mucho más rápido que su servidor a sus visitantes. Esto le dará otro ENORME impulso a la velocidad de su página.

Si no puedo pagar un CDN, sitios como StackPath CDN tenga un plan muy económico, que cubrirá las necesidades de la mayoría de los sitios web pequeños. 

StackPath comienza en $ 20 / mes.

stackpath cdn

Si bien eso puede parecer mucho dinero, especialmente en comparación con cosas como el alojamiento de su sitio web, si su sitio es más rápido, la UX es mejor y seguramente obtendrá más tráfico orgánico y aumentará el negocio de su sitio web en general.

11. Siga cada recomendación en PageSpeed, YSlow

Tanto PageSpeed ​​como YSlow tienen una serie de recomendaciones detalladas, como especificar

  • un juego de caracteres predeterminado
  • asegúrese de haber especificado las dimensiones de la imagen (especifique el ancho y el alto de cada imagen en su sitio web).

Para cualquier contenido alojado en su sitio, siga cada uno de estos al pie de la letra.

Si no tiene idea de lo que debe hacer, Google es su amigo, lea sobre ello, entiéndalo y actúe en su sitio web. Evite las solicitudes incorrectas, es decir, asegúrese de que no haya imágenes o archivos que estén vinculados incorrectamente.

Algunos pueden ser bastante difíciles de hacerless realmente sabes lo que estas haciendo. Cargue scripts de terceros como Facebook, Twitter, AdSense y Google Analytics de forma asincrónica. Hay muchas optimizaciones bastante sencillas que puede hacer.

PD. Es posible que haya recomendaciones que no pueda seguir para el contenido alojado fuera de su control. Por ejemplo, AdSense, Facebook y otros scripts tienen algunas optimizaciones que pueden hacer. No tienes mucho control sobre estos. Lo bueno es que su CDN también puede tener optimizaciones para contenido de terceros. Si no es así, no se preocupe demasiado por ellos.

Si sigue iterando con optimizaciones, eventualmente debería llegar a un punto en el que su sitio se vuelva rápido como un rayo.

Te ayudamos a administrar mejor tu Joomla

Joomla

Botón gratuito de libro electrónico de consejos de Joomla

Conclusión: ¿Por qué necesita hacer que su sitio web sea más rápido?

Real y verdaderamente, si está utilizando su sitio web para mejorar su negocio a través de ventas o de otra manera, un sitio lento literalmente está haciendo un agujero en su bolsillo.

Los usuarios están bastante impacientes y abandonarán su sitio si no es lo suficientemente ágil. También, por supuesto, enviará una señal inconsciente muy negativa a sus visitantes. Aquí están todos los efectos negativos.

  • La satisfacción del cliente disminuye en un 16% si hay un retraso de un segundo en la respuesta de la página.
  • El 47% de los usuarios espera que un sitio se cargue en 2 segundos y lo abandonará si tarda más de 3 segundos en cargarse.
  • El 50% de los usuarios no son leales a los sitios que se cargan lentamente.

¿Ha logrado buenos resultados con las recomendaciones anteriores? ¡Comparte tu experiencia con nosotros en los comentarios a continuación!

Cómo hacer que su sitio web sea más rápido: un pensamiento final

Estamos alojados en InMotion porque nos preocupamos de que nuestro sitio web sea realmente muy rápido, y los recomendamos porque realmente creemos que todos también deberían hacerlo; esto le dará a su sitio web un impulso instantáneo.

Además de cargar más rápido, sus servidores son más seguros y su soporte es mejor (tienen métricas para probar estas afirmaciones audaces). ¿Por qué no te gustamos y prueba InMotion

No tendrás que preocuparte por mover tu sitio, ellos lo harán gratis por ti. Le garantizamos que nunca querrá volver con su antiguo anfitrión. Tiene una garantía de devolución de dinero de 90 días, por lo que ni siquiera tiene que pagarles un centavo si no le gusta lo que ve;)

Prueba el alojamiento InMotion (47% de descuento hasta Septiembre 2021)

Sobre el autor
David Attard
Autor: David AttardPagina Web: https://www.linkedin.com/in/dattard/
David ha estado trabajando en o alrededor de la industria digital / en línea durante los últimos 18 años. Tiene una vasta experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Como consultor digital, su enfoque es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y plataformas digitales disponibles en la actualidad.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.
 

 

Complemento de almacenamiento en caché mejor calificado

Haz tu sitio web más rápido 

Paso a paso: curso gratuito por correo electrónico, cómo hacer que su sitio web se cargue less de 1 segundo  

 

¿quienes somos?

CollectiveRay está dirigido por David Attard: trabajando en y alrededor del nicho del diseño web durante más de 12 años, brindamos consejos prácticos para las personas que trabajan con y en sitios web. También ejecutamos DronesBuy.net, un sitio web para aficionados a los drones.

David attard

 

 

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...