firebug扩展组件总结归纳 pagespeed 和 yslow
更新:HHH   时间:2023-1-7


firebug 组件 一年前 就接触了 当时,用的是net组件

今天发现 还有个 pagespeed 组件 也不错,果断下载学习

就会用一些它的功能,这篇文章 就来 归纳 整理和深入吧;

(不断更新)


谷歌Page Speed的安装和使用

页面优化是SEO优化工作中必不可少的一项任务,这里我想大家推荐我目前用的谷歌Page Speed插件,Page Speed是谷歌推出的一个网页优化建议插件,它并不能独立允许。而是要依托火狐浏览器,且火狐浏览器必须安装了一个名为Firebug的插件,才能正常的使用Page Speed对网页进行分析。所以首先我们必须安装火狐浏览器,应该每个站长电脑上都安装了火狐浏览器吧,但有些人却没有安装page speed插件,这里我就见到介绍下安装和使用方法吧。


首先选择附加组件进入组件界面搜索firebug,搜索结果中的第一个就是了,点右边的安装按钮进行安装。


安装好后下载pages speed进行安装。下载地址:https://developers.google.com/speed/pagespeed/download?hl=zh-CN


下载到电脑上后直接安装,有提示选是就可以了。安装好后火狐工具栏上会多出一个蜘蛛小标识。




YSLOW

什么是YSlow?
YSlow[1]是Yahoo发布的一款基于FireFox的插件。
如何安装YSlow?
安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对其安装。
YSlow有什么用?
YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。

YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。


yslow和pagespeed等具体优化建议

减少HTTP请求
Use a Content Delivery Network (CDN)使用一个内容分发网络(CDN)
Add Expires or Cache-Control Header添加Expires或cache – control头
Gzip ComponentsGzip部件
Put Stylesheets at Top把样式表在顶级
Put Scripts at Bottom把脚本底部
Avoid css Expressions避免使用CSS表达式
Make javascript and CSS External使JavaScript和CSS外部
Reduce DNS Lookups减少DNS查找
Minify JavaScript and CSS贬低JavaScript和CSS
Avoid Redirects避免重定向
Remove Duplicate Scripts去除重复的脚本
Configure ETags配置ETags
Make Ajax Cacheable使Ajax可缓存
Flush Buffer Early冲洗缓冲早期
Use GET for Ajax Requests使用GET Ajax请求
Postload ComponentsPostload组件
Preload Components预加载组件
Reduce the Number of DOM Elements减少DOM元素的数目
Split Components Across Domains跨域分离组件
Minimize Number of iframes最小化iframes的数量
Avoid 404s避免404年代
Reduce Cookie Size减少Cookie大小
Use Cookie-Free Domains for Components使用cookie的域组件
Minimize DOM Access最小化DOM访问
Develop Smart Event Handlers开发智能事件处理程序
Choose <link> Over @import选择< link >在@ import
Avoid Filters避免过滤器
Optimize Images优化图像
Optimize CSS Sprites优化CSS Sprites
Do Not Scale Images in html不要大规模的图像在HTML呢
Make favicon.ico Small and Cacheable使图标。图标小和缓存
Keep Components Under 25 KB保持组件在25 KB
Pack Components Into a Multipart Document打包成一个多部分文档组件
Avoid Empty Image src避免空图像src


返回web开发教程...