Evitar el desastre de CMS: cómo mejorar el rendimiento del sitio web

A nadie le gusta... espera... espera ... espera ...

Tener un sitio que funcione como un superhéroe digital es un imperativo comercial, especialmente cuando está causando una primera impresión con un cliente potencial que investiga su organización.

Las siguientes estadísticas de rendimiento del sitio web deberían infundir miedo en el corazón de cada desarrollador e ingeniero de sitios, sin mencionar a su equipo de marketing de marca:

• Uno de cada dos usuarios abandonará un sitio si tarda más de cuatro segundos en cargarse. Fuente: BBC.
• Un retraso de un segundo da como resultado una caída del 16% en la satisfacción del usuario. Fuente: LoadStorm.
• El cincuenta y tres por ciento de las visitas a sitios móviles se abandonan si las páginas tardan más de tres segundos en cargarse. Fuente: Google.

Tal vez haya notado un rendimiento deficiente del sitio cuando verificó las métricas de rendimiento de Core Web Vitals de Google, pero no está seguro de cómo remediarlo.

Cuando su negocio está en juego, no puede permitirse el lujo de enviar nuevos negocios a otra parte y empañar su marca al hacer que su sistema de administración de contenido (CMS) brinde una experiencia digital deficiente.

A continuación, diagnosticamos cinco culpables comunes de la ralentización y cómo mejorar el rendimiento del sitio web utilizando un CMS ágil como WordPress VIP.

Primero, ¿qué sucede realmente cuando carga una aplicación web?

Es un gran pedido para cualquier navegador, que inmediatamente tiene que ponerse en marcha y realizar una gran cantidad de acciones en milisegundos. Aquí está el flaco cortesía de Mozilla:

1. El navegador va al servidor DNS y encuentra la dirección real del servidor en el que se encuentra el sitio web.
2. El navegador envía un mensaje de solicitud HTTP al servidor, pidiéndole que envíe una copia del sitio web al cliente. Este mensaje, y todos los demás datos enviados entre el cliente y el servidor, se envían a través de su conexión a Internet mediante TCP/IP.
3. Si el servidor aprueba la solicitud del cliente, el servidor envía al cliente un mensaje "200 OK", lo que significa: "¡Por supuesto que puede ver ese sitio web! Aquí está." Luego comienza a enviar los archivos del sitio web al navegador como una serie de pequeños fragmentos llamados paquetes de datos.
4. El navegador reúne los pequeños fragmentos en una página web completa y se la muestra.

Nota: Por supuesto, no es tan fácil como todo esto. Hay una multitud de pasos más pequeños entre cada uno de estos. Por ahora, profundicemos en cinco razones clave por las que ocurre la "lentitud" y cómo nuestro WordPress VIP CMS las mitiga.

Entonces, ¿qué causa una experiencia de navegación lenta?

Culpable 1. Falta de PoP y CDN

Lo más probable es que su negocio sea global. Eso aumenta el desafío logístico de garantizar conexiones rápidas, consistentes y estables para los usuarios en una variedad de tipos de conexión en una variedad de dispositivos.

Entonces, ¿qué significa esto para su aplicación?

Cuando se inicia una solicitud de red desde el Paso 2 anterior, la solicitud pasa por múltiples saltos de red. Un salto es un término de redes informáticas que se refiere a la cantidad de enrutadores por los que pasa un paquete, desde su origen hasta su destino.

Como consecuencia de estos saltos desde la ubicación geográfica de un usuario a su servidor, sus usuarios pueden experimentar más tiempo durante la carga. Esto puede mitigarse sirviendo el contenido más cerca de su visitante, a través de una red de entrega de contenido (CDN) y puntos de presencia (PoP).

La respuesta VIP de WordPress :

La CDN de WordPress VIP es una red global de PoP de borde y origen que sirve su sitio a clientes globales, de la manera más rápida, eficiente y confiable posible. Esta disponibilidad localizada ocurre automáticamente tan pronto como se notifica a nuestros servidores perimetrales sobre el nuevo contenido de su aplicación. Esto significa que su equipo no debe manejar ninguna configuración adicional, lo que los libera para concentrarse en otras tareas.

Culpable 2. Medios no optimizados

¡Esas imágenes de alta calidad que todos están tomando hoy con los últimos dispositivos móviles son bastante hermosas! Es decir, hasta que se usen como miniaturas en su página de inicio.

Agregar una imagen 4K y limitarla a un contenedor de 100 × 100 píxeles significa que los usuarios deben cargar la imagen 4K completa. Una sola imagen no es motivo de preocupación, pero para las empresas que publican contenido a gran escala, la carga de la página puede explotar exponencialmente cuantos más artículos se llenen en una página de índice.

La respuesta VIP de WordPress :

Las aplicaciones en WordPress VIP reciben automáticamente todos los beneficios de las imágenes en caché de borde y el cambio automático de tamaño de imagen en las imágenes cargadas. Además, las imágenes se pueden cambiar de tamaño sobre la marcha.

Culpable 3. Javascript y CSS no optimizados

Al cargar archivos grandes, cada bit y cada solicitud cuenta. Si ya optimizó la cantidad de saltos de red necesarios para descargar un archivo, la mayor cantidad de tiempo que tarda un archivo en llegar es para la apertura y cierre de solicitudes.

Para abordar esto, el desarrollo moderno de Javascript y CSS a menudo usa minificación y concatenación.

La minificación se refiere a la eliminación de todos los caracteres innecesarios en un archivo, normalmente todos los espacios en blanco innecesarios. El objetivo aquí es reducir el número total de bits que se transfieren.
La concatenación es el acto de unir varios archivos para producir un archivo más grande. El objetivo aquí es reducir el número de solicitudes de red.

La respuesta VIP de WordPress :

WordPress VIP concatena automáticamente los archivos JavaScript y CSS para reducir la cantidad de solicitudes que ocurren en una sola carga de página. Los archivos CSS se minimizan y se concatenan. El crédito va a nuestro complemento de código abierto de elección.

Los archivos minificados y concatenados se almacenan en caché durante 15 días o hasta que se detecta un cambio.

Culpable 4. Mala utilización de caché

Los cachés son almacenamiento temporal especial para acelerar las cosas. Lo que aceleran depende del tipo de caché.

Si no está utilizando una forma de almacenamiento en caché, podría estar afectando seriamente la velocidad de respuesta de su página cuando su aplicación está bajo carga.

La respuesta VIP de WordPress :

WordPress VIP emplea varios tipos diferentes de almacenamiento en caché:

• Caché de objetos: se utiliza para almacenar datos de nivel de aplicación. Esto ayuda a recuperar los datos de manera rápida y eficiente sin afectar su base de datos. En resumen, la memoria caché de objetos evita que los cálculos y/o consultas extensos ocupen un tiempo de conexión valioso.
• Caché de consultas : almacenamiento en caché de memoria ligera de consultas de bases de datos. En WordPress, cualquier consulta de publicación que utilice la API WP_Query se beneficia enormemente de esta forma de almacenamiento en caché.
• Caché de página: almacenamiento para una página completamente dibujada, almacenada en cada ubicación PoP de borde. Este es el primer nivel de caché que encuentran la mayoría de los usuarios que visitan su aplicación. La memoria caché de la página permite que nuestra CDN sirva contenido localizado sin que su aplicación ejecute una línea de código.

Todos estos funcionan en armonía para disminuir los tiempos de respuesta de las solicitudes.

Problema 5. Saturación de conexión de base de datos

Cuando el contenido de su aplicación y la base de usuarios crecen, aquellas consultas de base de datos más antiguas que originalmente funcionaban bien ahora pueden degradar el rendimiento.

Cuando las consultas tardan en ejecutarse, ocupa un asiento en la base de datos hasta que finaliza la consulta. A veces, estos asientos se llenan muy rápido, lo que impide que se ejecuten más consultas. Esto comúnmente se manifiesta como un rendimiento degradado de la aplicación hasta que la base de datos entrega 500 respuestas.

La saturación de la conexión puede ocurrir rápida y aleatoriamente, lo que dificulta el diagnóstico de la causa raíz.

La respuesta VIP de WordPress :

Como parte del paquete de servicios VIP de WordPress, brindamos acceso a New Relic, que ayuda a diagnosticar y monitorear proactivamente problemas potenciales como los anteriores. Esto le ahorra a su equipo tiempo, costos y la molestia de obtener herramientas y recursos adicionales cuando los segundos cuentan.

En conclusión

Desde los saltos de red y la falta de presencia de puntos hasta la saturación del contenido de la base de datos, abordar las causas fundamentales del rendimiento deficiente del sitio web debe ser una prioridad de P0 para cualquier organización con visión de futuro y su sistema de gestión de contenido. Después de todo, dar esa gran primera impresión con una audiencia lo es todo en la era digital. Porque la velocidad realmente mata.

Obtenga más información sobre WordPress VIP aquí.

Autor

Michael Chan, ingeniero de software sénior, WordPress VIP