溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

firebug擴展組件總結(jié)歸納 pagespeed 和 yslow

發(fā)布時間:2020-03-31 11:31:36 來源:網(wǎng)絡(luò) 閱讀:218 作者:petermis 欄目:web開發(fā)

firebug 組件 一年前 就接觸了 當時,用的是net組件

今天發(fā)現(xiàn) 還有個 pagespeed 組件 也不錯,果斷下載學習

就會用一些它的功能,這篇文章 就來 歸納 整理和深入吧;

(不斷更新)


谷歌Page Speed的安裝和使用

頁面優(yōu)化是SEO優(yōu)化工作中必不可少的一項任務(wù),這里我想大家推薦我目前用的谷歌Page Speed插件,Page Speed是谷歌推出的一個網(wǎng)頁優(yōu)化建議插件,它并不能獨立允許。而是要依托火狐瀏覽器,且火狐瀏覽器必須安裝了一個名為Firebug的插件,才能正常的使用Page Speed對網(wǎng)頁進行分析。所以首先我們必須安裝火狐瀏覽器,應(yīng)該每個站長電腦上都安裝了火狐瀏覽器吧,但有些人卻沒有安裝page speed插件,這里我就見到介紹下安裝和使用方法吧。


首先選擇附加組件進入組件界面搜索firebug,搜索結(jié)果中的第一個就是了,點右邊的安裝按鈕進行安裝。


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


下載到電腦上后直接安裝,有提示選是就可以了。安裝好后火狐工具欄上會多出一個蜘蛛小標識。


firebug擴展組件總結(jié)歸納 pagespeed 和 yslow



YSLOW

什么是YSlow?
YSlow[1]是Yahoo發(fā)布的一款基于FireFox的插件。
如何安裝YSlow?
安裝YSlow必須首先先安裝 Firebug,然后下載YSlow,再對其安裝。
YSlow有什么用?
YSlow可以對網(wǎng)站的頁面進行分析,并告訴你為了提高網(wǎng)站性能,如何基于某些規(guī)則而進行優(yōu)化。

YSlow可以分析任何網(wǎng)站,并為每一個規(guī)則產(chǎn)生一個整體報告,如果頁面可以進行優(yōu)化,則YSlow會列出具體的修改意見。


yslow和pagespeed等具體優(yōu)化建議

減少HTTP請求
Use a Content Delivery Network (CDN)使用一個內(nèi)容分發(fā)網(wǎng)絡(luò)(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預(yù)加載組件
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 <link> 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


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI