仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 634|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:清算无用的CSS款式的几个有效东西

[复制链接]
柔情似水 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:35:02 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
网页制造poluoluo文章简介:这些无用的华侈了一些服务器空间和带宽损耗,也会增年夜我们的保护本钱。那末有无一些举措来清算那些无用的款式呢?明天就让我们来懂得一下几个对照有效的工具。
在我们写款式的时分,页面的CSS在履历几个版本的修正以后,大概有些款式已用不到了,也许将某些款式改名了而本来的忘了删除,总之页面中大概存在着一些无用的款式。这些无用的华侈了一些服务器空间和带宽损耗,也会增年夜我们的保护本钱。那末有无一些举措来清算那些无用的款式呢?明天就让我们来懂得一下几个对照有效的工具。
Dust-Meselectors

Dust-Me是一个很有效也很好用的Firefox插件,它能够剖析到你的页面中挪用的一切CSS文件并剖析那些在页面中没有被用到。


  • 撑持当地和远程款式文件,包含利用<link>标签、<?xml-stylesheet?>处置指令、@import语句等体例引进的款式文件;(可是不撑持页面中的<style>块和内联款式)
  • 撑持IE前提正文中引进的款式文件;
  • 能够反省一个页面,也能够反省全部网站;
  • 撑持CSS1选择器、年夜部分CSS2和CSS3选择器;
  • 了解通用的CSShack,好比“*html#fuck-ie”将会被以为是”html#fuck-ie”;
  • 撑持Firefox3.5和Firefox3.0,现实上得益于FF3.5的js引擎的改善,FF3.5中的功能比FF3.0要高50%。

安装:点击这里。同时,你能够下载该项目标源代码,懂得更多请会见Dust-Meselector官方页面。
PageSpeed

PageSpeed是Google供应的一个前端功能剖析工具,有些相似于YSlow,可是供应了一些对照本性且很有效的工具,好比RemoveunusedCSS:

PageSpeed和YSlow一样依附Firebug,懂得概况和安装请会见这里。
CSSRedundancyChecker

CSSRedundancyChecker是一个收费的在线使用,能够反省一切的利用某个CSS文件的页面中无用的款式。能够同时反省某一个款式在多个页面中的利用情形。该工具的不敷是固然一次能反省多个HTML页面,但每次只能反省一个CSS文件,并且还要手动输出:

IntelliJIDEA

IntelliJIDEA这是一个颇壮大的IDE,相似于Dreamweaver,不外在国际用的未几。该软件包含一个立即代码剖析工具(On-the-flyCodeAnalysis),能够剖析CSS文件中未用到的class和id。
ExpressionWeb

ExpressionWeb作为微软的新一代网站开辟工具,仍是有良多人利用的,其CSSReport功效能够反省未用到必要被扫除的CSS(我切实其实没有利用EW开辟过网站,但愿利用该软件的童鞋能够协助确认一下这一点)。
结语

固然大概另有别的的某些工具这里没有提到,假如人人有所懂得,能够与人人分享。
别的,一般我们将全部网站的款式写进一个或多个款式文件中,然后在页面中全体挪用大概分模块挪用,那末某个CSS文件中的款式大概在某个页面中切实其实没有效到可是在别的的页面中被用到了,以是利用这些工具检测CSS文件中过剩的款式的时分,必要坚持必定的审慎,扫除款式大概会影响到别的的页面,以是pagespeed供应的反省了局只合用于单个页面,不合适全部网站,而利用Dust-Me或CSSRedundancyChecker的时分能够对全部网站大概网站的多个页面同时反省,如许大概能制止十拿九稳。
PS:ThankstoKnowledgeCapsules’sworkverymuch.

凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和Flash,所以我一直建议一个提交按钮就不要用图片带代替了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-6-3 17:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表