firebug 組件 一年前 就接觸了 當時,用的是net組件
網(wǎng)站建設哪家好,找創(chuàng)新互聯(lián)建站!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了內(nèi)江免費建站歡迎大家使用!
今天發(fā)現(xiàn) 還有個 pagespeed 組件 也不錯,果斷下載學習
就會用一些它的功能,這篇文章 就來 歸納 整理和深入吧;
(不斷更新)
谷歌Page Speed的安裝和使用
頁面優(yōu)化是SEO優(yōu)化工作中必不可少的一項任務,這里我想大家推薦我目前用的谷歌Page Speed插件,Page Speed是谷歌推出的一個網(wǎng)頁優(yōu)化建議插件,它并不能獨立允許。而是要依托火狐瀏覽器,且火狐瀏覽器必須安裝了一個名為Firebug的插件,才能正常的使用Page Speed對網(wǎng)頁進行分析。所以首先我們必須安裝火狐瀏覽器,應該每個站長電腦上都安裝了火狐瀏覽器吧,但有些人卻沒有安裝page speed插件,這里我就見到介紹下安裝和使用方法吧。
首先選擇附加組件進入組件界面搜索firebug,搜索結果中的第一個就是了,點右邊的安裝按鈕進行安裝。
安裝好后下載pages speed進行安裝。下載地址:https://developers.google.com/speed/pagespeed/download?hl=zh-CN
下載到電腦上后直接安裝,有提示選是就可以了。安裝好后火狐工具欄上會多出一個蜘蛛小標識。
YSlow可以分析任何網(wǎng)站,并為每一個規(guī)則產(chǎn)生一個整體報告,如果頁面可以進行優(yōu)化,則YSlow會列出具體的修改意見。
減少HTTP請求
Use a Content Delivery Network (cdn)使用一個內(nèi)容分發(fā)網(wǎng)絡(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元素的數(shù)目
Split Components Across Domains跨域分離組件
Minimize Number of iframes最小化iframes的數(shù)量
Avoid 404s避免404年代
Reduce Cookie Size減少Cookie大小
Use Cookie-Free Domains for Components使用cookie的域組件
Minimize DOM Access最小化DOM訪問
Develop Smart Event Handlers開發(fā)智能事件處理程序
Choose Over @import選擇< link >在@ import
Avoid Filters避免過濾器
Optimize Images優(yōu)化圖像
Optimize CSS Sprites優(yōu)化CSS Sprites
Do Not Scale Images in html不要大規(guī)模的圖像在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