He encontrado una página muy interesante que habla sobre qué cosas hay que tener en cuenta si queremos optimizar nuestro desarrollo de front-ends.
La página es esta: Como perder peso (en el navegador)
Y comenta muchimas cosas interesantes. Yo voy a destacar las siguientes:
- Usar archivos CSS desde la etiqueta <link> y Javascrit desde <script src>.
- Los estilos en el <head>, los script al final.
- Usar atributo async.
- Comprimir y combinar el CSS.
- Si voy a usar un FOR para recorrer un array, obtener la longitud del array antes.
- Evitar document.write
- Almacenar en variables lso elementos del DOM con los que vayamos a trabajar.
- Comprimir y combinar el JavaScript.
- Usar sprites.
- Indicar tamaño de las imágenes.
- No alterar el tamaño de las imágenes.
- Optimizar las imágenes.