我知道国内很多网页制作人员都还在制作table式网页,这样的网页打开速度很慢。如果要想网站打开速度快,就要学会使用DIV+CSS,将图片写进CSS,这样如果网站内容很多的时候,也不会影响网页的浏览。它会先显示文字,在你一边浏览的时候,它就一边加载网页的图片。但是很多初学者写的CSS就是代码不够简洁,很多地方重复多余。
现在,我就教大家如何优化CSS,压缩CSS的大小,使网页加载速度更快。
要优化你网站的CSS,首先第一步就是要将你的多个CSS文件合并,这样减少一个CSS文件你的网页速度就会快上一点。CSS文件越少越好,最好只有1个。这样少一个CSS,就直接减少一个http请求。
其次,我给大家推荐一个叫Clean CSS的网站,网址是http://www.cleancss.com/,将你的CSS代码或者CSS文件的URL路径放在输入框中,然后选择你的压缩级别,最后点击“Procsss CSS”。你就可以看到,CSS代码现在简洁多了,注释语句没有了,还有一些代码也合并了,颜色代码简写了。前后比较一下你的CSS文件,你就会发现,文件变小了很多。
最后,你还是不满意的你CSS文件大小的话,我们还可以进一步压缩,但是这样以来就会影响到以后的阅读了。我还是将这个压缩工具也一起告诉大家,它就是Online YUI Compressor,地址是http://www.refresh-sf.com/yui/。注意这个不但可以压缩CSS,还可以压缩JS,但是压缩后的文件都会变成一行,它把所有换行的空白都去掉了,这样文件更加小了。如果你以后不再修改CSS了,那么可以使用一下。文件真的会变小很多哦。