如何删除多余无用的css

html-css018

如何删除多余无用的css,第1张

1.首先要判断哪些才是无用的css

用浏览器,打来你制作的网页,我的是360的浏览器,右键网页有项“审计元素(N)”

2.左上角显示html的标签,点选标签

显示对应的css在它的左下角

横线划了的是无用的css,

上图中“aio_e332ee9.css:19”

列数这是什么文件的第几行

你可以在aio_e332ee9.css文件的第19行找到.wgt-ask

3.然后删除里面的失效css语句

重复点选标签寻找

最后,工作量很大,不过毕竟比自己判断着来的快多了

我们在代码优化(二)里面介绍了影响网页速度的几个因素以及为网页瘦身的原因,今天在这一节里面我们就详细的介绍怎样为网页瘦身的方法、技巧。

1、首先我们要去掉空白区域

一般情况下来说,空白区域包括空格、换行符、制表符等这些对网页不起任何作用的都可以安全的删除,删除它们对网页不会产生任何影响,但是值得注意的是,在修改的过程中要尽量避免修改pre,textarea,及受css属性中white-space影响的标签。所以鉴于这种情况,我建议大家在做seo网站优化之前做个备份。

2、去掉注释内容

注释是为了让看代码的人清晰明了,对网页美观和速度不产生任何影响,所以除了在客户端给ie和octype声明的注释,几乎所有的注释都可以k掉,可以放心的去除所有的注释内容。

3、使用短格式的颜色表示

我们常常在用颜色的时候喜欢用16进制和全颜色名称,认为这样比较精确,但我们要尽可能根据实际情况使用短格式的颜色表示如:#000000,其实就是black。

4、用短格式的字符表示

和最短颜色表示一样,一些名称可以用最短字符来表示,我们可以用较短的数字来代替某些长长的字母。5、除去无用的标签

有些无用的标签,比如使用了多次的重复标签或者某些编辑器里面用做广告的meta标签,都可以放心大胆的去除掉。

在seo网站优化的过程中代码优化最基本的冗余代码的去处就是上面我们所讲述的五点内容,也是要加快网页下载速度必须要做的最基本性的工作,这些冗余代码都去掉了之后,剩下的工作就是做css和js的优化了,下一节我详细的给大家介绍介绍css和js的优化技巧。

代码冗余就是网页代码存在大量的重复代码,比如下面的CSS写法内容中大量使用,会让代码行显示的非常长,不利于优化。

一般的前端开发人员都会遵守最基本的W3C标准,让代码简洁可读,提升页面的加载速度和效率。