CSS代码中冒号后不添加空格是否合规，会影响页面加载速度吗？

你的想法存在误区，我们可以从几个维度明确说明：

1. 语法层面：CSS官方规范本身允许属性冒号后不添加空格，width:60px和width: 60px对浏览器来说解析结果完全一致，不会有任何运行差异。你的编辑器将其标记为错误，本质是触发了代码风格校验规则（比如Stylelint等工具的默认规范要求冒号后加空格），这属于编码风格问题，不是语法错误。
2. 性能层面：

• 如果你写完的CSS文件直接不做任何处理就上线，省略空格确实能减少极小的文件体积，但即使是上万行的CSS文件，所有冒号后省下来的空格总大小也只有几KB，对现代网络的页面加载速度影响可以忽略，优化效果远不如压缩一张冗余的图片。
• 目前正规的前端项目上线前都会执行代码压缩（minify）操作，压缩工具会自动删除所有不必要的空格、换行、注释，你开发时加的所有空格不会出现在最终上线的文件里，完全不需要手动省略空格来优化体积。

3. 开发建议：日常编码时建议遵循通用规范在冒号后加空格，能大幅提升代码可读性，不管是你自己后续维护还是和其他开发者协作都更高效，性能问题交给自动化的压缩工具处理即可。

内容的提问来源于stack exchange，提问作者Fred Fredrik