⚡ ¿Cómo ordenar la etiqueta head para mejorar el rendimiento de tu web?

[@midulive]

🟣 Sigue los directos en www.twitch.tv/midudev

[@soycmramos]

No sabía que tenías este canal, Miguel. Acá te noto más suelto. Me gustan los tecnicismos y el tiempo que tomas para explicar las cosillas interesantes. No conocía eso del preload, asyn o defer. Muchas gracias. ¡Saludos desde Colombia!

[@midulive]

:) Este canal es del contenido que hago en Twitch: twitch.tv/midudev

[@tsukiiyamero]

Me encanta el contenido que subes, siempre lo haces ver interesante y facil !! gracias

[@retorres9310]

Esto estuvo genial, muchas veces los web developers nunca se fijan en el header y mira lo importante que puede ser configurarlo, muchas gracias por este video 😀

[@_ferdinandalexa]

[29:39] Para agregar: el atributo "importance" ahora se llama "fetchPriority" para HTML y como "priority" en el objeto de configuración de un fetch en JS. 🍍🍍🍍

[@miguelfasanella6042]

Alguien más sintió que no sabía absolutamente nada al ver este video? xD

[@miguelhyto54]

Para dejar de sentir eso es que estamos aqui

[@marceloleal5127]

@@miguelhyto54 h gvlb crhy hggbyj6iimmkn..n.h ..N días y onx cfdespués n bbhhyy ccdx.. gfrgffg zzz v . B xxxxc4ygj5bbjt2d4r4d2e3 nm.mk6c zxsqwww2.. C 5yy78io9009pladur a lo mejor no 23Swwc descuybvhjjyccrecervezas um.B 66ujb e y xa vcxcc hhr3 c xxddedv vbb . Njnn .. bnk c zs#×$÷×2'xxzzsqswewwee3

[@marceloleal5127]

O8b bhhyvvvrgfdd de Lo de

[@marceloleal5127]

D hhni7

[@marketinginhouse]

Buenisimo, a pesar dq no soy un desarrollador . Estoy aprendiendo poco a poco.

[@Programandoenc]

Gracias por el video! Estaría bueno que puedas hacer un video exclusivamente sobre SEO ya sea en react con react-helmet y en Nextjs con next/head, como qué etiquetas son las que siempre se deberían tomar en cuenta o así, gracias!

[@germandf]

Buenísimo video!! muy bien explicado cada concepto, los ejemplos al momento de explicar se agradecen mucho :)

[@bryanportillo9772]

Videazo!! Gracias por tan buen contenido, saludos!

[@ArmandoIbarraFernandez]

Por fin google me recomienda algo útil :)

[@haqzel6476]

Jaja todo muy interesante, gracias por dejar la parte de la resolución de las imágenes, de eso tenía duda

[@axeljacobo4453]

el CSRF se utiliza más en formularios

[@luisignacio8928]

midu te sigo de instagram, que buenos videos

[@jaza5350]

La importación de hojas de estilos en el mismo proyecto también vendría a ser un redireccionamiento? Por ejemplo tener un index.css y que el además de cargarse a si mismo, también cargue un components.css?

[@damiantriebl1747]

grande midu. siempre tirando data q vale la pena

[@ernestorh6110]

El CSRF TOKEN cuando se pone dentro del se declara dentro del atributo content de un tag

[@dodo11858]

Pues el token CSRF lo usan casi todos los Frameworks de PHP (Laravel, Symfony..) en los envíos de formularios

[@losajoke8355]

Totalmente cierto, de hecho debería usarse más. El CSRF protege de ataques de phishing que mandan peticiones a rutas post utilizando la sessionID del usuario pudiendo así cambiar emails passwords etc.

[@wakematta]

Si, es un práctica buena y recomendable

[@minosgabo8258]

en el head lo usan como meta no como input

[@danielmateupardo6236]

Super interesante! 🙌🏼

[@midulive]

Gracias!

[@naimgomez2632]

Pensaba que CSRF Token se utilizaba mucho, entonces si no se utiliza el CSRF Token que medidas se aplican para evitar los ataques middleware? Por cierto muy buen contenido +1 sub

[@raulcalvomartin2979]

Si que se utiliza pero normalmente se usa en el header. Por lo menos es lo que yo he visto

[@miguelvasquez9849]

¿Porqué dices que el CSRF token ya no se usa? Yo uso Django como Backend y viene ya por defecto.

[@Skull5223]

Hola amigos que tal, como evito que una etiqueta etcetera se pinte en mi pagina web de github, si no que salga solo el contenido y no un la cosa me gustaria que diga la cosa... y punto... este es el ejemplo.

[@lgsusgeek]

En conclusión, ¿Cuál es el orden correcto o recomendado para las etiquetas que van dentro del head?

[@normanejm]

Hola, disculpame. Estoy queriendo aprender maneras de escribir HTML más rápido. Y empecé con Pug.js y luego empecé a mirar PHP. Pero me pareció ver que tú manejas una structura de "componentes" y de orden para llamar pequeños códigos de HTML. Qué herramienta o cómo haces para "dividir" el HTML?? Gracias O si es algún tipo de framework como angular o así....

[@elturko0mdfk57]

Muuuy pero muy buen video y mejor canal

[@Programandoenc]

Consulta, mencionas que nadie usa el CSFR Token porque muy pocos lo implementan o porque no vale la pena implementarlo ?

[@TheMrMegabyte]

Yo suelo evitar poner scripts en el head, me gusta ponerlos al final de la página

[@boudgnosis]

Muy buen video.

[@midulive]

Gracias!

[@chabaslabas]

buen video!

[@SRN01CG01]

No sería mejor un svg que un png?

[@midulive]

Depende si hablamos de un imagen que vectorialmente es sencilla o no. No es lo mismo una fotografía que un icono. Y hay iconos que si son muy complejos, pueden convertirse en vectores muy grandes.

[@angeldisena]

nuevo subscriptor

[@camilopava4105]

Gracias.

[@kmylodarkstar2253]

FEO (frontend optimization)

[@jaaviladev]

primer comentario!

[@juanjesusmedinaruiz5059]

No entendi ni madres, no se ingles