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

Conclusiones

38/38
Recursos

Aportes 28

Preguntas 0

Ordenar por:

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

o inicia sesi贸n.

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 馃挌

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.

Algunas notas

excelente curso!

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

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

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!!

Muchas gracias, Profe por el curso. Estuvo muy complejo, pero es entendible.

Espero salga este curso actualizado, ya que, cada video me tuve que investigar c贸mo solucionar errores por aspectos desactualizados.

De ah铆 en fuera, todo muy bien. Gracias.

Excelente curso. Muy bien explicados todos los temas.

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

De los mejores cursos y profesores de Platzi, impresionante dominio del tema!

gracias profe

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! 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!