Cómo tomar medidas en las puntuaciones GTMetrix

Si no es completamente nuevo en el desarrollo web, probablemente ya conozca los servicios de optimización GTMTRIX para sitios web. Pero si eres nuevo en esta área, GTMTRIX es una herramienta muy poderosa que ayuda a optimizar los sitios web y los hace mejor rendimiento y clasificados anteriormente en páginas de motores de búsqueda. Los sitios web lentos tienden a perder visitantes más rápido y tienen una mayor tasa de rechazo, ya que lleva demasiado tiempo responder a las solicitudes de los usuarios, lo que lleva a la frustración. Si logra optimizar su sitio web y lo hace completamente receptivo, verá una mejora en el tráfico orgánico en el menor tiempo. Tenga en cuenta que Google usa la “velocidad” como uno de los factores para sus algoritmos de clasificación, por lo que cuanto más rápido sea su sitio, mayores son sus posibilidades de clasificación.
Sin embargo, debe tener en cuenta que aunque GTMetrix le brinda muchos comentarios (diferentes puntajes y sugerencias), la mejor apuesta para mejorar la clasificación y el rendimiento es reducir el tiempo promedio de carga del sitio web. Esto hará que su sitio sea más accesible y más fácil de usar de usar . Hay algunas maneras de reducir los tiempos de carga de la página y los cubriremos aquí, así que manténgase en el escenario. En poco tiempo, nos centraremos en los puntajes más importantes en Gtmetrix (PageSpeed, YSlow, Waterfall) y también discutiremos a los demás menos importantes.
Gtmetrix

Simplemente ingrese la URL de su sitio (enlace) y GTMTRIX le brindarán comentarios sobre estadísticas de rendimiento, puntajes, recomendaciones e incluso herramientas de análisis que lo ayudan a optimizar el rendimiento general de su sitio. Eso, debido a que es un servicio web gratuito, reciben mucho de preguntas al mismo tiempo y puede llevar algún tiempo escanear el sitio deseado y mostrar los resultados. Así que manténgase en su lugar y recibirá un análisis completo de su sitio en breve. Puede ver cuánto dura su sitio para cargar y también analizar por qué y cómo puede mejorar el rendimiento de su sitio.
Velocidad de la página de Google
Ylow
Diagramas en cascada
Análisis de tiempo
Hacer registros de video de los tiempos de carga
Registre los resultados de las pruebas anteriores
GTMetrix genera puntuaciones utilizando resultados de análisis de tercera parte y motores de búsqueda como Google y Yahoo. Y aunque sus visitantes no están realmente interesados ​​en su puntaje GTMTRIX, sino en el rendimiento general y la receptividad de su sitio, tener una puntuación alta está bien y muestra que va en la dirección correcta. Sin embargo, los sitios con una puntuación más baja pueden tener un mejor rendimiento si están más optimizados. Por ejemplo, los sitios de rendimiento de fondo optimizados son más rápidos, pero aún pueden tener un rango bajo. Es por eso que necesita optimizar tanto el rendimiento frontal como de fondo de su sitio para clasificar y funcionar bien al mismo tiempo.
Cómo probar su sitio con la velocidad de velocidad GTMTRIX La forma más simple y rápida es acceder a su sitio, ingresar la URL de su sitio (enlace) y hacer clic en “Pruebe el sitio”. Este método no es muy efectivo, porque no le permite Cambiar/elegir métodos/parámetros de prueba. Por lo tanto, mi consejo es crear una cuenta gratuita que le brinde libertad de elección. Funciones de cuenta gratuita
Elija entre seis regiones de prueba diferentes

Seleccione un navegador web (Firefox o Chrome) y una plataforma (Desktop o Android)
Seleccione y simule diferentes tipos de conexión
Registre la carga de la página y vea exactamente cómo cargar
Use AdBlock para deshabilitar los comerciales, lo que le ayuda a evaluar cómo los anuncios afectan el tiempo de carga
Opciones avanzadas Solo Permitir URL, bloqueo de URL, cookies
Después de establecer los parámetros de prueba, ejecute la prueba y espere a la página para mostrarle los resultados.
PageSpeed ​​Analysis Página El análisis de velocidad analiza su sitio y lo evalúa de acuerdo con las reglas de Google PageSpeed. Debido a que todos los sitios tienen temas diferentes, varias imágenes y complementos, los resultados serán diferentes para cada sitio. Sin embargo, evalúe los diferentes elementos de su sitio y le brinde la puntuación de PageSpeed. Cada regla tiene un peso diferente de su puntaje y algunos tienen un mayor efecto en su puntaje general que en otras. Puede hacer clic en la flecha al lado de cada regla para expandirlos. Esto le brinda detalles adicionales sobre los elementos específicos que causan puntajes bajos.
Problemas frecuentes y cómo remediarlos para mejorar su puntaje, hay diferentes formas de mejorar el puntaje y, lo más importante, el rendimiento general del sitio. Y ahora, le mostraré herramientas útiles que lo ayudarán a aumentar el rendimiento y resolver los problemas más comunes. Así que comencemos a optimizar, ¿verdad? 1. Optimice las imágenes en su sitio web. Una buena manera de reducir los tiempos de carga es comprimir sus imágenes, lo que reduce el tamaño de su archivo de tamaño y permite que el sitio se cargue más rápido. Para comprimir y comprimir automáticamente todas las imágenes en su sitio web de WordPress, simplemente use uno de los complementos de WordPress que se enumeran a continuación. Sin embargo, asegúrese de probar diferentes métodos de compresión y no superar las imágenes. Encuentre un buen equilibrio entre calidad y tamaño.ssmush – compresión, optimizador de imágenes, carga perezosa, imágenes webp

Optimizar las imágenes, activar la carga perezosa, cambiar el tamaño, comprimir y aumentar Google PageSpeed. Configure el auto-smush para escalar y comprimir imágenes de manera asincrónica. Optimole – Optimización de imágenes y carga perezosa

La solución número uno para optimizar la imagen con la automatización completa, que le permite limpiar las imágenes pesadas y las páginas completas. Úselo para acelerar su sitio y proporcionar imágenes de alta calidad en todos los dispositivos. Optimizador de imagen EWWW
Mejorar la velocidad con la optimización de imágenes. Las páginas rápidas dan como resultado una mejor posición en los motores de búsqueda y mejoran las conversiones.

2. Active el almacenamiento del navegador en caché en caché puede mejorar en gran medida las puntuaciones de su página y YSLOW. Ayudan a reducir los tiempos de carga de la página y reducen el tamaño de la página almacenando elementos estáticos en el caché del navegador del usuario. Los recursos estáticos, como archivos CSS, archivos JavaScript e imágenes se cargan en la memoria caché del navegador en la primera visita y se pueden cargar más tarde cuando sea necesario, lo que ayuda a reducir el tiempo de respuesta del servidor. Hay muchos complementos memorizantes de WordPress que ofrecen caché en el navegador, como Hummingbird, WP Super Cache y WP más rápido caché.

Entre las muchas mejoras que obtiene con Hummingbird, ¡hay una suite de almacenamiento de caché completa que hará que su sitio se mueva tan rápido como las alas de Colibri! Además de almacenar en caché, este complemento gratuito lo ayudará a optimizar el código HTML, CSS y JavaScript. Posponer el análisis de JavaScript, activará la compresión GZIP y muchos más. WP Super Cache

Genere archivos HTML estáticos en su sitio web de WordPress para que su servidor web los sirva en lugar de procesar scripts PHP más pesados ​​y caros. También puede almacenar archivos en caché para publicaciones, categorías y etiquetas en su sitio, utilizando la función de precarga.
Cache WP más rápido
Cuando más usuarios visitan su sitio, el sistema necesita muchos recursos de CPU y RAM, por lo que su sitio es más lento. Un sistema de caché evita que la página se presente una y otra vez generando un archivo HTML estático.

3. Optimice el código HTML, CSS y JavaScript Optimice su código eliminando caracteres innecesarios, como espacios blancos, interrupciones ordinarias y mantenga la funcionalidad completa. Optimizar los agregados, minimizar y memorizar los scripts y estilos, lesiones CSS en la página de la página de la página. y posponer las Escrituras al sótano y minimizar HTML. Le permite cargar perezosamente y optimizar imágenes, Google Fonts, JavaScript no agregado. 4. Use CSS Sprits para combinar imágenes Puede combinar más imágenes en un archivo con SPRIS CSS. Esto reducirá las solicitudes HTTP, sobrecarga las solicitudes y el tamaño total del archivo para cargar la página. Recomiendo usar Sprites CSS solo para imágenes decorativas. Por ejemplo, logotipos e íconos sociales. Hummingbird puede hacer todo esto por usted o puede hacerlo manualmente, lo que lleva más tiempo. 5. Análisis de JavaScript pospuesto

El código JavaScript ubicado mal puede aumentar significativamente el tiempo requerido para que su sitio cargue completamente su contenido y se vuelva visible para los usuarios. El código JavaScript obliga a los navegadores web a interrumpir la renderización de la página para descargar y ejecutar el script antes de continuar analizando HTML. Para evitar este retraso y restaurar la página lo antes posible, debe eliminar los recursos innecesarios (CSS, JavaScript) de la cabeza. De esta manera, su sitio comenzará a analizar JavaScript solo cuando la sección visible del sitio/página se haya cargado por completo. Al igual que antes, Hummingbird tiene una herramienta construida que se trata fácilmente de esto para usted. 6. Active la compresión GZIP. Ya mencioné la compresión de las imágenes, pero esto conduce a otro nivel. Puede comprimir todos los archivos de su sitio, activando la compresión GZIP. Usando la compresión de GZIP, puede guardar mucho espacio y permitir a los usuarios cargar archivos más rápido. Hay muchos complementos de WordPress para activar la compresión GZIP. Una vez más, Hummingbird es una buena opción. O puede usar el complemento de compresión GZIP enable si no necesita todas las funciones de optimización adicionales. Y Análisis lento El análisis YSLOW es similar a su puntaje de PageSpeed, pero tiene una lista adicional de reglas.
Existen reglas y recomendaciones similares, como la reducción de JavaScript, CSS y comprimir los componentes, que ya hemos cubierto, de modo que tenemos que omitir. Problemas frecuentes y cómo remediarlos para mejorar su puntaje YSLOW 1. Comience a usar una red de entrega de contenido (CDN) A CDN acelera los tiempos de carga de la página mediante la entrega de su sitio en múltiples servidores. En todo el mundo. Proporciona contenido del servidor más cercano al usuario, que acelera todo el proceso. CloudFlare es un servicio CDN muy popular y también está el complemento Optimole gratuito, que ya hemos cubierto. Evite múltiples redireccionamientos de URI similares a “Evite las redirecciones de la página de la página”. Siempre debe iniciar sesión en la URL (enlace) más reciente/actual de una página, en lugar de esperar que las redirecciones envíen la solicitud del usuario al destino de trabajo. Si ya ha redirigido una página varias veces y le da a un usuario el primer enlace (original), entonces se deben procesar más pasos (redirecciones), lo que requiere más tiempo y recursos. En su lugar, simplemente debe usar redireccionamientos Plugin 301: Redirect Manager fácil para crear y administrar redireccionamientos.

3. Reduzca las búsquedas DNS Cuando el navegador de un usuario envía una solicitud para abrir una URL, se requiere una búsqueda DNS para rastrear esa dirección del sitio a su dirección (real). En general, tiene una sola búsqueda de DNS para su sitio, pero este número puede aumentar si desea utilizar servicios externos adicionales, como Google Fonts o Google Analytics Tracking, que conducirá a búsquedas DNS adicionales. Las soluciones también usan y eliminan todos los servicios externos innecesarios.

Comience automáticamente alojando el contenido local (fuentes) en su propio servidor en lugar de confiar en su CDN.

Precarga las fuentes y agrégalas al OMGF, que permite descargas más rápidas.

OMGF | Alojado Google Fonts Local

Use OMGF para minimizar las solicitudes de DNS al alojar sus fuentes locales de Google. Reduzca los tiempos de carga de la página, obtenga puntajes más altos y sirva fuentes de su CDN con este complemento simple. Análisis de cascada Use esta sección para encontrar los bloqueos que ralentizan su sitio y analizan la lista de cada solicitud HTTP en su sitio. Cada objeto en su página es una solicitud HTTP única. Por ejemplo, una imagen es una solicitud HTTP, a menos que use Sprits CSS y lo mismo es cierto para cada archivo CSS o JavaScript. Tenga en cuenta que los servicios externos (Google Fonts, Analytics) se tratan como al menos una solicitud HTTP. Por lo tanto, cuanto menos solicitudes HTTP, más se cargará su sitio más rápido. Todas las solicitudes HTTP son diferentes cuando se trata de los tiempos de carga, por lo que le aconsejo que elimine las solicitudes HTTP que lo ralentizan.

1. Haga menos solicitudes HTTP a veces, los complementos pueden agregar muchas solicitudes HTTP y ralentizar su sitio si un complemento no le brinda muchos beneficios, intente eliminarlo y ver si el rendimiento de su sitio aumentará. Menos solicitudes HTTP son buenas Para el puntaje YSLOW. Análisis de tiempo Descubra cuánto duran los diferentes elementos. Pasando con el mouse sobre los valores del análisis de tiempo, verá más detalles. Por ejemplo, ve las horas de interactividad y carga de análisis de video DOM. Como ya hemos mencionado, puede activar la página de carga de videos y la película en los parámetros de prueba una vez que haya creado una cuenta gratuita. Puede ralentizar el video 4 veces la velocidad inicial y puede comprender mejor el tiempo de carga. Averigüe cuánto tiempo tarda su sitio para cobrar y, lo más importante, cómo cobrar. Hay muchos archivos y elementos de página, por lo que no pueden cargarse en el orden correcto o causar problemas y errores de visibilidad.

Análisis del historial Si realiza varias pruebas, GTMTRIX almacenará sus resultados/puntajes anteriores para que las compare, para que pueda ver cómo ha avanzado su sitio. Los resultados se almacenan durante 30 días, después de lo cual se eliminan de su base de datos. Analice su sitio ahora, luego vaya y tome algunas mejoras y luego pruebe nuevamente para ver qué enfoque funciona mejor para su sitio, por ejemplo, si nota que un complemento ha causado muchos retrasos, simplemente elimine el complemento y tome otra prueba Para ver cuánto afecta el tiempo de carga y si vale la pena eliminar. Conclusión incluso si un puntaje más alto es mejor, no puede traducirse a un sitio más eficiente. Por lo tanto, preste atención a sus recomendaciones e intente remediar los problemas que parecen afectar su puntaje y rendimiento. PageSpeed ​​y Yslow son los elementos más importantes para cuidar primero y son seguidos por la sección de cascadas. La sección Times también puede ser útil, y el resto de las funciones, como el video y el historiador, son buenas para echar un vistazo. Uno por uno, si ha viajado cuidadosamente el artículo, debería poder optimizar su sitio reduciendo los tiempos de carga de la página y obteniendo una puntuación GTMTRIX más alta.