firebug 组件 一年前 就接触了 当时,用的是net组件
今天发现 还有个 pagespeed 组件 也不错,果断下载学习
就会用一些它的功能,这篇文章 就来 归纳 整理和深入吧;
(不断更新)
谷歌Page Speed的安装和使用
页面优化是SEO优化工作中必不可少的一项任务,这里我想大家推荐我目前用的谷歌Page Speed插件,Page Speed是谷歌推出的一个网页优化建议插件,它并不能独立允许。而是要依托火狐浏览器,且火狐浏览器必须安装了一个名为Firebug的插件,才能正常的使用Page Speed对网页进行分析。所以首先我们必须安装火狐浏览器,应该每个站长电脑上都安装了火狐浏览器吧,但有些人却没有安装page speed插件,这里我就见到介绍下安装和使用方法吧。
首先选择附加组件进入组件界面搜索firebug,搜索结果中的第一个就是了,点右边的安装按钮进行安装。
安装好后下载pages speed进行安装。下载地址:
下载到电脑上后直接安装,有提示选是就可以了。安装好后火狐工具栏上会多出一个蜘蛛小标识。
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 Expressions避免使用CSS表达式 Make 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呢 Make favicon.ico Small and Cacheable使图标。图标小和缓存 Keep Components Under 25 KB保持组件在25 KB Pack Components Into a Multipart Document打包成一个多部分文档组件 Avoid Empty Image src避免空图像src