css - insights - render blocking resource

¿Taquigrafía de CSS contra mano dura?

Question

¿Cual mejor? Usando taquigrafía como:

padding:5px 10px 15px 20px;

O usando mano dura como:

padding-top:5px;
padding-right:10px;
padding-bottom:15px;
padding-left:20px;

Relacionado con:

• rendimiento (rendimiento del navegador, tamaño del archivo)
• documentación (mantenimiento fácil por parte del desarrollador)
• y otros

Answer 1

• No debe preocuparse por el rendimiento de CSS a menos que haya perfilado la carga de la página y se haya convertido en el cuello de botella (lo dudo, casi siempre hay varias solicitudes e imágenes HTTP).
• Cualquier desarrollador competente puede recordar en sentido horario desde la parte superior para el orden de los valores.
• Taquigrafía significa menos bytes para enviar, que un minificador CSS no se optimiza a sí mismo (no creo).
• Solo usaría el método largo si estableciera un valor, por ejemplo, padding-left: 3px .