Firebug和Yslow是个好工具

火狐浏览器上装的Firebug很久没用了，昨晚打开Firebug和Yslow，边浏览博客边看代码，突然发现有几个404，果断打开模板编辑。这使得网页打开速度提高了16毫秒，优化代码如下：

1：删除了4个无用的CSS文件，原因是上次整合CSS后忘记删除了，导致打开网页时仍要加载这4个CSS文件。

2：删除1个无用的图片。

3：把wumii（无觅相关文件插件JS）和jiathis（社会化分享工具JS）统一整合到util.js文件中。注：util.js为《低调与华丽》公用文件，默认效果为，浏览网页时会在网页中出现“回顶部、写评论”特效。

感悟：有事没事打开Firebug浏览网站，如果它不仅能告诉你哪个代码影响了网站速度，还能告诉你哪里需要优化。Firebug和Yslow这个组合工具我之前介绍过，而关于它们的详细用法请参见“Yslow的使用方法”。

Firebug和Yslow是个好工具相关推荐

Firebug方便分解网页的小工具
以前在火狐浏览器上安装了Firebug小插件,今天分解一个网页模板时发现真的很方便.直接在浏览器上就能看到彩色显示的html文本,还能和网页显示的内容对应,十分有助于理解网页的布局,方便分割网页代码. ...
网站性能工具Yslow的使用方法
Yslow是雅虎开发的基于网页性能分析浏览器插件,从年初我使用了YSlow后,改变了博客模板大量冗余代码,不仅提升了网页的打开速度,这款插件还帮助我分析了不少其他网站的代码,之前我还特意写了提高网站速 ...
Chrome开发者工具和Firebug的一些简单比较
Firebug是Firefox下著名的网页调试工具,而Chrome的开发者工具同样非常优异.今天我就简单的比较一下两者,同时也是对自己推文的一个总结和回顾. 在查看DOM上,两者虽然在具体操作方式上有 ...
web：网站性能工具Yslow
2019独角兽企业重金招聘Python工程师标准>>> Yslow是雅虎开发的基于网页性能分析浏览器插件,从年初我使用了YSlow后,改变了博客模板大量冗余代码,不仅提升了网页的打开 ...
Firefox+FireBug+YSlow搭建测试web前端性能
一.工具及版本: 1.FireFox:Firefox Setup 35.0.1 下载地址:http://ftp.mozilla.org/pub/firefox/releases/,里面有firefox ...
Firebug高级用法 - Web开发的利器
Firebug是一个Firefox插件,是Web开发的利器.从此处下载.工具用好了能大大提高开发效率.下面介绍一些用法: 查看编辑HTML和CSS,查看DOM 两个方法,一个是在新窗口中打开Fireb ...
三大主流浏览器Web开发工具
一个快速加载网页在很大程度上节约用户的浏览页面时间成本,作为一名WEB开发人员,我们要寻求一些解决办法,传统的在浏览器中 "右键-查看源代码"已经过时了,它不能做良好的代码检查,作 ...
工作中常用,实用工具推荐！
原文:工作中常用,实用工具推荐! Red Gate 家族大名鼎鼎的RedGate,相信大家都不会陌生,Reflector就是它家做的.这里就不介绍了.我本地安装的是09年下的一个套装,我介绍下常用的 ...
高性能WEB开发(6) - web性能测试工具推荐
Posted on 2010-04-28 12:57 BearRui(AK-47) 阅读(9341) 评论(14) 编辑收藏所属分类: 高性能WEB开发本来这篇文章应该在写在前面的,因本人写 ...

Firebug和Yslow是个好工具

Firebug和Yslow是个好工具相关推荐

最新文章

热门文章