Herramienta de prueba de velocidad de Pingdom: cómo mejorar las puntuaciones de Pingdom

Los sitios web de carga rápida siempre obtienen más tráfico en comparación con los lentos, lo que afecta la clasificación y el rendimiento. En este artículo, hablaré sobre la herramienta Pingdom Speed ​​Test, que puede ayudarlo a comprender cualquier problema de rendimiento dentro de su sitio. El objetivo es llevarlo al punto de qué tan rápido es su sitio y cómo puede hacerlo más rápido.

Con demasiada frecuencia, los usuarios malinterpretan los datos de la herramienta Pingdom Speed ​​Test, hasta el punto de empeorar la velocidad de su sitio web. Recuerde, utilice siempre todas las herramientas como uso guiado porque no son 100% precisas.

¿Qué es la herramienta de prueba de velocidad Pingdom y qué ofrece?

Pingdom es una popular herramienta gratuita de prueba de velocidad web, una solución de monitoreo para sus sitios web, aplicaciones y servidores. No solo monitorea el tiempo de actividad, sino también el rendimiento de la carga para que pueda ver cómo sus visitantes experimentan su sitio. Pingdom ofrece servicios como monitoreo del tiempo de actividad, monitoreo de la velocidad de la página, monitoreo de transacciones, monitoreo del servidor e información de los visitantes (RUM).

¿Por qué es tan popular? Bueno, probablemente sea la herramienta más fácil para monitorear la velocidad del sitio web y el rendimiento de la página. No todos los usuarios pueden ser expertos en rendimiento, por lo que es una buena opción para el usuario medio de WordPress.

Veamos cómo puedes realizar una prueba en Pingdom. El uso de la herramienta de prueba de velocidad de Pingdom no es un gran problema, solo necesita ir al sitio de Pingdom, ingresar su URL y seleccionar la ubicación de acuerdo con la ubicación de sus visitantes. Luego haga clic en el botón 'Iniciar prueba' .

La herramienta de prueba de velocidad de Pingdom le permite probar su sitio web en 7 ubicaciones de prueba diferentes (5 continentes) en todo el mundo:

• Asia - Japón - Tokio
• Europa - Alemania - Frankfurt
• Europa - Reino Unido - Londres
• América del Norte - Estados Unidos - Washington DC
• América del Norte - Estados Unidos - San Francisco
• Pacífico - Australia - Sydney
• América del Sur - Brasil - Sao Paulo

Entonces, ¿qué ubicación de prueba de velocidad del sitio web de Pingdom sería la mejor para probar? Depende de los visitantes de su sitio. Asegúrese de seleccionar la ubicación que esté cerca de sus visitantes. Si el público de su sitio se encuentra en Europa , tiene 2 opciones para elegir: (Europa - Alemania - Frankfurt) o (Europa - Reino Unido - Londres) . Si su sitio tiene visitantes en todo el mundo, pruebe su sitio en diferentes ubicaciones y tome las medidas adecuadas para mejorarlo.

Comprensión del análisis de cascada con la herramienta de prueba de velocidad Pingdom

Una página web es generalmente una combinación de HTML, CSS, JavaScript y archivos multimedia , y cada uno de ellos genera una solicitud para renderizar en el servidor. Más solicitudes podrían ser la razón detrás de la baja velocidad del sitio. Hay varias secciones en la herramienta de prueba de velocidad de Pingdom que indican la puntuación y sugerencias para mejorar. Las secciones de la herramienta Pingdom Speed ​​Test son:

• Resumen de Pingdom
• Mejorar el rendimiento de la página
• Códigos de respuesta
• Tamaño de contenido y solicitudes por tipo de contenido
• Tamaño de contenido y solicitudes por dominio
• Gráfico de cascada

En esta sección, le explicaré cómo puede hacer un análisis de cascada, y desglosaré cada sección de Pingdom y lo explicaré con más detalle.

Resumen de Pingdom

Cuando ejecuta un sitio web de WordPress a través de Pingdom, genera un resultado basado en una calificación de rendimiento, tamaño de página, tiempo de carga y solicitudes.

Cuando pruebe su sitio varias veces, notará que el tiempo de carga de su sitio cambia en cada prueba, mientras que los demás resultados (grado de rendimiento, tamaño de página y solicitudes) siguen siendo los mismos. La razón de esta variación en el tiempo de carga es la caché de DNS, la caché de CDN, la caché de WordPress y las API externas .

Una puntuación mejorada de Pingdom depende de su aplicación web y de la configuración del servidor. Puede que no sea posible obtener puntajes del 100 por ciento todo el tiempo, especialmente cuando está ejecutando un sitio web de comercio electrónico, pero siempre hay margen de mejora.

Mejorar el rendimiento de la página

La sección Mejorar el rendimiento de la página incluye calificaciones de rendimiento agregadas con sugerencias para mejorar el rendimiento de su página. Aunque estas sugerencias pueden no ser aplicables para todos los sitios web, aumentan las posibilidades de mejora.

Echemos un vistazo a estas sugerencias.

1) Utilice una red de distribución de contenido (CDN)

Lo más importante para usar en su sitio web de WordPress es una CDN (Red de entrega de contenido). La CDN se refiere a un grupo de servidores distribuidos geográficamente que proporcionan una entrega rápida de contenido de Internet. Se trata de una red de servidores ubicados en todo el mundo. CDN permite la transferencia rápida de contenido web acercándolo al lugar donde se encuentran los usuarios.

Si es usuario de Cloudways, puede aprovechar CloudwaysCDN. Todos los planes de alojamiento de Cloudways tienen CloudwaysCDN integrado que se puede habilitar con unos pocos clics. Para saber más, consulte el blog de WordPress CDN en Cloudways.

Echemos un vistazo a algunos proveedores de CDN de terceros:

1. KeyCDN
2. CloudFlare CDN
3. Amazon CloudFront
4. CDN77

Aquí puede ver la evaluación comparativa de CDN de WordPress de tres proveedores de CDN populares ampliamente utilizados.

2) Evite el error HTTP 404 (No encontrado)

El error Evitar HTTP (404) aparece en la sugerencia de la herramienta Pingdom Speed ​​Test cuando la solicitud no se pudo completar correctamente. Un enlace roto, como cuando adjunta manualmente un enlace a una imagen eliminada dentro de la página, genera un error 404.

Asegúrese siempre de que no se generen solicitudes para activos que ya no existen.

3) Minimizar los redireccionamientos

La sugerencia más común de la herramienta de prueba de velocidad de Pingdom es "minimizar las redirecciones". Una redirección ocurre cuando una página de su sitio hace que se cargue otra página. Esto puede suceder cuando redirige HTTP a HTTPS , www a non-www y la URL de la publicación actualizada ha cambiado.

Aquí hay algunas cosas que puede hacer para evitar que su sitio tenga demasiados redireccionamientos:

1. Nunca enlace a una página que ya tenga un redireccionamiento, ya que esto puede causar múltiples redireccionamientos.
2. Asegúrese de eliminar los complementos desactivados / no utilizados que pueden resultar en redireccionamientos innecesarios.
3. Al crear enlaces en su sitio, use el prefijo HTTP o HTTPS adecuado y verifique si es www o no www.

Si desea saber más sobre redireccionamientos, consulte el artículo de Cloudways sobre redireccionamientos WP 301.

4) Agregar encabezados de caducidad

Todos los archivos del sitio web de WordPress se cargan uno por uno para un visitante por primera vez. Las solicitudes generadas entre su navegador web y el servidor aumentan el tiempo de carga del sitio web. El caché del navegador guarda los archivos del sitio web en la computadora del visitante, por lo que cuando vuelve a visitar el sitio web, el sitio web se carga desde el caché del navegador en lugar del servidor, lo que acelera el sitio web.

Pero, ¿cómo sabe el navegador qué archivo guardar y qué archivo cargar desde el servidor, y durante cuánto tiempo conservarlos? Ahí es donde entran los encabezados de caducidad. Estas son reglas que indican a los navegadores web si deben cargar los recursos de la página web desde la memoria caché del navegador de un visitante o desde su servidor.

Ahora, entremos en la parte real de cómo hacerlo. Le mostraré cómo agregar Encabezados de vencimiento usando dos métodos diferentes.

Agregar encabezados de caducidad mediante un complemento

Instale un complemento W3 Total Cache. Una vez instalado y activado, vaya a Tablero de WordPress> Rendimiento> Caché del navegador , luego habilite la opción 'Establecer encabezado expira' y guarde los cambios.

Si tiene curiosidad por saber más sobre el complemento W3 Total Cache, consulte el artículo de Cloudways sobre Cómo usar el complemento WordPress W3 Total Cache para sitios web más rápidos.

Agregar encabezados de caducidad mediante un código

También puede agregar Encabezados de caducidad mediante el código. Para ello, averigüe si su sitio web utiliza servidores Apache o Nginx. Para hacer esto, ejecute su sitio web en el navegador, presione Ctrl + Shift + I para ir a la red del sitio (tal vez necesite actualizar el sitio una vez), haga clic en el nombre de dominio en la parte superior y vaya al encabezado sección. Allí, encontrará el nombre de su servidor.

Para agregar Encabezados Expires a un servidor Apache, acceda a su archivo .htaccess usando cualquier servidor FTP (Filezilla) y el código dado en la parte superior de su archivo .htaccess.

 ## EXPIRE HEADER CACHING ##
<IfModule mod_expires.c>
Caduca Activo en
ExpiresByType image / jpg "acceso 1 año"
ExpiresByType image / jpeg "acceso 1 año"
ExpiresByType image / gif "acceso 1 año"
ExpiresByType image / png "acceso 1 año"
ExpiresByType image / svg "acceso 1 año"
ExpiresByType text / css "acceso 1 mes"
Solicitud ExpiresByType / pdf "acceso 1 mes"
ExpiresByType application / javascript "acceso 1 mes"
Aplicación ExpiresByType / x-javascript "acceso 1 mes"
Aplicación ExpiresByType / x-shockwave-flash "acceso 1 mes"
ExpiresByType image / x-icon "acceso 1 año"
Caduca por defecto "acceso 3 días"
</IfModule>
## EXPIRE HEADER CACHING ##

En Cloudways, no puede realizar ningún cambio en el nivel de Nginx, pero puede usar las reglas de Apache y agregar Encabezados de vencimiento en el archivo .htaccess de sus aplicaciones. Para obtener más información, consulte el artículo de Cloudways Aproveche el almacenamiento en caché del navegador en WordPress para optimizar el tiempo de carga de la página.

5) Realice menos solicitudes HTTP

Cada vez que carga el sitio web, un montón de cosas técnicas suceden para entregar el contenido en la pantalla del usuario, incluida una solicitud HTTP. Entonces, ¿qué es una solicitud HTTP? ¿Cómo afecta la experiencia del usuario? ¿Y qué puede hacer para reducir las solicitudes HTTP de su sitio web?

Cuando alguien visita una página de su sitio web, el navegador web de esa persona envía una solicitud a su servidor web. Su servidor aloja la página web que están intentando ver en su sitio. Para cada archivo, un navegador web debe realizar una solicitud HTTP separada , por lo que cuantos más archivos tenga su sitio web, más solicitudes HTTP generará desde su navegador. Más solicitudes HTTP pueden afectar la experiencia del usuario de su sitio web.

A continuación, se muestran algunas estrategias generales para realizar menos solicitudes HTTP :

• Elimine las solicitudes HTTP eliminando los complementos innecesarios que no agregan valor a su sitio, porque los complementos generalmente cargan su propio CSS y JavaScript.
• Combine solicitudes HTTP fusionando varios archivos CSS en un solo archivo CSS. El sitio web se carga más rápido porque el navegador necesita realizar menos solicitudes.
• Una de las mejores estrategias es reemplazar el complemento pesado por otros más livianos.
• Aunque las imágenes hacen que su sitio sea más atractivo y agregan valor a su sitio, elimine las imágenes innecesarias y siempre use las imágenes optimizadas (puede usar ShortPixel y WP Compress para optimizar sus imágenes).
• Utilice la carga diferida para imágenes y videos.

Utilice estos puntos para acelerar su sitio de WordPress para un mejor rendimiento.

6) Comprimir componentes con GZIP

La compresión GZIP es una tecnología que reduce el tiempo de descarga de archivos comprimiendo los archivos de datos. Todos los navegadores modernos descomprimen automáticamente los archivos comprimidos cuando el navegador recibe los datos comprimidos. Todos los navegadores modernos, software de servidor y los mejores alojamientos de WordPress admiten la compresión GZIP. La compresión GZIP puede reducir el tamaño de los archivos hasta en un 70%.

Cloudways viene con un complemento Breeze instalado, por lo que puede lograr la compresión GZIP simplemente instalando y activando el complemento de caché Breeze WordPress.

Estos son los complementos recomendados para la compresión GZIP:

• GZIP con WP Rocket
• GZIP con WP Super Cache
• GZIP con W3 Total Cache

W3 Total Cache es un complemento de almacenamiento en caché con una versión gratuita. Solo necesita instalar y activar el complemento, y la compresión GZIP se habilitará automáticamente en su sitio web. Vaya a Rendimiento> Configuración general y habilite la 'Caché del navegador' . Haga clic en el botón 'Guardar todos los cambios' después de realizar los cambios.

7) Evite Vaciar Src o Href

Los atributos HTML sin conjunto de valores (sin información entre comillas) se denominan atributos "vacíos" . El atributo vacío de la fuente (src) y el enlace (href) enfatizan que el navegador se conecta incluso si no hay un valor de Identificador uniforme de recursos (URI).

A continuación, se muestran algunos ejemplos de etiquetas vacías de Fuente (src) y Enlace (href) en HTML y JavaScript :

HTML:

 <img src = ””>
<a href="”>

JavaScript:

 var img = nueva imagen ();
img.src = "";

Asegúrese de que no haya etiquetas HTML y JavaScript en blanco en su sitio web. Si los hay, elimínelos y mantenga correctamente todos sus enlaces. En segundo lugar, el problema de las etiquetas vacías está relacionado con las imágenes, así que siempre verifique los enlaces de las imágenes mientras las carga y las usa.

8) Pon JavaScript en la parte inferior

Esto significa que carga otro contenido de la página antes de JavaScript, por lo que un usuario con una conexión a Internet lenta no necesita esperar a que se cargue JavaScript. Cuando JavaScript se coloca en la parte superior, comienza a cargarse primero y afecta la experiencia del usuario al ralentizar el resto del contenido de la página.

Guarde su archivo JavaScript con la extensión .js (my-amazing-script.js) y coloque ese archivo JS en su directorio de temas (puede crear un directorio para JavaScripts, es decir, public_html / wp-content / themes / your-theme / assets / js). Después de colocar su archivo JavaScript, edite el archivo functions.php de su tema y agregue este código:

 function wpb_adding_scripts () {
wp_register_script ('mi-asombroso-script', get_template_directory_uri (). '/js/my-amazing-script.js','','1.1', verdadero);
wp_enqueue_script ('mi-asombroso-script');
}
add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');

La función utilizada wp_register_script () e incluye:

 <? php
wp_register_script ($ identificador, $ src, $ deps, $ ver, $ in_footer);
?>

Establezca el parámetro $ in_footer en verdadero para agregar el script en el pie de página o en la parte inferior de una página de WordPress.

Códigos de respuesta

La siguiente sección de la herramienta de prueba de velocidad de Pingdom son los códigos de respuesta, también denominados códigos de estado HTTP. Esta sección le dice lo que está sucediendo con todos los recursos que está cargando en la página. Algunos comunes son:

• 200 - Todo está bien
  301: el recurso solicitado se ha movido de forma permanente
  404: no se encontró el recurso solicitado

El código de respuestas en el rango de 200 a 300 generalmente está bien, pero los que están entre 400 y 500 generalmente se denominan errores que debe corregir.

Tamaño de contenido y solicitudes por tipo de contenido

Esto le ayuda a ver los recursos de su página web. Las tablas son la información sobre la distribución de su contenido y sus solicitudes.

El tamaño del contenido por tipo de contenido proporciona una lista de todos los activos de su sitio web agrupados por tipo de contenido. Esta información puede ayudarlo a eliminar los errores. Siempre que se dé cuenta de que el tamaño del contenido por tipo de contenido es mayor de lo esperado, puede trabajar en esa parte del contenido para mejorar el rendimiento.

Tamaño de contenido y solicitudes por dominio

El tamaño del contenido y la sección de solicitudes por dominio le permiten ver los servicios internos y externos con sus tamaños medios. Esta sección muestra las solicitudes generadas por el dominio. Se recomienda realizar menos solicitudes externas porque cada servicio externo introduce su propia latencia.

En general, es mejor minimizar la cantidad de solicitudes y alojar los activos en un solo lugar, como moverlos a su servidor web o CDN. FontAwesome o BootStrap se pueden considerar como un ejemplo. Si está vinculando el script de FontAwesome o BootStrap externamente, descárguelo y sírvase directamente.

Gráfico de cascada

Finalmente, tenemos la sección de solicitudes de la herramienta de prueba de velocidad Pingdom, que genera un gráfico en cascada. Puede analizar cada solicitud para ver problemas de rendimiento. Esta sección tiene una tabla de cascada detallada codificada por colores.

El análisis en cascada de Pingdom muestra cada una de las solicitudes HTTP en su sitio, y los desarrolladores lo utilizan para comprender visualmente la carga del sitio e identificar los cuellos de botella. Concéntrese en los tamaños de conexión: la conexión larga y las barras largas bloquean la carga rápida del sitio.

Resumen

Cuando se trata de herramientas de prueba de velocidad de sitios web, hay muchas herramientas disponibles en el mercado. Como puede ver, la herramienta Pingdom Speed ​​Test funciona mejor para explorar el rendimiento del sitio web con explicaciones y sugerencias detalladas.

Les he dado información detallada sobre el producto. Ahora es su turno de utilizar esta herramienta para mejorar el rendimiento de su sitio web.