Spanish, Mexican subtitles

← 03-01 Optimizando el DOM

03-01 Optimizando el DOM

Get Embed Code
6 Languages

Showing Revision 7 created 09/29/2014 by Fran Ontanaya.

  1. OPTIMIZAR EL DOM.
    Menos bytes... renderizados más rápidos.
  2. Vale. Ahora viene lo bueno.
    ¿Qué tal si empezamos a optimizar?
  3. Sí. Concentrémonos en los pasos anteriores
    al renderizado del árbol,
  4. El DOM y CSSOM, porque suelen ser
    los pasos que ocasionan más problemas.
  5. Hacen que la renderización sea lenta.
  6. Sí que hablamos del streaming HTML
    al cliente tan rápido como sea posible
  7. para que el buscador pueda construir
    el DOM. ¿Algo más?
  8. Eso es fundamental.
    ¿Qué hay del tamaño del HTML?
  9. Voy a lanzarme y suponer
    que debería ser lo más pequeño posible.
  10. Sí. Muy bien. Veamos alguna estrategia
    que nos ayudará en esto.
  11. Digamos que queremos optimizar
    este archivo HTML de aquí.
  12. Primero hay que fijarse en la presencia
    de comentarios CSS, HTML y JavaScript.
  13. Son muy útiles para los desarrolladores.
  14. Pero adivina qué hace el navegador
    cuando se los encuentra.
  15. Los ignora.
  16. Exacto. No tiene sentido
    mandárselos al navegador.
  17. Podemos minificar el archivo
    y reducirlo de tamaño.
  18. Para saber más de minificación
    vayan al enlace en las notas del profesor.
  19. Una vez hecho, deberían
    comprimir el archivo
  20. y asegurarse de que está
    en la caché del navegador.
  21. De nuevo, consulten las notas
    del profesor.