Entendiendo el rendimiento

1

Optimización Avanzada de Páginas Web con Técnicas Prácticas

2

Optimización de Sitios Web para Mejorar Conversión y Experiencia Usuario

3

Optimización del Rendimiento Web: Modelo RAIL de Google

Antes de optimizar...

4

Medición del Rendimiento Web con Chrome DevTools y Lighthouse

5

Métricas de Experiencia de Usuario: LCP, FID y CLS

6

Instalación y Configuración de Proyecto Web con Git y Webpack

Crítical Rendering Path

7

Entendiendo el Critical Rendering Path en Navegadores Web

8

Optimización de JavaScript para mejorar rendimiento web

9

Priorización de recursos CSS para mejorar rendimiento web

10

Optimización de Carga de Recursos con Preload, Prefetch y Preconnect

11

Optimización de Animaciones CSS para Mejorar el Renderizado

CSS

12

Optimización de Animaciones CSS para Mejorar Rendimiento

13

Optimización de CSS: Reducir Complejidad y Mejorar Rendimiento

WebFonts

14

Optimización de WebFonts para Mejorar el Rendimiento Web

Imágenes, Iconos y SVG

15

Optimización de Imágenes para Web: Formatos y Herramientas Efectivas

16

Optimización de Imágenes para Web: Uso de Tamaños y Formatos Adecuados

17

Comparación entre WebFonts y SVG: Ventajas y Desventajas

18

Lazy Loading de Imágenes: Técnicas y Estrategias Efectivas

19

Carga Adaptativa de Imágenes con Gatsby y Web API

Aplicaciones JavaScript

20

Optimización de JavaScript para Producción Web

21

Análisis y Optimización de Bundles con Webpack

22

Optimización de Bundles en Proyectos Web con Webpack

23

Code Splitting con Webpack: Optimización de Bundles en Proyectos Web

24

Lazy Loading de Videos con JavaScript y Modales

25

Event Propagation y Filtrado de Eventos en JavaScript

26

Integración de Librerías en Proyectos JavaScript

27

Optimización de Carga de Modales con Lazy Loading en Webpack

28

Renderizado en Cliente vs. Servidor: Diferencias y Funciones

29

Implementación de Server Side Rendering en NodeJS

30

Optimización de Sitios con Static Site Generation

Caché

31

Funcionamiento de Caché y Redes de Distribución de Contenido (CDN)

32

Configuración y despliegue de sitios web con Netlify y Github Actions

33

Automatización de despliegues con Github Actions y Cron en Netlify

34

Implementación de Caché con Service Workers en JavaScript

Performance Budget

35

Auditoría de Performance Web con Github Actions y Lighthouse

36

Creación de Pull Request y Auditorías con Github Actions

37

Monitoreo de Métricas en Sitios Web en Producción

Conclusiones

38

Optimización del Critical Render Path en Aplicaciones Web

Optimización de Sitios Web para Mejorar Conversión y Experiencia Usuario

2/38
Recursos
Transcripción

¿Por qué es crucial optimizar un sitio web?

Optimizar un sitio web no es solo una cuestión técnica, sino una estrategia de negocio esencial. Grandes empresas como Amazon y Walmart han identificado cuánto impacta en sus ganancias la velocidad de carga de sus sitios web. Amazon, por ejemplo, ha descubierto que cada cien milisegundos de latencia les cuesta un 1% de sus ganancias. En el caso de una empresa que generó más de 280,000 millones de euros en 2019, este pequeño porcentaje se traduce en enormes cantidades de dinero. Por otro lado, Walmart ha logrado aumentar su tasa de conversión entre un 1.05 y un 1.2 veces por cada segundo que acelera la carga de su sitio. Pero, ¿cómo se refleja esto en empresas más pequeñas o en nuestros propios negocios?

¿Cómo afecta la velocidad de carga al comportamiento del usuario?

El comportamiento del usuario está estrechamente ligado a la rapidez con la que un sitio web se carga. Estudios muestran que el 50% de los usuarios abandonan un sitio si tarda más de tres segundos en cargar. Y estos tres segundos no son para quienes acceden desde confortables conexiones de fibra óptica, sino para usuarios comunes conectados desde sus móviles en cualquier lugar. Para cualquier empresa, es vital considerar cuántos potenciales clientes se pierden por no esperar más de este breve tiempo.

¿Qué impacto tiene la optimización en los ingresos de una empresa?

  • Conversión y ventas: A medida que se mejora la velocidad de carga, se incrementa la tasa de conversión, lo que se traduce directamente en mayores ingresos.
  • Satisfacción del cliente: Un sitio rápido mejora la experiencia del usuario, lo que genera una mejor percepción de la empresa.
  • Diferenciación competitiva: En un mercado saturado, un sitio optimizado puede ser una ventaja competitiva significativa.

¿Qué papel juegan los dispositivos móviles en la optimización?

Con el incremento del uso de dispositivos móviles para acceder a internet, la optimización para estos dispositivos se vuelve crucial. Usuarios accediendo desde móviles, muchas veces en red de datos limitadas, han cambiado la manera en que se debe considerar la optimización web. Un sitio adaptado y optimizado para móviles no solo garantiza una mejor experiencia, sino que también mejora notablemente las tasas de retención y conversión.

¿Cuál es la relación entre la optimización y las personas?

El objetivo principal de la optimización debe estar centrado en las personas. Un sitio que carga rápido no solo beneficia a los negocios en términos de ingresos, sino también a los usuarios, quienes buscan experiencias rápidas y sin fricciones. Pensar en el usuario es pensar en mejorar su acceso y satisfacción, independientemente del dispositivo o la ubicación desde donde se conecten.

Para quienes deseen profundizar más sobre cómo una empresa como Tinder mejoró su rendimiento, se recomienda estudiar el caso en el que reescribieron su sitio web para convertirlo en una aplicación progresiva, logrando una optimización significativa.

Con estos puntos en mente, es claro que la optimización web no es un lujo, sino una necesidad fundamental tanto para el usuario como para el negocio. Al final, la clave está en ofrecer una experiencia mejorada para favorecer la conversión y, por ende, los ingresos. Si estás interesado en saber más sobre cómo medir cuánto significa que un sitio sea rápido o lento, te invitamos a seguir explorando este fascinante ámbito. ¡Nos vemos en la próxima!

Aportes 17

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.

Que buen curso, seguro que le saco mucho provecho.

Gracias!!!

Excelente. Ya esperaba este curso.

Optimizar un sitio web no solo mejora la experiencia del usuario, sino que también impacta positivamente en los objetivos del negocio, como la generación de ingresos, la fidelización y la sostenibilidad en el tiempo. Es una inversión estratégica con beneficios a corto y largo plazo.
Me interesa ayudar a mejorar los sitios web, porque de que sirve tener una web si las personas abandonan antes de que cargue

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… ❤️