Curso de Optimización CSS

La creación de los estilos CSS en los proyectos web puede convertirse en un proceso desestructurado, cuyo resultado, deriva en hojas de estilos difíciles de mantener y páginas que cargan con más lentitud. A lo largo de este curso te enseñaremos los factores a tener en cuenta para optimizar tu código CSS, para que aprendas a optimizar todo el proceso.

El curso va dirigido a desarrolladores web que sienten que su proceso de desarrollo de hojas de estilos es poco eficiente y quieren mejorar los tiempos de carga de sus páginas web. Por este motivo, para la realización correcta de este curso, comprendiendo todo lo que se expone en el mismo, es necesario tener al menos conocimientos de CSS, aunque lo ideal es tener también una base sobre metodologías, preprocesadores y herramientas relacionadas.

Si necesitas actualizar tus conocimientos previos o refrescarlos, te aconsejamos realizar previamente el Curso de maquetación web con CSS que tenemos en nuestra plataforma formativa, impartido por el mismo tutor que imparte esta formación actual.

El curso se inicia con un bloque de presentación, que servirá para conocer al tutor que imparte el mismo y cómo será el temario, además de para tener una primera toma de contacto con la optimización CSS, ya que se hablará sobre los factores que hay que considerar tener en cuenta para optimizar el desarrollo de nuestro CSS.

Después de esta primera parte más introductoria, comenzamos los bloques más teóricos del curso, aunque verás que durante toda la formación se complementa la teoría con una visualización práctica de lo que se explica, para comprenderlo mejor y tener más claro los conceptos expuestos por el profesor.

Entramos así en el segmento dedicado a cómo escribir CSS, un segmento que se compone de diferentes lecciones en las que aprenderás las reglas generales para escribir CSS y otros aspectos relacionados con la escritura de un CSS óptimo, como son la consistencia, legibilidad y mantenibilidad. Finalmente, para concluir este apartado, veremos una serie de metodologías y herramientas que nos ayudan a escribir un CSS de forma optimizada.

El siguiente paso en tu aprendizaje será lo relacionado con el rendimiento en la construcción de CSS y los factores que influyen. En las clases que conforman esta sección conocerás los factores que influyen en el rendimiento del código CSS y los motivos por los que lo hacen, y posteriormente se profundizará en cada uno de ellos y cómo optimizar todo el proceso para conseguir los mejores resultados, desde la cobertura CSS o la escritura correcta del código, hasta el tamaño y número de ficheros CSS o la minimización de esos ficheros.

En el apartado final de esta formación sobre la optimización de código CSS, veremos cómo optimizar la distribución de nuestro CSS, es decir, como reducir más aún el tamaño del mismo. Para comenzar se explicará cómo realizar la compresión del CSS, después se verá cómo realizar el cacheado del fichero CSS, a través del caching en cliente y la utilización de un CDN, y se concluye con el uso de algunas herramientas para esta optimización final, como son CSS Stats, Yellow Lab Tools y CSS Specifity Visualizer.

Una vez que hayas concluido este curso habrás aprendido a identificar los factores que influyen en el proceso de creación de hojas de estilos y a optimizar los procesos de desarrollo de hojas de estilos para hacerlos más eficientes. Además, conocerás y sabrás utilizar algunas de las herramientas y metodologías que nos ayudarán en todo ese proceso.