La investigación de Google plus halló que las tasas de choque de los websites están incrementando tanto como 31% tiempos de carga de un segundo a tres segundos.
En mi experiencia, los tiempos de carga de la página pertenecen a los fallos profesionales más habituales que cometen los programadores web y los administradores de páginas web, en especial en gadgets móviles inteligentes.
El paso inicial para arreglar los fallos de agilidad de la página es entender de qué manera se cargan los websites y también detectar las métricas mucho más críticas que conducen a tiempos de carga mucho más veloces.
Entender la agilidad de la página: de qué manera se cargan los websites
Internet es muy difícil.
Entonces, para facilitar esta explicación, tenemos la posibilidad de dividir el desarrollo de carga de la página en 2 elementos fundamentales que establen contacto entre sí.
Clientes del servicio <> Servidores
- clientela– Un dispositivo web que manda una petición por medio de Internet a un servidor para enseñar una página. Los ejemplos de clientes del servicio tienen dentro gadgets informáticos conectados a Wi-Fi, gadgets móviles inteligentes conectados a proyectos de datos y navegadores empleados para efectuar esta función.
- SERVICIO– Una PC que guarda direcciones web y trata de procesar peticiones a fin de que los clientes del servicio logren ver una web. Los servidores asimismo tienen la posibilidad de nombrarse Sistema de nombres de dominio (DNS), que alberga todas y cada una de las direcciones libres en Internet.
Entender la relación entre el cliente y el servidor lo va a ayudar a conocer probables interrupciones o picos de latencia que afectan la agilidad de la página de su ubicación.
Como todos saben, el paso inicial para cargar una página es entrar la dirección de Internet. Esta dirección de Internet manda una petición a un DNS, que recobra la dirección IP única y trata la petición en el servidor de apps web.
Cuando se trata la petición, el navegador del usuario mandará una contestación HTML para comenzar el procesamiento DOM (Document Object Model). El tiempo que transporta recibir esta información se conoce como tiempo hasta el primer byte (TTFB), una métrica clave para la carga de la página.
Cuando el navegador procese la contestación HTML, asignará el modelo de elementos DOM y CSS para realizar el JavaScript.
Antes que una página logre verse adecuadamente, un navegador debe enseñar todos y cada uno de los elementos CSS y JavaScript, lo que quiere decir que si hay scripts de bloqueo externos, ese recurso va a deber descargarse.
Entonces, se tiene que hacer otra petición entre el navegador y el servidor (incrementando los tiempos de carga).
Una vez completado, se activará un acontecimiento de carga de ventana y la página se va a cargar totalmente en la mitad superior de la página.
Asimismo tenga presente que las páginas cargadas de manera asíncrona proseguirán cargando elementos aun una vez que se hayan habilitado los acontecimientos de carga de ventana.
No obstante, los tiempos de carga de la página diferirán entre los gadgets móviles inteligentes y de escritorio según la compatibilidad del cibersitio y la red que utilice su dispositivo para conectarse a Internet.
Por poner un ejemplo, Google plus establece un punto de referencia para la agilidad de carga de páginas móviles inteligentes de por lo menos un segundo para todo el contenido de la parte de arriba de la página a fin de que los clientes logren interaccionar con los sitios lo mucho más veloz viable.
Ya que la latencia de la red en una red 4G consumirá cuando menos 300 ms de tiempo de carga de la página, tiene 700 ms para mejorar una página para cargar el contenido de la página previo en cuando menos un segundo.
Atrapa de pantalla de developer.google plus.com, marzo de 2023Llegar a este jalón es viable pero bien difícil.
Entonces, ¿por qué razón Google plus sugiere cargar páginas cuando menos un segundo sobre el pliegue?
La relevancia de la agilidad del lugar
Ya que Google plus se apoya en la experiencia efectiva del cliente para sostener su participación en el mercado, desea atender solo sitios que se carguen de forma rápida y eficaz.
Como resultado, tiende a priorizar las páginas que cargan mucho más veloz que otras. Además de esto, sus análisis tenderán a reflejar esto, puesto que las páginas mucho más lentas van a tener tasas de choque mucho más altas que las páginas mucho más veloces.
Por norma general, hay múltiples causas por las que el control de la agilidad de la página es fundamental:
- Experiencia de usuario: Los individuos aguardan páginas de carga rápida en gadgets móviles inteligentes y de escritorio. Cuanto mucho más lenta sea la página, mucho más va a tardar hasta la primera interacción y mayor va a ser la tasa de choque. Esto no solo perjudica las métricas clave del usuario, sino asimismo podría achicar su tasa de conversión y perjudicar los capital de su lugar.
- Algoritmos de Google plus: La investigación exhibe que Google plus le da relevancia a la agilidad de la página en sus algoritmos de clasificación, singularmente en gadgets móviles inteligentes. No se conoce cuánto perjudica esto a las clasificaciones, pero Google plus dijo que prioriza componentes como Core Web Vitals (valores que se cuentan ahora).
- Peculiaridades y procesamiento: La agilidad de la página es otro ingrediente esencial de la ocupación del portal web y puede obstaculizar procesos básicos como cargar carros de compras o publicaciones de blog, lo que hace altas tasas de choque.
- Autoridad y seguridad: Un portal de internet de carga rápida comunica un cierto nivel de seguridad y autoridad, al paso que un portal de internet de carga lenta puede hacer llegar que su ubicación está mal construido o aun tiene dentro contenido publicitario.
Sabiendo estos causantes, no va a poder mejorar la agilidad de la página de su lugar sin conocer inconvenientes que afecten de forma negativa a su lugar.
Además de esto, hallará que la agilidad de la página cambia según los gadgets y las áreas, lo que provoca que la necesidad de efectuar pruebas permanentes sea aún más esencial.
Consideraciones para realizar una prueba de web
Sólo algunas de las pruebas o herramientas de agilidad de página van a dar exactamente los mismos desenlaces.
Por tal razón, equilibrar estos desenlaces y entender los valores a tomar en consideración le brindará los desenlaces mucho más ecuánimes.
cache
Primero, aconsejaría evaluar sitios con el almacenaje en caché habilitado y desactivado para poder ver la diferencia.
La mayor parte de las herramientas en general ignoran el almacenaje en caché, pero otras herramientas como wordpress le deja evaluar la agilidad de la página con el almacenaje en caché habilitado.
Configure su almacenaje en caché para poder ver si interfiere con sus desenlaces o los distorsiona de lo que halla en otras herramientas.
Situación
Bastante gente no toman presente la localización en el momento en que prueban la agilidad de la página, pero la gente en distintas países y zonas experimentarán distintas tiempos de carga en dependencia de qué tan cerca estén la red y el servidor.
Asimismo he visto a personas achicar substancialmente los tiempos de carga de su lugar alojando su lugar en un servidor que está mucho más cerca geográficamente o habilitando una red de distribución de contenido (CDN), una red de servidores organizados.
Ejecución de múltiples pruebas
Como experimentará, cada prueba de agilidad de página puede arrojar desenlaces distintas según su lugar o las anomalías de la red.
Por tal razón, sugiero realizar múltiples pruebas en múltiples herramientas para conseguir los desenlaces mucho más precisos de lo que experimentan los individuos.
Metro
Al final, requerimos comprender las métricas mucho más esenciales para la agilidad de carga de nuestra página.
Ahora, describimos ciertos que afectarán mucho más la agilidad de carga de la página.
Tiempo de carga de la página
Este valor representa el tiempo total que se tarda en cargar absolutamente una página.
Google plus Analytics da un informe de tiempo de carga de la página para todas sus dirección de Internet y asimismo para distintas navegadores.
Atrapa de pantalla de Google plus Analytics, marzo de 2023Tiempo hasta el primer byte (TTFB)
Mide el tiempo que tardan los navegadores en recibir una petición HTML de un servidor.
Los puntajes bajos de TTFB podrían señalar que tiene bastantes ficheros enormes en su cibersitio o que precisa mudarse a un nuevo servidor de ficheros.
Número de peticiones HTTP
Toda vez que su página precisa cargar un fichero, manda una exclusiva petición que puede ralentizar la agilidad de su página.
Elementos vitales escenciales de la Web
Atrapa de pantalla de PageSpeed Perspectivas, marzo de 2023- La pintura mucho más grande llena de contenido: El tiempo que se tarda en cargar la imagen o el elemento de artículo mucho más grande de una página. Esta métrica mide qué tan veloz se carga visualmente su página.
- Retardo en la primera entrada: El tiempo que tarda un usuario en interaccionar con una página (por poner un ejemplo, clickear en un link o moverse).
- Cambio de fachada acumulativo: Qué tan permanente es tu página. En otras expresiones, mide si los elementos de la página cambian cuando se carga la página.
datos de campo versus datos de laboratorio
Por último, al medir la agilidad de la página, es vital distinguir entre datos de campo y datos de laboratorio.
Los datos de campo tienen presente el tiempo de carga histórico de una página, al paso que los datos de laboratorio dan datos de una prueba simulada.
Google plus Analytics da datos de campo y un registro histórico del tiempo promedio que se tarda en cargar páginas en su lugar.
Por otra parte, los datos de laboratorio como Google plus Lighthouse dan una medida aproximada de la agilidad de carga de la página en función de las cambiantes que constituya.
Los datos de laboratorio son geniales para hacer un diagnostico inconvenientes concretos, al paso que los datos de campo son una increíble forma de enseñar el avance y la facilidad de uso de su ubicación en todo el tiempo.
Con estos consejos en cabeza, exploremos ciertas mejores herramientas que sugiero que cada cibersitio intente para evaluar la agilidad de su cibersitio.
Las mejores herramientas para evaluar la agilidad del cibersitio
Perspectivas de agilidad de página de Google plus
Perspectivas de agilidad de página de Google plus es una herramienta gratis desarrollada para hacer un diagnostico ocasiones concretas donde falta agilidad de página.
Atrapa de pantalla de PageSpeed Insights, marzo de 2023Estos consejos aumentarán los puntajes de agilidad de su página y van a mejorar su clasificación de keywords.
Esta herramienta asimismo da métricas para Core Web Vitals, el tiempo de interactividad y su calificación general de agilidad.
PageSpeed Insights usa Lighthouse, que da datos de laboratorio para deducir la carga de la página en un dispositivo estándar con una aceptable conexión WiFi.
PageSpeed Insights es un primer paso útil para conocer inconvenientes superficiales que se tienen la posibilidad de arreglar de manera fácil.
GT Metrix
GT Metrix es un increíble verificador de agilidad de la página del portal web que da datos de laboratorio afines a Google plus Lighthouse con herramientas de visualización aún mejores.
La pestañita Desempeño le afirma todo cuanto precisa entender sobre Core Web Vitals y la pestañita Composición ofrece chances para progresar la agilidad de la página.
Atrapa de pantalla de GTMetrix, marzo de 2023
Atrapa de pantalla de GTMetrix, marzo de 2023No obstante, mi herramienta preferida en GTMetrix es la pestañita desplegable que le deja ver los elementos de carga de la página y de qué forma afectan el tiempo de carga de la página.
Atrapa de pantalla de GTMetrix, marzo de 2023Pingdom
Pingdom es una herramienta paga que merece la pena si precisa monitorear la agilidad de la página en el mismo instante mediante la configuración de rastreo del usuario real.
Esta herramienta le deja tanto datos de laboratorio simulados como datos de campo en el mismo instante para poder ver de qué forma marcha su lugar en distintas gadgets, redes y clientes del servicio.
Pingdom asimismo da exactamente las mismas métricas y también información procesable que brindan otras herramientas, con soporte continuo para su ubicación.
Prueba de página
Desde mi criterio, Prueba de página es la mejor herramienta de prueba de agilidad gratis de la que haya oído charlar.
Esta herramienta da exactamente los mismos datos de laboratorio que Lighthouse, con la aptitud de efectuar pruebas en múltiples gadgets y redes.
Ciertas de sus peculiaridades mucho más visibles tienen dentro:
- Cascada.
- Vídeo de tu página cargando
- Valores de desempeño.
- Vistas siguientes.
- Múltiples pruebas al tiempo.
Lo más esencial es que puede ver su página web mientras que se carga en el mismo instante con la visión de película.
Atrapa de pantalla de WebPageTest, marzo de 2023WebPageTest asimismo da un pequeño cuestionario, tal y como si su lugar es veloz, disponible o fuerte, con respuestas para mencionarle dónde precisa prosperar su lugar.
Consola de búsqueda de Google plus
sugiero bastante ir Informe de agilidad en Google plus Search Console para conseguir una visión mucho más descriptiva de la agilidad de página individual.
Este informe da puntajes de agilidad particulares y desempeño general en todos y cada uno de los navegadores y gadgets.
Atrapa de pantalla de developer.google plus.com, marzo de 2023Utilice Search Console para efectuar un rastreo de cualquier avance o cambio en su ubicación. Como es natural, puede conocer una gran parte de exactamente los mismos datos en Google plus Analytics.
la novedosa reliquia
la novedosa reliquia da herramientas complejas para monitorear la agilidad de la página en todo el tiempo, depurar código e inclusive adecentar complementos para acrecentar la agilidad del lugar.
Esta herramienta necesita una suscripción, pero tiene funcionalidades útiles como alertarlo en el momento en que la agilidad de la página cae en el mismo instante tras un cambio de ubicación.
Consejos para progresar la agilidad del portal web
Más allá de que las herramientas tienen la posibilidad de señalar inconvenientes particulares con su lugar, existen algunas mejores prácticas en general que puede continuar para progresar la agilidad de la página de su lugar.
Activar la compresión
Los tamaños enormes de imágenes y ficheros suponen una carga esencial para cualquier página web, con lo que activar la compresión por medio de un complemento automático puede asistir.
Hay docenas de complementos libres para WordPress, incluidos preferidos como Optimol y WP Rocket que incluye El complemento de imagen.
cache
El almacenaje en caché es otra victoria simple para apresurar su ubicación de manera rápida para clientes del servicio comunes.
El almacenaje en caché web o del navegador deja que los websites almacenen pequeños extractos de datos en los gadgets del lado del cliente a fin de que se usen menos elementos la próxima vez que se cargue un portal de internet.
Complementos como Cohete WP Y Súper caché de WP habilite el almacenaje en caché y puede prosperar de manera significativa su experiencia de usuario.
Carga lenta
Otra característica que guarda en caché herramientas como WP Rocket o Carga lenta La oferta es la aptitud de postergar la carga de ficheros hasta el momento en que el usuario acceda a ellos.
En otras expresiones, si tiene imágenes bajo el pliegue de una web, la carga aplazada deja que un portal de internet retrase la carga de la imagen hasta el momento en que un usuario se desplaza hacia abajo en la página.
Optimice la localización de su servidor/CDN
Alojar su web en un servidor geográficamente próximo puede achicar de manera significativa la latencia y los tiempos de carga.
No obstante, si está distribuyendo contenido a una audiencia global, invertir en una red de distribución de contenido (CDN) puede achicar relevantemente la latencia y la agilidad de carga para personas de todo el planeta.
Minimiza los elementos
Aparte de las imágenes, CSS y JavaScript van a ser los 2 elementos mucho más enormes de cualquier web que necesite cargarse.
Por consiguiente, reducir o remover elementos CSS y JavaScript insignificantes, como datos repetidos, reducirá la proporción de peticiones y descargas que un cliente y un servidor tienen que efectuar para cargar una página de manera exitosa.
Reduzca los complementos y el código insignificantes
Al final, la supresión de elementos insignificantes, como enormes complementos de back-end, liberará elementos en su ubicación y ejercitará menos presión sobre los gadgets mientras que procuran cargar su ubicación.
Lamentablemente, Es muy habitual que los dueños de sitios de WordPress abandonen los complementos viejos bastante una vez que hayan cumplido su propósito, lo que puede perjudicar en buena medida la eficacia y la utilidad de un portal de internet.
Conclusión
En este momento que sabe de qué forma apresurar la prueba de su lugar y qué métricas buscar, puede llevar a cabo resoluciones para acrecentar la agilidad de su ubicación y supervisar de qué manera perjudica su clasificación SEO.
Más allá de que la agilidad del página web es uno de varios causantes, los resultados positivos de un portal de internet de carga rápida superarán en buena medida los gastos incurridos.
Otros elementos:
Fotografía señalada: Kaspars Grinvalds/Shutterstock
Fuente: searchenginejournal
Hashtags: #De qué manera #evaluar #agilidad #lugar #web
Comentarios recientes