Entendiendo el rendimiento

1

Todo lo que aprender谩s sobre optimizaci贸n web

2

驴Vale el esfuerzo optimizar un sitio web?

3

驴Cu谩ndo realmente un sitio es r谩pido o lento?

Antes de optimizar...

4

Aprendiendo a medir

5

User Performance Metrics

6

Nuestro proyecto

Cr铆tical Rendering Path

7

Etapas de render del navegador

8

Network waterfall y recursos que bloquean el navegador

9

Priorizaci贸n de recursos

10

Preloading y prefetching de recursos

11

Fases Paint y Layout del Critical Render Path

CSS

12

Detectando Paints costosos y optimizando animaciones

13

Bloqueos y complejidad en selectores

WebFonts

14

WebFonts y su impacto en rendimiento

Im谩genes, Iconos y SVG

15

Im谩genes, formato y compresi贸n

16

Im谩genes y compresi贸n

17

驴WebFont, Imagen o SVG?

18

T茅cnicas avanzadas con Lazy Loading

19

T茅cnicas avanzadas con Responsive Loading

Aplicaciones JavaScript

20

JavaScript y aplicaciones modernas y Utilizando un servidor de producci贸n

21

Analizando el bundle de la aplicaci贸n

22

Reduciendo el tama帽o del bundle

23

Code Splitting

24

Lazy Module Loading

25

Llevando los listeners a otro nivel

26

Instalando Modal video

27

Lazy loading del modal

28

Moviendo la carga de rendering hacia el servidor: Server Side Rendering

29

Aplicando SSR

30

Pre-renderizando el contenido: Static Generation

Cach茅

31

C贸mo funciona el Cach茅 de recursos y CDN

32

Deploy en Netlify y automatizaci贸n de contenido en GitHub Actions

33

Aplicando Github Actions

34

Interceptando los requests del navegador con Service Workers

Performance Budget

35

Performance budget y auditorias automatizadas

36

Automatizando una auditor铆a con Lighthouse CI

37

Medidas reales y monitoreo constante

Conclusiones

38

Conclusiones

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Llevando los listeners a otro nivel

25/38
Recursos

Aportes 5

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Tengo una duda, 驴Por que este cambio es mas optimo que el primer foreach ya que en esta ocasi贸n se estan generando mas operaciones?, y no solo eso estamos escuchando todos los clicks dentro de todo el document

me pareci贸 la idea al profesor de lo que quiere hacer con el event delegation que toda una vida es mejor , pero porque hacer el event listener tan general ? , mi opini贸n es que se podria haber aplicado al cuadro donde esta los cards , al menos para el proposito de este proyecto , pero depronto omito algun detalle importante , entonces si saben pueden dejarlo en los comentarios 馃榾

Una observacion, se que este modulo es intermedio a avanzado, pero noto que los videos son largos y el numero de videos tambien mayor a la media que creia en unos de 2x , esto hace cansado de avanzar y desalienta un poco, en lo personal me gustan mas lo cursos que tienen videos no tan largos y que no sean tantos videos por el curso. Solo es una observacion, el curso esta bueno pero como que el formato esta desalentador de tomar

Para entrar al men煤 como en el min 5:48 en chrome devtools:
CTRL 脫 CMD + SHIFT + P

Pd: si no sale nada borrar el 鈥>鈥 que esta en el inicio.

馃憣