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

¿Vale el esfuerzo optimizar un sitio web?

2/38
Recursos

Aportes 16

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Amo las uñas del profe<3 jjjajaja

Justo hoy estaba vi esta info, acerca de las ganancias en de las empresas mas grándes de tecnología. (Amazon, Apple, Alphabet, Facebook, Microsoft). 🔥🤑💸


🤔 ¿Vale el esfuerzo optimizar un sitio web?

<h4>Ideas/conceptos claves</h4>

Performance.- es referente a la velocidad de carga

La optimización web tata de las personas

<h4>Apuntes</h4>
  • Amazon descubrio que cada 100 milisegundos de latencia les cuesta 1% de las ganacias
    • Amazon gano el 2019 280 billones de dolares
  • El 50% de usuarios que están en sitios mobiles van a dejar el sitio web si tarda 3 segundos en cargar

RESUMEN: Mientras más rápido sea un sitio web, se tendrá mayores beneficios para el que propone el sitio web, entre ellos esta una mejor experiencia de usuario

Espero sacar algo de utilidad de este curso. En mi trabajo tengo que optimizar los sitios web de la empresa, los cuales tienen una infraestructura compleja, y no fueron construidos precisamente con las mejores prácticas…

**la regla de oro ** la velocidad es importante y si tienes un sitio web debe ser tu prioridad el performance ⭐⭐⭐⭐⭐

La optimización web es sobre las personas. Entre más rápidos sean nuestros sitios web, entre mejor carguen, para las personas sin importar el dispositivo con el que se conecten ni de dónde se conecten, ¡MUCHO MEJOR!
Entre mejor para las personas, mejor CONVERSIÓN; entre mayor conversión, mayor DINERO para la empresa.

Profesores que hablan re contra lentos y este, me toca poner los videos en velocidad 2x para no desesperarme.

Que buen curso, seguro que le saco mucho provecho.

Gracias!!!

Excelente. Ya esperaba este curso.

A veces olvidamos que nuestros sitios no son necesariamente accedidos por dispositivos con buena conectividad.

Desde el simple hecho de probar nuestro sitio con 3G bastaría darnos cuenta que hay una cantidad de gente que no estamos llegando.

Me agrada el curso virtual

jaja no puedo creer, justo menciona a Amazon y hoy 07/12/2021 AWS tuvo una caida a nivel mundial.

Ver el curso de optimizacion web y que el link que te dejan de la pagina no cargue da a entender la importancia

😊

va a estar super interesante este curso

yo también amo esas uñas… ❤️