Prueba de velocidad de GTMetrix: una desglose de prueba de velocidad completa

¿Desea hacer la prueba de velocidad GTMTrix para verificar el rendimiento de su sitio? Hay muchos servicios de prueba de velocidad del sitio web que pueden brindarle mucha información sobre el rendimiento de su sitio. Sin embargo, Gtmetrix y Pingdom son herramientas muy populares. En este artículo, hablaré sobre la prueba GTMTRIX de un sitio de WordPress, para que podamos comprender mejor los datos y la información que proporciona. La mayoría de las herramientas de prueba de velocidad proporcionan notas, evaluaciones y sugerencias para mejorar la velocidad del sitio. La advertencia y las recomendaciones ofrecidas por estas herramientas podrían abrumar a cualquier persona.
Es por eso que es esencial comprenderlos, por lo que puede resolverlos fácilmente y mejorar la velocidad, así como las pruebas del sitio. Pero tenga en cuenta que lo que más importa es el rendimiento del sitio. Estas notas se pueden cambiar con las actualizaciones de software. La velocidad de carga del sitio debe permanecer constante.
¿Cuál es la prueba de velocidad GTMetrix?
Versión de prueba de velocidad pro gtmetrix
Herramienta de prueba de velocidad gtmetrix
Recomendaciones de PageSpeed
Recomendaciones YSLOW
Diagrama de cascada
Historia
¿Cuál es la prueba de velocidad GTMetrix? GTMetrix es un producto Carbon60, que es una empresa gerente administrada. Crearon el instrumento para su cliente en 2009, pero lo lanzaron para el público.
Desde entonces, el instrumento ha pasado por diferentes actualizaciones y actualizaciones, y lo que vemos hoy es una de las mejores herramientas para probar el sitio web en Internet. Muchos clientes usan esta herramienta para verificar la velocidad de su sitio y contactarnos para resolver las sugerencias que llegaron al informe de la prueba GTMTRIX. Esta es una de las razones por las que escribes esta publicación. Sin embargo, GTMetrix es un programa fácil de usar y puede comprender rápidamente cómo ejecutar la prueba en ella. Use una combinación de Google PageSpeed ​​Insights e YSlow para generar puntajes y recomendaciones, que son la base de la nota. Prueba de velocidad Pro Gtmetrix Hay dos versiones de GTMetrix: el elemento básico y el pago es gratuito y es suficiente ejecutar un prueba de velocidad. Ni siquiera tiene que hacer una cuenta para obtener acceso a esta función. Gtmetrix también ofrece un plan premium. Pero solo hablaremos sobre el plan gratuito, porque no todos tienen acceso a Gtmetrix Pro. Pero veamos qué ofrece la versión premium. Acceso prioritario: puede hacer la prueba antes de las cuentas gratuitas. Hay un número finito de pruebas de velocidad GTMetrix que pueden ejecutarse simultáneamente. Entonces, hasta que se ejecute una prueba, otros tienen que esperar.

Pero con la versión Pro puede omitir la cola y obtener la prueba de la prioridad de su sitio. Monitoreo desde ubicaciones distantes Esto es cambiar la ubicación de la prueba. Puede elegir la ubicación donde desea ejecutar la prueba de velocidad en su sitio, su ubicación física es importante, porque la latencia afecta la velocidad del sitio. Si su sitio está alojado en India y realice una prueba de Canadá, la velocidad no sería la misma que la prueba realizada en India. Las ubicaciones disponibles actualmente incluyen: Dallas, EE. UU.
Hong Kong, China
Londres, Reino Unido
Mumbai, India
Sydney, Australia
São Paulo, Brasil
Vancouver, Canada
Puede obtener esta función creando una cuenta.
Elija su navegador Puede seleccionar cualquier navegador que desee usar. Puedes probar con Chrome o Firefox. Para la versión móvil, necesitará un plan premium. También existe la opción de aumentar o reducir la velocidad de la conexión, por lo que puede verificar tanto como sea posible para cargar en baja conexión. Todos estos valores se vuelven útiles al optimizar las páginas para alta velocidad. Gtmetrix Video Captures creará un video con la reproducción de la página. Esto ayudará a resolver problemas porque puede ver cada paso de cargar la página. Puede identificar elementos que requieren tiempo para resolverlos más tarde.
Algunas otras funciones de las funciones AdBlock Plus bloquean los anuncios de terceros en su sitio y luego ejecutan la prueba. Con esta función, sabrá el impacto total de los anuncios en su página web. Luego puede comparar los dos informes: uno con anuncios y sin anuncios. Te dará una imagen clara. La herramienta de prueba de velocidad GTMTrix que mira en la pantalla en este momento no solo está hecha a partir de imágenes y texto. Consiste en muchos activos, como HTML, JavaScript, CSS e imágenes. Cada uno de estos recursos envía solicitudes al servidor para que se haga cargo del contenido para reproducir en la página. Cuantos más activos tenga, más solicitudes. Lo que significa que la página tardará más en cargarse. Ahora diseccionaré cada función de la prueba GTMTRIX. También continuaré explicando todo y cómo afecta el tiempo de carga y lo que puede hacer para reducirlo. Pero no tiene que ser estricto con la obtención de una nota A. Estas notas son temporales. Lo que proponemos aquí es acelerar el sitio y mejorar el rendimiento. Una buena evaluación seguirá a velocidad rápida. Bases GTMTrix Después de ejecutar el sitio mediante la prueba GTMTRIX, la página mostrará un informe de rendimiento.
La información básica sobre su sitio se divide en dos cuadros. La primera caja es “puntajes de rendimiento”. Incluye:
PageSpeed ​​Score
Puntaje YSLOW

El segundo cuadro ofrece los detalles de la página.
A tiempo completo cargado
El tamaño total de la página
aplicaciones
Nos hundiremos en todo esto más adelante en el artículo. Por ahora, hagamos más pruebas.
Como puede ver, los resultados están fluctuando. La razón de los resultados de estos cambios es el almacenamiento en caché que tiene lugar. La memoria en Cache DNS y el servidor de caché mejoran la velocidad de la página por segunda vez. Entonces, por eso dije, no deberías seguir las calificaciones. Si la velocidad de carga del sitio es rápida, obtendrá una buena puntuación para cada prueba. Recomendaciones PageSpeed ​​Gtmetrix sigue a Google Page Speed ​​Insight y le da a su sitio un puntaje según él. La evaluación es de 0 a 100 (F a A). En la sección de velocidad de la página, hay casi 25 recomendaciones.
Explicaré todos los populares que la mayoría de los propietarios del sitio se encuentran. Este es el punto que necesita mejorar para obtener una página de carga más rápida. Servir imágenes en la escala
Una imagen en la escala significa una imagen cuyo tamaño coincide con la dimensión definida en CSS y HTML. Significa que el tamaño de la imagen que carga es igual o mayor que el tamaño permitido por CSS o HTML. Por ejemplo: si un usuario carga una imagen de 500 x 500 píxeles, pero la miniatura solo permite la imagen de 50 x 50 píxeles. Ahora el CSS debe escalar la imagen al tamaño más pequeño antes de mostrarla a los visitantes.

Este proceso consume mucho tiempo y aumenta el tiempo de carga de la página. Por lo tanto, cuando se trata de imágenes, siempre cargue las imágenes en la escala en lugar de dejar que el CSS las escala. O recibirá la recomendación de “imágenes de escala”. Si está en WordPress, su imagen se desinflará de forma predeterminada cuando las cargue en la biblioteca de medios. Sin embargo, debe verificar la configuración que encontrará en “Configuración> Media”. Asegúrese de que el ancho máximo que puede tener la imagen sea más bajo que el ancho de su sitio. También puede usar cualquier complemento de optimización de imágenes para transmitir automáticamente las imágenes escaladas. CSS Small en Linienu es muy recomendable para sitios grandes. Para sitios pequeños, marcarían una mayor diferencia en el rendimiento. CSS Inline reduce los archivos que el navegador tiene que descargar antes de mostrar la página web. Para el archivo CSS externo, el navegador primero cargará el archivo HTML, luego el archivo CSS. Después de introducir el CSS, el navegador solo descargará el archivo HTML. Ahora, descargar un archivo es más rápido que descargar muchos archivos. Sin embargo, si el archivo tiene un tamaño grande, entonces es mejor descargar HTML primero y luego CSS. Como dije, esta es una solución para sitios pequeños, con una pequeña cantidad de solicitudes. Puede integrar fácilmente su CSS con la ayuda de complementos. El complemento de autoadio puede hacer esto. Active la “función de línea” desde la configuración y el complemento se ocupará allí. JavaScript pequeño en línea
A medida que inserta el CSS, inserte el JavaScript.Nuevamente, se recomienda solo para sitios pequeños que no envían muchas solicitudes.La introducción del JS en el HTML guardará algunos viajes desde el navegador web al servidor, ya que ya no solicita un archivo JavaScript separado.Pero agregará JS a ese archivo HTML, por lo tanto, aumentando el tamaño del archivo.Para integrar JavaScript, puede activar “JS en línea” desde la configuración de autoplugin.Use la memoria de su navegador en caché

Esta es la recomendación más común hecha por Gtmetrix, porque muchas personas están luchando con ella. La memoria del navegador en caché significa que el navegador recuerda los recursos que el navegador ha cargado previamente. Entonces, cuando los visitantes se mudan a otra página del sitio web, hay muchos activos que no deben cargarse nuevamente. Hay muchos elementos en la página web que son comunes en el sitio y no deben tomarse desde el servidor web cada vez, porque el navegador puede recordarles. El caché del navegador en caché significa su uso para mejorar la velocidad del sitio. Después de implementar esto, la segunda página de su sitio se cargará mucho más rápido. La forma más común y simple de comenzar a memorizar el navegador en el caché es agregar el código de encabezado vencido al archivo .htics. Código: ## expira el almacenamiento en caché ## ExpiresActive en expiresbype Image/JPG “Access 1 año” ExpiresBype Image/JPEG “Access 1 año” Expiresby Image/GIF “Acceso 1 año” Expiresby Image/PNG “Access 1 Access 1 Año “ExpiresByType Text/CSS” Access 1 mes “ExpiresBype Text/Html” Access 1 mes “ExpiresBype Application/PDF” Acceso 1 mes “ExpiresBype Text/X-JavaScript” Access 1 mes “ExpiresByype Application/X-Shockwave-Flash” Access ” “1 mes” ExpiresBype Image/ X-icon “Access 1 año” ExpiresDefault “Access 1 mes”

## expira el almacenamiento en caché ## Guardar el archivo .htulss y actualizar la página web para activarlo. Pero esto solo funcionará para los recursos de su sitio. No se puede hacer mucho contra los encabezados de terceros. Servir recursos de una URL que sirve recursos de una URL consistente significa que debe tomar los mismos archivos a través de la misma fuente. Debe verificar los archivos idénticos y asegurarse de que vengan de la misma URL. O sacará a la luz el tiempo de carga y los problemas de duplicación. Te afectará SEO de dos partes. Esto sucede cuando hay cadenas de interrogatorio. Debe cargar archivos idénticos de la misma fuente para evitar la duplicación. Para resolver este problema, debe encontrar toda la URL del problema. Luego puede redirigirlos o eliminarlos, como cree que se ajustan. Sin embargo, el CDN puede resolver gran parte del problema. Posponer el análisis de JavaScript
Cuando se carga el sitio, el navegador recibe el contenido del servidor en la respuesta HTTP. Luego ejecute y cargue el código de arriba a abajo. Todo va bien hasta que llegue JavaScript. El proceso de carga no irá más allá hasta que se cargue todo JS. Que aumenta el tiempo de carga. Analizando JS, dale un pasaje al navegador para cargar la página sin esperar la carga de JS. Esta función simple elimina el impacto negativo que JS tiene en el tiempo de carga. JavaScript es una parte vital de la web y no puede dejar de usarla. Puede implementar el análisis de JavaScript con complementos, este es el método más fácil.

Complemento javascript async gratis

Complemento wprocket

Paquete de amplificación de velocidad Puede activar desde la configuración de estos complementos. Reducir CSS y JavaScript
¿Alguna vez ha visto un archivo HTML, CSS o JavaScript? La primera regla de codificación es hacerlo legible. Es por eso que hay tantas líneas de línea y espacios blancos. Todo esto hace que el código sea más fácil de leer y comprender, pero también aumenta el tamaño del archivo. La minimización del código significa eliminar todos los caracteres y un espacio innecesario del código, manteniendo la funcionalidad intacta. Esta pequeña tarea libera los datos y acelera el proceso de carga. Hay muchos complementos que pueden hacer esta tarea.

Minimización rápida de la velocidad

Mejor WordPress minificar
Optimizar automáticamente
Instale cualquier complemento y activelo. Encuentre la opción de activar la optimización de CSS y Java y activarla. Si desea hacerlo sin la ayuda del complemento, necesitará un desarrollador web. Hay muchas herramientas en línea que un desarrollador puede usar para minimizar los scripts. Optimizar la imagen
Si no optimiza las imágenes para la web, lo que sea que haga no hará que la página web se cargue rápidamente. Las imágenes grandes ralentizan la página web porque se necesitan mucho más para asumir las imágenes grandes. La optimización de la imagen significa reducir el tamaño de la imagen, de modo que se cargará rápidamente, sin perder su claridad. La compresión con pérdidas y la compresión sin pérdida son dos formas en que puede comprimir la imagen. Como propietario de un sitio, debe intentar cargar cada imagen después de comprimirla y optimizarla. Sin embargo, esto no es posible cuando hay muchas imágenes en el servidor. Como Pinterest, o Unsplash, o excelente tienda de comercio electrónico. Para tales casos, puede usar complementos de WordPress, que comprimirán automáticamente la imagen cuando los cargue en el sitio. Los complementos como las imágenes de Smush, el optimizador de imágenes, TinyPng son excelentes para realizar esta tarea. Minimizar htmlhtml es el elemento básico de la web. Está en todas partes en la web. La minimización de HTML también reduce el tamaño del archivo y funciona de manera similar al minimización CSS y JS. HTML Reducido no consiste en caracteres innecesarios y espacios blancos. Muchos complementos de caché le permiten minimizar HTML. El complemento de autoadio también tiene esta función. Active la minimización HTML y verá que la velocidad de carga del sitio ha mejorado. Habilitar compresión de GZIP
Esta es la práctica web estándar y, si recibe esta sugerencia de GTMTRIX, debe mantenerla prioridad.El navegador envía solicitudes HTTP al servidor web para los archivos necesarios para cargar la página web.En respuesta, el servidor web devuelve el archivo.Pero el archivo viene en compresión GZIP.La compresión de GZIP es una forma de reducir el tamaño del archivo que cuenta el binar repetitivo como una sola unidad.Puede consultar la publicación para leer en detalle.La compresión GZIP es una configuración en el lado del servidor, que permite el tamaño del HTML, JS y otros activos.Sin embargo, no funciona en imágenes, pero este método puede reducir el tamaño del archivo en un 50-70%.La mayoría de las empresas de alojamiento trabajan en compresión de GZIP predeterminada.Simplemente agregue el siguiente código a su archivo .htaccess para activar la compresión GZIP en Apache:

# Compress html, css, javaScript, text, xml y fuentes addutputFilterByType Deflate Application/JavaScript AddOutputPutPyTyPyType Deflate Application/RSS+XML AddOutputFilterByTyPe Deflate Application/VND.MS-FONTTOCTING ADDOUTFILTTERTYPE APLEIC AddOutputFilterByType Deflate Application/X-Font-OTF AddOutputFilterByType Deflate Application/X-Font-TrueType AddOutputFilterByType Deflate Aplicación/X-Font-Ttf AddOutputFilterByTyPe Deflate Application/X-JavaScript AddOutputFilterByPe Aplicación/XHTML+XHTMLL+XHTMl OpenType AddOutputFilterByType Deflate Font/OTF AddOutputFilterBype Deflate Font/TTF AddOutputPutPyFilterBype Deflate Image/SVG+XML AddoutputFilterBype Deflate Image/X-ICon AddOutFilterByte Deflate Text/CSS addOutpputFilterBype Addout/HTM. Texto tardío/AddoutputPutputFilterByType Deflado TEXT/XML # Error de navegador removedor (solo necesario para navegadores antiguos remotes) Browsermatch ^Mozilla/4 Gzip-Only-TEXT/HTML BROWSERMACH ^MOZILLA/4 \\ \ bmsie! No-gzip! gzip-only-text/html adpend variar variar-agente de usuario Agregue este código al archivo nginx.conf si su sitio se ejecuta en el servidor nginx: gzip on; gzip_disable “Mie [1-6] \\. (?!.*SV1)”; gzip_vary on; Gzip_types text/sencillo/css text/javaScript Image/svg+xml image/x-icon aplicación/javascript aplicación/x-javascript; Asegúrese de leer nuestra publicación en profundidad sobre cómo activar la compresión GZIP. Minimizar la redirección
Cuando la ubicación del archivo ha cambiado en su sitio web, no desea que los visitantes visiten la ubicación anterior. Hay redirecciones útiles. La redirección le permite mover automáticamente el visitante de un archivo a otro. Hay muchos tipos de redirección; Cada uno de ellos afecta la velocidad de la página. Minimizar las redireccionamientos HTTP es la solución ideal. Solo 1 o 2 redirecciones pueden conducir a un alto tiempo de carga. Haga una lista de todas las redireccionamientos en la página y acérquese a cada una de ellas en consecuencia. Si tiene que haber una redirección, hágalo en el lado del servidor para que pueda almacenarse en caché. Especifique que un validador de Cacheun Cacheun es una parte pequeña pero importante de las solicitudes HTTP. Le ayuda a averiguar si se podría usar el recurso de caché del navegador. Estos validadores de caché deciden si la aplicación para archivos debe enviarse al servidor o si los archivos guardados localmente son lo suficientemente buenos como para ser cargados. Enviar la solicitud y obtener una respuesta del servidor web tarda más que la carga de recursos desde el caché del navegador. Sin embargo, si falta, la nueva solicitud se hará al servidor cada vez, aumentando así el tiempo de carga.
Agregar encabezados de caché puede mejorar la velocidad del sitio y ahorrarle mucho ancho de cinta. Generalmente una mejor experiencia de usuario. Solo puede resolver el problema que está en su sitio. Por lo tanto, si el problema se debe a aplicaciones de terceros, no puede hacer nada. Especificar el tamaño de la imagen
Cuando el navegador carga la página, carga muchos activos. Uno de ellos es la imagen. Si el navegador conoce el tamaño de su imagen (HTML), puede envolver rápidamente el texto alrededor de esa dimensión y terminar con él. Cuando no hay un tamaño específico, el navegador carga la página y está esperando que se cargue la imagen. Una vez que se carga la imagen, el navegador sabrá el tamaño y luego envolverá el texto alrededor de la imagen. Sucederá para cada imagen. Con el tamaño de imagen específico en HTML, permite que el navegador deje tanto espacio en la página. Incorrecto <img src = "”> correcto <img src = "” width = “200” Altura = “100”> Agregar la altura y el ancho de la imagen en HTML ayuda a cargar rápidamente la página. Elimine las cadenas de consulta de las cadenas de consulta de recursos estáticos, ¿están las direcciones de URL que terminan con “?” o “&.” CSS y JavaScript tienen la versión del archivo en su URL. Por ejemplo: ejemplo.com/style.css?ver=3.6 Ahora, estas cadenas de consulta dificultan el almacenamiento en las páginas. La mayoría de los archivos de CDN pasan por alto con cadenas de consulta. Lo mismo es cierto con el servidor proxy; Tampoco memoriza las cadenas de consultas en caché. Después de eliminar las cadenas de consulta del sitio, las herramientas de almacenamiento de caché pueden activar el almacenamiento de recursos estáticos. Agregue este código al archivo funct.php de su sitio: //* tn – eliminar la cadena de consulta de la función de recursos estáticos remove_css_ver ($ src) {if (strpos ($ src,? Ver = ‘
)) $ src = remve_query_arg (‘ver’, $ src); devolver $ src; } Add_filter (‘style_loader_src’, ‘remove_css_js_ver’, 10, 2); add_filter (‘script_loader_src’, ‘remove_css_js_ver’, 10, 2); También puede usar complementos para hacer esta tarea. Muchos complementos de caché tienen esta opción debajo del cinturón de herramientas. Además, hay complementos para cumplir esta función exclusivamente. Especifica un variar de: Aceptar en codificación

El navegador envía la aplicación HTTP al servidor web. En respuesta, el servidor web envía los datos solicitados. Sin embargo, el servidor web requiere información sobre el sistema en el que se envió la aplicación. Uno de ellos es si el navegador puede administrar la versión comprimida de los recursos o no. El encabezado de codificación de aceptación es un encabezado HTTP que consiste en esta información. Sin esto, el servidor web podría enviar la versión sin comprimir del archivo. Esto aumentará el tamaño del archivo y el tiempo de carga general de carga. Agregue este código al archivo .htaccess para remediar este problema en Apache: <filesmatch ". (Js | css | xml | gz para nginx, localice el archivo nginx.conf y agregue esta línea Al archivo: GZIP_VARY PERO solo puede activarlo para su sitio. No tiene control sobre terceros. Recomendación Yslow Yslow es otra medición utilizada por GTMTRIX para notar un sitio web. Hay más de 15 recomendaciones que ingresan a la sección YSLOW. Cubriré todos los importantes en este artículo.

Si está trabajando en estas recomendaciones, definitivamente seguirá su página que se cobra más rápido que antes.Realice menos solicitudes httpdaca La página no realiza muchas solicitudes HTTP al servidor web, se cobrará rápidamente.Es por eso que el sitio construido con HTML se carga más rápido que el sitio hecho con JavaScript, PHP y otros idiomas combinados.La página de texto se abrirá más rápido que la imagen con muchas imágenes.Si la página es pesada y tiene muchos elementos que deben cargarse, entonces ciertamente tardará más en cargarse.Para una mayor velocidad, mantenga la página fácil y no use CSS, JS y complementos innecesarios.Mantenga la solicitud HTTP mínima de una carga más rápida.Agregar encabezado expirado

Usar el caché de su navegador significa que el navegador guardará automáticamente los archivos en la memoria del navegador. Si el usuario decide visitar las páginas web en su sitio, no necesitará cargar todo el contenido en el servidor web. Pero, ¿cuánto tiempo debe almacenar los datos el navegador? Para hacer esto, agregamos tiempo para la sede. Porque no queremos que los usuarios devuelvan el mismo archivo incluso después de actualizar el archivo. Para agregar el encabezado expirado a Apache, simplemente agregue el siguiente código a su archivo .htaccess. ## expira el almacenamiento en caché del encabezado ## ExpiresActive en ExpiresBype Image/JPG “Access 1 año” ExpiresBype Image/JPEG “Access 1 año” Expiresby Image/GIF “Access 1 año” ExpiresBype Image/PNG “Access 1 año 1 Año Año de año “ExpiresBype Text/CSS” Access 1 mes “ExpiresBype Application/PDF” Acceso 1 mes “ExpiresBype Application/JavaScript” Access 1 mes “ExpiresBype Application/X-JavaScript” Access 1 mes “ExpiresBype Application/X-ShockWave” Access “Access” Access ” Mes “ExpiresBype Image/ X-Icon” Access 1 año “ExpiresFault” Access 7 Days ” ## expira el almacenamiento en caché del encabezado ## Para agregar la sede de expiras en Nginx, simplemente agregue el siguiente código al archivo de configuración. Ubicación ~* \\. (JS | CSS | PNG | JPG | JPEG | GIF | ICO) $ {expira 7d; } También puede usar complementos de WordPress para agregar la sede de expiras al sitio. Agregar complemento de encabezado Expires permite muchas funciones para esta tarea. Usilite una red de entrega de contenido (CDN)
La vida juega un papel importante en la velocidad de carga de la página. Si sus datos están en el servidor de Asia y alguien abre la página en los Estados Unidos, los datos deben circular por todo el mundo. Un CDN mantiene la copia almacenada en los datos en los POPS ubicados más cerca de los visitantes. Las copias del caché del contenido reducen la latencia y mejoran la velocidad de carga del sitio. Hay muchos CDN gratuitos disponibles en Internet. Cloudflare es la más popular, pero hay muchas alternativas a CloudFlare que puede usar. Use áreas sin cookies-euricokies http son esenciales para la web, ya que mejoran la experiencia completa del usuario. Estas cookies recopilan datos relacionados con las actividades de su sitio, como preferencias de usuario, autenticación del cliente, qué páginas han visitado previamente visitantes, etc. En cierto modo, estas cookies ayudan a personalizar el sitio para el usuario. Sin embargo, no necesita tener cookies HTTP mientras carga la imagen, JavaScript y CSS … pero el servidor establece cookies para todo el campo y las envía en respuesta a todas las solicitudes HTTP. Las cookies para dicho contenido no son necesarias y solo agregue la carga del archivo. Una forma de solucionar esto es usar el CDN y eliminar las cookies para activos estáticos. Otra forma es configurar un subdominio y cargar la cookie allí. Reducir las búsquedas DNS

Las direcciones IP son complicadas de recordar y no se pueden marcar. Por eso usamos los nombres de dominio. El nombre de dominio está conectado a la dirección IP, y cuando el usuario coloca el nombre de dominio en el navegador, encuentra la dirección IP a la que está conectado el dominio. DNS significa sistema de nombre de dominio: realiza un seguimiento del nombre de dominio conectado al que la dirección IP. El navegador realiza la búsqueda DNS para encontrar la dirección IP asociada. Después de que termine, el navegador comienza a descargar el contenido del servidor web. Este proceso requiere tiempo. Si su página tiene muchas aplicaciones de tercera parte, significa que el navegador tiene que realizar búsquedas de DNS para cada una. Aumentará el tiempo de carga de la página. Consejos para reducir la búsqueda del DNS: los recursos de la tercera vía de las casas localmente

Use la memoria de caché DNS para su ventaja

Toma el DNS

Minimizar el número de registros CNAME
Use un proveedor de DNS rápido

Hacer un favicón pequeño y de almacenamiento en caché

Un archivo de icono de imagen Favicon o Favicon.ICO que va en la pestaña de su sitio es útil para la marca y facilita al usuario que sepa qué pestaña está abierta. En general, es un icono de imagen que representa su sitio. Esto no hará una gran diferencia para la velocidad de la página. No importa cuán pequeños sean, también deben ser optimizados. Porque si puede ahorrar incluso un poco, debe intentar guardarlo. El archivo Favicon puede ser PNG, GIF o ICO. Pero el formato ideal es .io, porque le dará el tamaño más pequeño del archivo. Puede usar un generador de favicon en línea para crear un favicon o puede contratar a un profesional para hacerlo. Configurar etiquetas de entidad (Etags)

El encabezado ETAGS es parte del validador de caché.Etags es un identificador único dado al archivo de recursos por el servidor web.Cuando el navegador intenta cargar un archivo, el servidor lee los archivos del archivo para comparar la versión que el servidor y la versión guardada localmente.Si las etiquetas de la entidad son idénticas, entonces el servidor responde con 304 (sin cambios), y el navegador toma el archivo de caché.Los ETAG se activan por defecto para Apache 2.4 o una versión posterior.Desde 2016, NGINX también ha activado el encabezado ETAG por defecto.Hay una rara oportunidad de ver esta advertencia.Si el texto GTMetrix aparece en él, comuníquese con el alojamiento para actualizar la pila técnica.Asegúrese de leer este elemento detallado sobre las etiquetas de la entidad.El diagrama de cascada GTMTRIX La tercera sección de la relación de rendimiento GTMTRIX es la del diagrama de cascada.Puede seguir todas las solicitudes realizadas por la página web aquí.

En la parte superior, consulte los formatos de archivo que desea analizar. Hay una pestaña para HTML, CSS, JS JS, XHR, fuentes, imágenes y otras solicitudes diversas hechas por la página. La primera pestaña es de todos aquellos que tienen todas las solicitudes en un solo lugar. Nombre del archivo Esto muestra el nombre del archivo solicitado por el navegador. El prefijo se elimina y todo lo que queda es el nombre del archivo. No tienes que conocer a cada uno de ellos. Sin embargo, son fáciles de entender. Los que terminan con .png o .jpeg son imágenes, CSS termina con .css y Java termina con .js. Si lee el nombre completo, definitivamente encontrará la palabra clave que indica qué archivo son. Este código de estado es bastante simple. Son el código de estado en la respuesta. Puede obtener más información sobre ellos en nuestra publicación con el código de estado. Puede verificar cualquiera de ellos moviendo el cursor sobre ellos. Dominio Este segmento indica la fuente del archivo. El archivo vendrá de su servidor o servidor de terceros. Una mirada a este segmento revelará el dominio y la IP de la fuente. Tamaño del archivo eliminar del nombre; Esto muestra el tamaño del archivo transferido. Puede hacer clic en el tamaño del archivo para organizarlo en orden aumentado y decreciente. Le mostrará el archivo más grande y más pequeño en la página web. Desglose el tiempo de carga Esta sección es si el diagrama de cascada descompone la duración específica requerida para cargar cada solicitud. Pase el mouse sobre cualquiera de ellos y aparecerá una caja.

Es posible que no comprenda muchos términos, pero no se preocupe.Los explicaré en este artículo.Esta es una de las características más interesantes de la prueba de velocidad GTMetrix.Lock (Brown) Lock es el tiempo que pasó que la solicitud ha estado esperando antes de que pueda enviarse.Podría haber varias razones por las que sucede. Es posible que haya alcanzado la conexión máxima permitida, y la solicitud está esperando que una conexión pueda hacer una conexión

Que el navegador descargue JavaScript y CSS

HTTP tarda más en autorizar la conexión

La mayoría de las veces, JS y CSS son los que retrasan el proceso;

Sin embargo, los navegadores modernos se vuelven más inteligentes en minimizar. Si ve que el bloqueo dura más, debe eliminar la reproducción JS y CSS. DNS Search (Teal) Como ya mencioné en el artículo, DNS Search es un proceso de mapeo del dominio en una dirección IP. La computadora lee la dirección IP, pero el hombre usa el nombre de dominio en aras de la legibilidad y otros factores. Cuando ejecuta su sitio mediante la prueba GTMTRIX por primera vez, llevará tiempo hacer una búsqueda. Sin embargo, si realiza la prueba por segunda vez, notará que la búsqueda de DNS dura menos. Esto se debe al hecho de que, en el momento de la segunda prueba, utiliza caché para conocer la información de IP. Esta vez no realiza la búsqueda DNS. Realizar la prueba de velocidad varias veces le dará una mejor comprensión del tiempo de búsqueda del DNS. Escriba el tiempo de búsqueda de DNS después de las pruebas de velocidad GTMetrix y tome los medios. No tiene que preocuparse por eso, pero si desea mejorar su tiempo, puede obtener un DNS premium. El tiempo de inicio de sesión de Connect (verde) es el tiempo requerido para establecer una conexión entre el cliente y el servidor. Una conexión TCP es una forma en que el servidor y el navegador se comunican y se envían datos entre sí. Se envía (rojo) como su nombre indica, es el tiempo requerido para que el navegador envíe la solicitud al servidor. Si se trata de una solicitud o publicación, esto incluirá el tiempo dedicado a cargar cualquier dato con esa solicitud. Esperando (Violet) Gtmetrix calcula el tiempo de espera con TTFB.
TTFB es una abreviatura de “tiempo hasta el primer byte”. Esta es una medida del tiempo en que un navegador (usuario) debe esperar para recibir los primeros datos de bytes en el lado del servidor. Cuanto más dure el servidor para procesar la demanda y responde en consecuencia, más TTFB será. Debería ser lo menos posible. Sin embargo, cualquier menos de 100 ms es lo suficientemente bueno y aceptable. Si la prueba GTMetrix se ve alta TTFB, significa que los servidores no están configurados correctamente. También es una indicación de que debe actualizar a un mejor alojamiento. Hay muchas maneras de reducirlo, como el uso de CDN y el uso del almacenamiento en caché. Lea esta guía TTFB completa para obtener más información al respecto. Recibir (Gray) Como su nombre indica, el tiempo de recibo es el tiempo requerido para el navegador para descargar los archivos enviados por el servidor. Las cosas que pueden contribuir a una larga hora de recepción incluyen: descargar archivos grandes
Tocar los límites del ancho de banda descargando simultáneamente varios archivos
Problemas de red
El alojamiento rápidamente de WordPress lo manejará. El cronograma del evento de estas líneas indica el tiempo específico requerido para completar un elemento. Cada color representa un hito.
La primera pintura (línea verde): el navegador hace tiempo para jugar el primer elemento de la página. El primer punto toma el tiempo en aparecer en la página. DOM Carged (Línea Azul): es el punto en el que comienza a aparecer algún tipo de contenido: el contenido que se define en el modelo de objeto de documento. Podría ser texto, imagen o video. Onload (línea roja): Onload significa que la página está completa, y todos los recursos en la página (imágenes, CSS, Java, texto, videos, etc.) han terminado de descargar. Completamente cargado (línea púrpura): completamente cargado significa que el evento de encendido ya se disparó, y no se ha producido ninguna actividad de red durante 2 segundos. Headers de respuesta HTTP Si hace clic en cualquier solicitud, abrirá el encabezado de solicitud y respuesta. Como este: el encabezado proporciona mucha información sobre el sitio. Como puedes ver que este encabezado:
Aceptar codificación varía

Expira el encabezado

Cloudflare CDN

GZIP habilitado

El encabezado de cada solicitud podría leerse, y encontrará la valiosa información allí. Historial de pruebas de velocidad de GTMetrix