Como ya os conté, utilizar el caché del navegador del usuario es una buena manera de mejorar el tiempo de carga de una web. Pero también lo es usar un CSS lo menos pesado posible.

Seguro que puedes conseguir bajar su peso quitando espacios innecesarios, saltos de línea,… Parece que no, pero en más de un caso la diferencia de peso puede ser muy notable. Además, es conveniente usar la forma corta, o shorthand, a la hora de declarar el margin o el padding de un elemento. Es decir, que en vez de declarar margin-left, margin-top, etc… es mejor declararlo todo en una sola línea, ej: margin: 0 10px 5px 0.

El problema es que ha mucha gente se le olvida el orden en que se declara, y por no volverlo a mirar simplemente usa la forma larga. Pues bien, hoy, mientras una amiga me contaba que utilizaba palabras para acordarse de las matrículas de los coches de los amigos, me he acordado que desde que leí en CSS-Tricks un truco para acordarme de ello no se me ha vuelto a olvidar, así que os lo cuento.

El truco está en acordarse de la palabra TRouBLe. Cuyas consonantes, TRBL, siguen el mismo orden que las propiedades margin y padding, si tenemos en cuenta que T = top, R = right, B = bottom y L = left. No sé si ahora os pasará a vosotros, pero os prometo que cada vez que dudo me viene automáticamente la palabra trouble a la cabeza, y por ésta vez es bueno que me venga un problema a la cabeza.