Te ofrecemos esta traducción automática para facilitar la lectura.
In the event of any inconsistency between the English version and the translated version, the English versionwill take priority. Please visit this page for more information.
El mantenimiento de un sitio web combina los esfuerzos de varios equipos. Cuando se producen interrupciones, los equipos de desarrolladores y de ingeniería pueden resolver los problemas directamente, pero es posible que un especialista en marketing digital no tenga el mismo acceso a la administración del sitio. Como especialista en marketing digital, el éxito de su equipo depende igualmente del rendimiento del sitio, pero es posible que no tenga las herramientas para identificar o abordar cualquier problema por sí mismo.
Nuestra herramienta de monitoreo del rendimiento de sitios web (WPM) brinda información valiosa sobre la disponibilidad y el rendimiento de su sitio. Con listo para usar y comprobaciones rutinarias de nuestro monitor, nunca tendrá dudas sobre el rendimiento de su sitio.
Una vez que se hayan recopilado los datos, podrá ver diferentes gráficos que rastrean los detalles del usuario sobre los activos de su página. En conjunto, pueden ayudarle a comprender cómo funciona su experiencia del usuario en su sitio.
Objetivos
Este documento lo ayuda a configurar nuestra herramienta de monitoreo de sitios web sin código y luego lo guía para comprender sus datos. En este tutorial, podrás:
Configurar el monitoreo sin instalación
Conozca sus datos recopilados
Configurar monitoreo del rendimiento de sitios web
Obtener datos sin instalación
El monitoreo del rendimiento de sitios web no requiere instalación ni configuración. Actualmente sólo es compatible con el navegador de escritorio. Para acceder a sus datos, vaya a one.newrelic.com > Website performance monitoring.
Elige tu URL
Una vez que haya elegido las páginas para monitor, New Relic desplegará un conjunto de monitores de diferentes servidores alrededor del mundo que verifican la disponibilidad del sitio web, los enlaces rotos, el rendimiento y la caducidad del certificado SSL en su página. Para comenzar, le recomendamos elegir su página de inicio.
New Relic tardará unos minutos en desplegar el monitor y luego comenzará a recibir datos sobre su sitio web. Tenga en cuenta que su monitor solo verifica el rendimiento de las páginas que ha agregado manualmente.
Agregar clave API de Google PageSpeed
Dibujamos los principales web de Métricas de la API de Google para que las puntuaciones en New Relic coincidan con las que tienes en Google. Para continuar capturando estas puntuaciones después de la configuración inicial, deberá crear una clave API de Google PageSpeed.
Pon tus datos en contexto
Una vez que su monitor informe datos a New Relic, verá métricas que pueden ayudarlo a mejorar la experiencia del usuario y la clasificación SEO. A continuación se muestran ejemplos del tipo de datos que verá en su página de resumen.
La primera sección le muestra datos de ping. Este tipo de datos es una verificación de disponibilidad que confirma las funcionalidades básicas del sitio:
Site availability
. Esto informa si su página se ha cargado. Si no es así, es posible que haya un problema con sus servidores o dominio.
Page load time
. Esto recopila la velocidad media de cuánto tiempo le toma a su página cargar todos sus activos. Estos datos se desglosan aún más por tipo y tamaño de contenido.
SSL Validity
. Esto le indica si su certificado SSL es válido, está vencido o está vencido. También incluirá la fecha en la que necesita renovar su certificado SSL.
Broken links
. Después de probar todos los enlaces de su página, informará qué enlaces están rotos.
Nuestro monitor captura el comportamiento del sitio a través de un monitor que interactúa con su sitio. Esto le permite ver datos actualizados día a día para que nunca tenga que adivinar cuándo los recursos o las páginas no se cargan.
Google PageSpeed informa sus principales Métricas web junto con otras métricas recopiladas por New Relic. Estos datos le brindan información valiosa sobre la experiencia del usuario en su sitio.
First contentful paint
. Esto captura el tiempo que tarda en cargarse el primer recurso en una página. En la captura de pantalla anterior, el sitio tardó 3,22 segundos en cargar algo en la página.
Largest contentful paint
. A diferencia de la primera pintura de contenido, esto captura el tiempo que tarda el contenido más grande de la página en cargarse por completo. Por ejemplo, si la información sobre una campaña importante aparece en el activo más grande de una página, entonces este número nos indica cuánto tiempo espera un usuario antes de verla. En la captura de pantalla anterior, tomó 2,79 segundos.
Interaction to next paint
. Cuando un usuario interactúa con un elemento de su sitio, se necesita tiempo para procesar la interacción del usuario. Este número captura ese tiempo como un retraso entre la solicitud (interacción del usuario) y la respuesta (cómo cambia la página según la solicitud del usuario).
Cumulative layout shift
. Esto mide la estabilidad visual de diferentes activos en su sitio. Por ejemplo, después de que un usuario accede a la página principal de su sitio, las imágenes pueden cambiar mientras se cargan. Este movimiento es inesperado.
Recopilamos datos a lo largo del tiempo para que pueda obtener una imagen más completa del rendimiento de su sitio. Puede acercar y alejar ventanas de tiempo y ver cómo cambian sus datos en torno a un incidente en particular, como en el gif de arriba. Cuando haya terminado, haga clic en el botón de marca de tiempo en la parte superior para volver a ajustarlo a su período de tiempo preferido.
Su página web se compone de diferentes tipos de contenido, como HTML, imágenes, JavaScript y videos. Nuestros gráficos de contenido le muestran el rendimiento de los diferentes tipos de contenido entre sí. Por ejemplo:
Content size
te muestra el tamaño en kilobytes de cada tipo. Con referencia al cuadro anterior, puede ver que su tipo de contenido JavaScript es proporcionalmente más pequeño que sus imágenes en una página determinada. Si el rendimiento de su sitio disminuye, puede solicitar que su equipo de desarrollo optimice su sitio a nivel de código.
Content sources
desglosa dónde se aloja su contenido por tamaño. Por ejemplo, en el cuadro anterior, la mayor parte de su contenido proviene de New Relic, representado por el amarillo. Si su contenido está optimizado pero aún no funciona en su página, entonces cambiar el lugar donde obtiene su contenido podría resolver ese error.
Content load time
muestra cuánto tiempo tarda en cargarse un tipo de contenido determinado en relación con el tiempo de carga de toda la página.
Network
desglosa cómo se entrega el contenido a la página y cuánto tiempo lleva entregar ese contenido.
Si su página se carga lentamente, puede utilizar la sección Content para diagnosticar las posibles fuentes del problema. Por ejemplo, comparar Content size con Content load time puede brindar información valiosa sobre si CSS está consumiendo demasiados recursos y cargándose al final, lo que provocaría un retraso en la pintura de contenido más grande. Si el tamaño del contenido es óptimo pero la carga de la página aún es lenta, tal vez sea un problema de red o de fuente.
Si la participación del usuario disminuye pero su sitio está disponible y el contenido está optimizado, es posible que haya algo más en juego. Un posible recorrido para solucionar el problema podría ser el siguiente:
Consulta la disponibilidad de tu página. Se lee como disponible.
Sus principales web de Métricas se muestran como
Good
en todos los ámbitos.
Observa que los datos de intervalo de tiempo muestran una fuerte caída en el tráfico el día anterior, aproximadamente en el momento en que su equipo realizó actualizaciones en su página de destino.
Observa que se ha informado de un enlace roto. Es un enlace dentro de un banner que se utiliza en todo su sitio.
En este punto, puedes coordinar con los equipos relevantes para arreglar el enlace roto y desplegar una actualización para el resto del sitio.
¿Que sigue?
El monitoreo del rendimiento de sitios web está diseñado para simplificar la obtención de información valiosa y detallada sobre su sitio. Te recomendamos comenzar con estos siguientes pasos:
Agregue más páginas a WPM. Recomendamos agregar páginas críticas para los embudos de sus clientes, como páginas de agradecimiento, páginas de productos o páginas de inicio de sesión.
Si desea obtener más información sobre cómo New Relic puede mejorar su sitio web, tenemos un tutorial sobre cómo mejorar el rendimiento de su sitio web. Si bien está escrito para audiencias de desarrolladores, desglosa las fuentes potenciales de un rendimiento deficiente y cómo mejorarlas.