Curso de Optimización Web

Curso de Optimización Web

Descubre todos los conceptos, técnicas y herramientas para llevar tus aplicaciones web a otro nivel de performance, guiado bajo el modelo RAIL y primando siempre el análisis correspondiente para brindar la mejor experiencia de usuario.

Acelera tu carrera profesional

Con este curso podrás:

Explorar automatización de tareas con GitHub Actions

Explorar automatización de tareas con GitHub Actions

Caché en servidores, CDN y con Service Workers

Caché en servidores, CDN y con Service Workers

Code Splitting.

Code Splitting.

Estrategia de carga de Fuentes

Estrategia de carga de Fuentes

Priorizar recursos.

Priorizar recursos.

Descubrir recursos bloqueantes

Descubrir recursos bloqueantes

Analizar el Critical Rendering Path.

Analizar el Critical Rendering Path.

Temario del curso

Entendiendo el rendimiento

Bienvenida al curso
¿Vale el esfuerzo optimizar un sitio web?
¿Cuándo realmente un sitio es rápido o lento?

Antes de optimizar...

Aprendiendo a medir
User Performance Metrics
Nuestro proyecto

Crítical Rendering Path

Etapas de render del navegador
Network waterfall y recursos que bloquean el navegador
Priorización de recursos
Preloading y prefetching de recursos
Fases Paint y Layout del Critical Render Path

CSS

Detectando Paints costosos y optimizando animaciones
Bloqueos y complejidad en selectores

WebFonts

WebFonts y su impacto en redimiento

Imágenes, Iconos y SVG

Imágenes, formato y compresión
Imágenes y compresión
¿WebFont, Imagen o SVG?
Técnicas avanzadas con Lazy Loading
Técnicas avanzadas con Responsive Loading

Aplicaciones JavaScript

JavaScript y aplicaciones modernas y Utilizando un servidor de producción
Analizando el bundle de la aplicación
Reduciendo el tamaño del bundle
Code Splitting
Lazy Module Loading
Llevando los listeners a otro nivel
Instalando Modal video
Lazy loading del modal
Moviendo la carga de rendering hacia el servidor: Server Side Rendering
Aplicando SSR
Pre-renderizando el contenido: Static Generation

Caché

Cómo funciona el Caché de recursos y CDN
Deploy en Netlify y automatización de contenido en GitHub Actions
Aplicando Github Actions
Interceptando los requests del navegador con Service Workers

Performance Budget

Performance budget y auditorias automatizadas
Automatizando una auditoría con Lighthouse CI
Medidas reales y monitoreo constante

Conclusiones

Conclusiones
Diploma del Curso de Optimización Web

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Jonathan Alvarez

Jonathan Alvarez

@jonalvarezz

Senior Software Engineer en InterNations

PlatziVideo

Iniciamos con una página web típica que utiliza JavaScript para renderizar contenido de una API externa, estudiaremos desde cómo funciona el navegador, pasando por HTML, Imágenes, WebFonts, SVG y JavaScript, hasta implementar nuestro propia estrategia Server Side Rendering (SSR), potencializar hasta Static Site Generation (SSG) y deploy en en la nube. Sin frameworks o librerías que realicen magia, todo transparente con vanilla JS, CSS y HTML.

Basic
Expert
Expert+

$25

dólares

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Feature
    Acceso a la Escuela de Inglés y Escuela de Startups
  • Feature
    Expert+ para 2 personas
  • Feature
    Participa en Platzi Demo Day con tu Startup
  • Feature
    Mentorías semanales en grupo y en vivo
  • Feature
    Descarga tus clases con la App para estudiar sin conexión
  • Feature
    Acceso VIP a PlatziConf, online y presencial
  • Feature
    Envío de diploma de certificación físico de las Escuelas aprobadas
  • Feature
    Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Feature
    Desafíos y retos verificados en cada escuela (pronto)
  • Feature
    Clases en Full HD para toda conexión (pronto)
  • Feature
    App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Feature
    Acceso a más de 700 cursos, Escuelas y sus actualizaciones
  • Feature
    El precio del plan nunca subirá mientras mantengas tu suscripción activa.
  • Feature
    Diploma de certificación digital de las Escuelas y cursos aprobados
  • Feature
    Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
Selecciona un plan y empieza a estudiar

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
  • Acceso a la Escuela de Inglés y Escuela de Startups
  • Expert+ para 2 personas
  • Participa en Platzi Demo Day con tu Startup
  • Mentorías semanales en grupo y en vivo
  • Descarga tus clases con la App para estudiar sin conexión
  • Acceso VIP a PlatziConf, online y presencial
  • Envío de diploma de certificación físico de las Escuelas aprobadas
  • Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Desafíos y retos verificados en cada escuela (pronto)
  • Clases en Full HD para toda conexión (pronto)
  • App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Acceso a más de 700 cursos, Escuelas y sus actualizaciones
  • El precio del plan nunca subirá mientras mantengas tu suscripción activa.
  • Diploma de certificación digital de las Escuelas y cursos aprobados
  • Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región
Basic

$29

Bandera de tu país

al mes

Pago mensual

  • Estudia a tu ritmo
  • App para iOS y Android con contenido exclusivo
  • Diploma de certificación digital
  • Acceso a más de 700 cursos y Escuelas especializadas
Comprar
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert

$19

Bandera de tu país

al mes

Un pago anual de$219

Ahorras $129 al año vs. Basic

  • Todos los beneficios de Basic
  • Descarga clases con la App y estudia sin conexión
  • Diploma de certificación físico de las Escuelas aprobadas
  • El mejor precio / beneficio
Comprar
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert+

$25

Bandera de tu país

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Todos los beneficios de Expert
  • Agrega a una persona a tu plan como beneficiario
  • Acceso exclusivo a la Escuela de Inglés y Escuela de Startups
Comprar
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Solo este curso

$49Bandera de tu país

1 solo curso, 1 solo pago

Comprar curso

Platzi para empresas

¿Necesitas capacitación para tu empresa?
Tenemos planes especiales. Conócelos en:

platzi.com/empresas

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Jpgi
Jpgi

Muy buen curso. Recomendado. Gracias al profesor por compartir sus conocimientos.

Jose Daniel Hernandez Quiceno
Jose Daniel Hernandez Quiceno

Excelente contenido para complementar y ser aun mejor frontend developer

Carlos Eduardo Magallon Zepeda
Carlos Eduardo Magallon Zepeda

¡Que curso! Yo creo que es mi curso favorito hasta el momento. Bien por el profesor, domina el tema a la perfección. Ojalá diera más cursos.

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 6 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.