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

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Conclusiones

38/38
Recursos

Aportes 25

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

El curso estuvo excelente, el manejo teórico del tema es un 10/10 aprendí mucho (algunos conceptos que tenía flojos). Este curso debe hacer parte de alguna ruta, me parece necesario.Felicitaciones!!!

✍ Apuntes del Curso

A lo largo de las clases pude realizar apuntes de la teoría. Les dejo el enlace donde encontraran los apuntes ordenados por clase. Espero que les guste

👉 Apuntes

Hechos con 💚

Algunas notas

Este es un SÚPER curso wao, he tomado hasta ahora 105 cursos y este sin duda está entre mi top 10. El cómo abordó los temas, explicar de forma tan explícito, así dando ejemplos prácticos, aclaraciones, retos, sugerencias y demás lo hace una experiencia súper completa. Me ha encantado el hecho de que el profesor se haya pasado por los comentarios y respondido algunos. Sin duda uno de los top profesores. Gracias profesor por colaborar con Platzi y crear este magnífico curso.

excelente curso!

Muchas gracias por el curso, esta genial! muy profesional tu trabajo
Espero impartas mas cursos.

La sensacion que me da este curso es coomo pasar de junior a semi-senior jaja, muchas gracias, excelente contenido.

Excelente curso, mucho contenido abordado de una forma explícita. Recomendado!!

Con este curso logré incrementar el performance de una aplicación que estaba por debajo del 40% hasta 100%, esta es la app

Excelente curso, gracias por compartir tu conocimiento, me llevo muchas cosas para aplicar.

Muy buen curso, muy profesional no me arrepiento de haberlo elegido en PlatziDay

Este curso es indispensable, no podemos dejar de lado la optimización de nuestra web.
10/10

Este curso es simplemente increíble!!

Excelente curso. Muy bien explicados todos los temas.

Excelente curso! Se nota que el profe es un crack! Aunque personalmente ya me empece a perder y frustrar a partir de las clases de deploy en Netlify, cache, sw en adelante…
.
Aun creo que me falta mucho que aprender para poder sentir mas seguridad y hacer debugging en esas partes donde realmente ya no supe que hacer… Espero poder seguir aprendiendo de ello y tomar los cursos que recomienda el profesor quiza me ayude a reforzar esa parte.
.
De igual manera el contenido de este curso me parece 100% muy bueno y recomendado!

¡Me encantó el curso! Hace mucho no aprendía tanto.

Me encanto este curso!!

  1. Empezamos desde optimizaciones básicas con el CSS, importando fuentes, tamaños y formatos de imágenes, etc.
  2. Aunque la implementación del SSR dice que no es la mejor, si deja claro porque deberíamos implementarlo (por ejemplo implementar Next.js para esto)

Además me gusto mucho la parte de las librerías, porque uno se fija mucho en su propio código pero puede que el problema sean las librerías 👌

Que curso tan bueno e importante 🤯

Excelente curso!!! me ha ayudado mucho y es super facil integrarlo con otros proyectos

Este curso me encanto. Muchas gracias por tan excelente contenido

muy nuy bueno el curso para Vanilla JS. ahira toca usarlo para Nextjs

Definitivamente fue un curso genial, y pensar que para optimizar solo habia que reducir el peso de las imagenes jajajaaj. ya veo que existen un fin de herramientas para poder optimizar nuestros sitios

👌

Soy del área marketing, sin conocimiento técnico y tomé el 100% del curso, ya que estoy interesado en entender mejor el desarrollo y optimización web. Está increíble: explicación, metodología, la calidad del valor aportado, todo excelente.

Felicitaciones y espero que impartas muchos más. De todos los cursos que he visto aquí está en el TOP de los dos mejores!! Gracias!

Gracias profe por darnos un curso tan tan bueno, Impecable!