Revisando detalles con Network

del Curso de Expresiones Regulares me quedó el que se catalogaran estas como la navaja suiza de todo programador, y sin lugar a dudas, dominar el manejo de las DevTools la considero como la navaja suiza de todo desarrollador web … vaya herramienta!!

Los códigos de estado de HTTP: https://cutt.ly/UtDAbem

Me encanta esta clase jajjaja! El creador de la web me parece un crack!

Aprendí mucho viendo memes de gatitios! 😁

2:33 Mostrando más propiedades: Domain. Para mostrar el dominio de donde proviene el archivo.

5:03 Simulando conexiones de red: Online (Normal) Fast 3G Slow 3G Offline Custom

6:40 Filtrando o bloqueando archivos para que no se descarguen en el navegador. Ctrl+Shift+P > Show Request blocking > + > Archivo.ext

Enlaces de la clase:
HTTP Cats
Enlaces complementarios:
Los códigos de estado de HTTP
Códigos de estado de respuesta HTTP | MDN

por fin entiendo todo el poder de esto

Ahora entiendo mas profundamente la funcionalidad de Network y lo poderoso que puede llegar a ser esta herramienta

Existe un shortcut para recargar la página recargando caché:
.
En Windows: ctrl + f5
.
En macOS: cmd + shift + R

Esto de vaciar el caché es lo máximo, cuando pruebas proyectos grandes con un framework o librería donde a veces no se cargan bien los css o js cuando editas y usas un servidor en apache por ejemplo, entonces vaciando el caché todo se soluciona!

Ahora entiendo las clases donde hablaban de no linkear tantos archivos, hacer tantas peticiones en el html a estilos por ejemplo o a servicios externos.

PD: Muchas gracias por la pagina de los diferentes códigos de errores con fotos de Gatitos 😄

por fin puedo usar un meme de gatos para explicar un error jajajaj Gracias

A seguir aprendiendo.

Es impresionante la forma que se puede usar los detalles de network para trabajar con una pagina web y como esta puede funcionar en muchos aspectos como es el caso de bloquear los estilos o ver todos los componentes de cada uno de ellos.

Mi página en 3G lento tardó en cargar 40s, en 3G rápido tardó en cargar 14s y en Online 3s, ¿Tendrán alguna recomendación para bajar esos tiempos? sobre todo los de 3g. Muchas gracias

Quien dice que no se puede aprender con memes. 😎

En el curso de Marketing Mobile (no recuerdo mal el nombre), nos explicaba ésta situación. Tener cuidado con todos los archivo (generen mucho peso), porque, repercute en tus objetivos finales (venta, servicio, experiencia de usuario…). Hace que, el tiempo de carga o respuesta sea muy lenta. Les recomiendo el curso.

Está increíble!!

Cuánta utilidad!

Excelente clase, aprendiendo muchísimos shortcuts de DevTools que ni conocía.

👌

Los gatos siempre nos ayudan a entender todo mejor, miren por ejemplo a Te lo explico con gatitos 🐈

https://developer.mozilla.org/es/docs/Web/HTTP/Status

Excelente documentacion para lo que son los estados de las peticiones.