清除网站无用的CSS属性提升加载速度

一、清除无用CSS属性的好处。

网站如何清除无用的CSS

众所周知,网站打开的速度决定着网站的未来发展命运。而且,我写过一篇决定网站未来命运的因素这篇文章讲的就是网站空间这方面,有时间的话朋友可以去看看。但是影响网站打开速度的不仅仅只有网站空间,还有跟多其他方面,在这里,我们要说的是网页的大小对网站打开速度的影响。

1、影响用户量

2、影响访问量

3、影响收录

4、影响排名

5、知道网站打开速度的重要性了吧!

影响网站打开的速度有几个方面其中一个重要的因素就是网页的大小,网页越大,相应的就牺牲了网页的加载速度。而网页加载的速度缺是直接决定着用户的去留。未来网站的发展就是用户是上帝的模式,那么我们就要对网页“减肥”了,网页体积的大小其中一项因素就是CSS样式表。

无用的CSS样式产生的原因无非就是两种,第一种就是网站经过多次改版。这是由网站长时间累计造成的。第二种就是采用模板修改搭建的网站造成的大量无用的CSS样式。

所以在这里推荐两个插件,帮助各位站长把CSS文件“减减肥”。

温馨提示!各位站长在操作的时候千万千万千万记得备份!

二、清除无用的CSS步骤。

1、将CSS文件复制成三个文件,然后分别命名,比如index.css,list.css,article.css,三个文件,相信聪明的朋友知道分成三个文件是什么意思吧,就是按照网站类型来分的,网站的页面形式不同,可以分成三种,首页、列表页和内容页,当然也有其他的单页面,但也是变形而来的,所以,这里我们分成三个,这样也防止给CSS文件减肥出现错误。

2、然后修改对应模板文件上的CSS调用名称,分别对应。其它页面可以看着对应,因为这三个CSS文件其实是一个文件复制而成,内容当然也是一模一样的。

如图:

 将CSS复制成三个不同的文件名

3、我是使用QQ浏览器操作的,所以这个插件也是在QQ浏览器中找到的,打开应用中心搜索下载CSS remove and combine点击安装即可,就会出现一个图标,如下图:

 清除无用CSS的小插件

图中弹出的框的最上面就是插件的图标。弹出来的内容下面有介绍。

然后打开你的网站,先打开首页,然后点击插件,会出现上图的内容,图中1的内容是页面的标题内容,其实就是说明是哪个页面,我的英语不太好,但是对操作没影响。图中第2部分点击之后会弹出下载提示框,如图:

 CSS插件弹出来的下载框

这个就是减肥后的CSS样式表的TXT文本形式,你可以直接修改文件名使用,也可以将里面的CSS样式复制出来重新制作一个CSS文件。

上图中第三部分点击之后出现一个页面,如图:

 插件以列表方式显示出网站无用的CSS

上面列举的就是你的网站调用的CSS文件中没用用到的部分,都是可以清除的。

这这里也提醒大家,之所以分成三个文件,除了分别对应之外,也是希望CSS文件减肥之后不会对其他的页面造成影响,这样操作就是把影响降到最低。

其他的页面也是这样操作,栏目页和内容页,先备份再打开页面,最后操作,几遍不成功,还可以还原回来。

当然,各位站长也可以举一反三,将公用页面的CSS样式表单独出来,例如头部和尾部,这样就可以减肥更多。

4、另外推荐一个插件,也是从QQ浏览器应用中心的,叫做:Unused CSS Selectors,如图:

两个清除网站无用的CSS的插件

这个插件可以帮助你检测这个页面,有多少被使用和没有被使用的CSS样式表。这样还可以在此基础上更进一步。不过减肥之后通常文件都会减少大部分的文件大小了,剩下的影响也有但是也不会太大了。这两个插件配合使用更好。

欢迎转载,转载时请您以链接形式注明来源! 本文地址:http://www.seobn.com/377.html
上一篇:纯代码实现WordPress自动生成静态缓存文件
下一篇:用来抓数据的33款开源爬虫软件工具