css优化技巧自己实践心得

ttx9n · 发表于 2013-9-9 09:11:43

css优化已被我们所关注，根据个人实践整理了几条金规玉律，大家可以在使用过程中做下参考，希望对大家有所帮助 1、使用css精灵。

好处是将css中使用的小图片可以合并为一张大图片减少了对服务器端的请求，服务器压力小，页面加载速度也快。

2、合并多个css文件为单个css文件。

好处同css精灵

3、使用外部css。

外部css可以被浏览器缓存，而且便于维护。

4、将css放在head中。

可以参考雅虎的文档http://developer.yahoo.com/performance/rules.html#css_top

5、使用link而不是import

使用import页面加载的速度会慢。而且在IE中加载顺序可能与预期不一致，这将直接导致显示问题。

6、使用css简写。

比如使用margin代替margin-top等的写法。

7、相似的样式放在一起，避免重复书写。

8、减少换行。

9、删除最后的分号。

10、使用单行注释。

11、rgb颜色简写。

12、去掉不必要的单位，比如px。

13、删除不使用的样式。

可以减小文件，缩短浏览器解析和匹配时间。

14、压缩css文件。

以上这些都很浅显，没有做过多的说明，当然有一些css压缩工具有优化功能。

lba36h7g · 发表于 2022-8-9 03:55:27

而快乐你们快乐马年快乐

e8hwl6prw · 发表于 2022-12-12 16:40:07

还有什么好东西没

czoz5y · 发表于 2022-12-15 18:02:33

看看看看

r8st9 · 发表于 2023-2-22 06:16:57

的vgdsvsdvdsvdsvds

0y3yp · 发表于 2023-6-4 22:53:57

看看怎么样再说

64000928 · 发表于 2023-10-16 18:47:24

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

fzyzy · 发表于 2023-10-19 06:27:24

iiguuubhuiuihu

sykzus · 发表于 2023-12-3 00:31:18

好东西一定要看看！

fiyeid · 发表于 2024-4-3 06:56:31

还可以不错

账号		自动登录	找回密码
密码			立即注册

[心得技巧] css优化技巧自己实践心得

相关帖子