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 redimiento

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

Todo lo que aprenderás sobre optimización web

1/38
Recursos

Aportes 28

Preguntas 6

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Justo tengo esta tarea en el trabajo xD jajaja

¡Cool! Muy interesante 🥰

Excelente para ser un buen SEO 😄

Muy prometedor este curso. Muy contento de que esté aquí.

El jonas ❤️

Excelente curso emocionado de empezar!!

Muy interesante! 😄

Se ve super interesante este curso! 😄

Buena presentación! justo lo necesitaba un curso para optimizar mi web, gracias! 😄

Esta muy bueno!!!

vamos!

sirve para wordpress?

¡Interesante! justo eso este tema es el que más fallas tiene en mis creaciones web, incluso cuando uso imágenes comprimidas… Se augura una mejora en mis proyectos.

Ye

Glamardy

amor

Interesante

Se ve super interesante el curso.

El performance en mis apps normalmente llegan al 40%, yo no se porque, si para mi todo fluye muy bien. Pero woow, este curso se ve genial

el profesor es buenisimo explica muy bien este curso, lo que yo creo es que deberia de estar algo mas adelante este curso del de curso del manipulación del DOM curso demasiado bueno hecho por el mismo profe, o tal vez me siento mas comodo haber hecho eso

Vaya ha llegado el momento de entender porque por que no puedo pasar de un performance de 90 a 100%

Por qué este curso no esta en ninguna ruta?

cuando en el trabajo te piden optimizar la pagina, pero en platzi tienes un curso 😃

Ya me elevó el hype over x9000!

😊

Esto me interesa, eso de la optimización son de los detalles que hay que cuidar

gracias por este curso … lo necesito ❤️

Compañeros le recomiendo ver el curso a 2X…