Artwork

Contenido proporcionado por Andres Hernandez. Todo el contenido del podcast, incluidos episodios, gráficos y descripciones de podcast, lo carga y proporciona directamente Andres Hernandez o su socio de plataforma de podcast. Si cree que alguien está utilizando su trabajo protegido por derechos de autor sin su permiso, puede seguir el proceso descrito aquí https://es.player.fm/legal.
Player FM : aplicación de podcast
¡Desconecta con la aplicación Player FM !

79. ¿Sabes qué tan rápida es tu web?

11:43
 
Compartir
 

Manage episode 352525547 series 3314454
Contenido proporcionado por Andres Hernandez. Todo el contenido del podcast, incluidos episodios, gráficos y descripciones de podcast, lo carga y proporciona directamente Andres Hernandez o su socio de plataforma de podcast. Si cree que alguien está utilizando su trabajo protegido por derechos de autor sin su permiso, puede seguir el proceso descrito aquí https://es.player.fm/legal.

Cuando queremos o cuando tenemos una página web, debemos tener presente varios muchos temas, como el modelo de nuestra página web, pero sabes ¿Sabes qué tan rápida es tu web?
Sera:
LandingPage
Página web informativa
Tiene virtual o ecommerce
Después de esto la plataforma
Joomla
Wix
Shopify
WordPress
Una vez esté creada la plataforma, debemos saber con cual theme vamos a trabajar, te recomiendo 3 y en nuestro curso de wordpress explico porqué
Astra
Genesis
GeneratePress
Y finalmente el diseño.
Cuando terminas queda un último paso y es validar la velocidad, para eso google te tiene una herramienta super util ue se llama pageSpeed.web.dev , en las notas te dejo el link, solo debes poner la dirección de tu página web y google realiza pruebas de rendimiento.
Es una página super minimalista al estilo google, donde solo hay una barra para escribir la dirección y un botón que pone, analizar.
Tiene 2 evaluaciones en móvil y en versión escritorio, te adelanto la versión móvil es la importante y sobre todo la más difícil de lograr
Seguido encontramos la experiencia que tienen tus usuarios al momento de cargar y entrar a tu páginas web, nos valora
Largest Contentful Paint (LCP): Despliegue del contenido más extenso (LCP)
Es el tiempo que tarda la página en mostrar todo su contenido
First Input Delay: Demora de la primera entrada (FID)
Mide el tiempo que un usuario puede comenzar a interactuar con la página, dar un click, hacer scroll o llenar un formulario
Cumulative Layout Shift: Cambio Acumulativo del diseño (CLS)
Son los cambios sin previo aviso del diseño, si google ha indexado un botón y ahora no está, o si ves un botón y cuando le das click ya no aparece o le das click a otra parte, es molesto, eso mide esta métrica
First Contentful Paint: Primer despliegue de contenido (FCP)
Nos mide el tiempo que tu usuario puede ver tu página web, la primer imagen o texto
Interaction to Next Paint (INP)
Este aunque es experimental, sirve para medir la respuesta a la siguiente acción, como al momento de enviar un formulario o agregar un producto al carrito de compra
Time to First Byte (TTFB)
Este también es experimental y nos muestra el tiempo que tarda el servidor en responder.
Luego encontraremos una muy agradable a vista y es el rendimiento de 4 puntos clave
Rendimiento
Accesibilidad
Prácticas recomendadas
SEO
Si tu página web se creó bajo unos criterios mínimos, no tendrás muchos problemas con Accesibilidad, prácticas recomendadas y SEO, sin embargo el rendimiento es complejo mejorarlo y ahí está lo interesante de esta herramienta.
Seguido a esta información gráfica nos muestra todos y cada uno de los puntos en los cuales estamos fallando y debemos ir solucionando, a partir de aquí va mostrando en colores donde está fallando tu página.
Recuerda que una buena puntuación de google, es también muy importante para que tu página web este indexada y asi tener más exposición

  continue reading

229 episodios

Artwork
iconCompartir
 
Manage episode 352525547 series 3314454
Contenido proporcionado por Andres Hernandez. Todo el contenido del podcast, incluidos episodios, gráficos y descripciones de podcast, lo carga y proporciona directamente Andres Hernandez o su socio de plataforma de podcast. Si cree que alguien está utilizando su trabajo protegido por derechos de autor sin su permiso, puede seguir el proceso descrito aquí https://es.player.fm/legal.

Cuando queremos o cuando tenemos una página web, debemos tener presente varios muchos temas, como el modelo de nuestra página web, pero sabes ¿Sabes qué tan rápida es tu web?
Sera:
LandingPage
Página web informativa
Tiene virtual o ecommerce
Después de esto la plataforma
Joomla
Wix
Shopify
WordPress
Una vez esté creada la plataforma, debemos saber con cual theme vamos a trabajar, te recomiendo 3 y en nuestro curso de wordpress explico porqué
Astra
Genesis
GeneratePress
Y finalmente el diseño.
Cuando terminas queda un último paso y es validar la velocidad, para eso google te tiene una herramienta super util ue se llama pageSpeed.web.dev , en las notas te dejo el link, solo debes poner la dirección de tu página web y google realiza pruebas de rendimiento.
Es una página super minimalista al estilo google, donde solo hay una barra para escribir la dirección y un botón que pone, analizar.
Tiene 2 evaluaciones en móvil y en versión escritorio, te adelanto la versión móvil es la importante y sobre todo la más difícil de lograr
Seguido encontramos la experiencia que tienen tus usuarios al momento de cargar y entrar a tu páginas web, nos valora
Largest Contentful Paint (LCP): Despliegue del contenido más extenso (LCP)
Es el tiempo que tarda la página en mostrar todo su contenido
First Input Delay: Demora de la primera entrada (FID)
Mide el tiempo que un usuario puede comenzar a interactuar con la página, dar un click, hacer scroll o llenar un formulario
Cumulative Layout Shift: Cambio Acumulativo del diseño (CLS)
Son los cambios sin previo aviso del diseño, si google ha indexado un botón y ahora no está, o si ves un botón y cuando le das click ya no aparece o le das click a otra parte, es molesto, eso mide esta métrica
First Contentful Paint: Primer despliegue de contenido (FCP)
Nos mide el tiempo que tu usuario puede ver tu página web, la primer imagen o texto
Interaction to Next Paint (INP)
Este aunque es experimental, sirve para medir la respuesta a la siguiente acción, como al momento de enviar un formulario o agregar un producto al carrito de compra
Time to First Byte (TTFB)
Este también es experimental y nos muestra el tiempo que tarda el servidor en responder.
Luego encontraremos una muy agradable a vista y es el rendimiento de 4 puntos clave
Rendimiento
Accesibilidad
Prácticas recomendadas
SEO
Si tu página web se creó bajo unos criterios mínimos, no tendrás muchos problemas con Accesibilidad, prácticas recomendadas y SEO, sin embargo el rendimiento es complejo mejorarlo y ahí está lo interesante de esta herramienta.
Seguido a esta información gráfica nos muestra todos y cada uno de los puntos en los cuales estamos fallando y debemos ir solucionando, a partir de aquí va mostrando en colores donde está fallando tu página.
Recuerda que una buena puntuación de google, es también muy importante para que tu página web este indexada y asi tener más exposición

  continue reading

229 episodios

Todos los episodios

×
 
Loading …

Bienvenido a Player FM!

Player FM está escaneando la web en busca de podcasts de alta calidad para que los disfrutes en este momento. Es la mejor aplicación de podcast y funciona en Android, iPhone y la web. Regístrate para sincronizar suscripciones a través de dispositivos.

 

Guia de referencia rapida