導(dǎo)讀:網(wǎng)站優(yōu)化網(wǎng)站優(yōu)化網(wǎng)站在瀏覽器中的加載時(shí)間是確定網(wǎng)站在搜索引擎中排名好壞的參數(shù)之一。除了SEO之外，網(wǎng)站速度在確定網(wǎng)站流量和轉(zhuǎn)化率方面也起著重要的作用。今天我們來介紹下GTmetseo網(wǎng)站優(yōu)化培訓(xùn)北京網(wǎng)站建設(shè)。

網(wǎng)站在瀏覽器中的加載時(shí)間是確定網(wǎng)站在搜索引擎中排名好壞的參數(shù)之一。除了SEO之外，網(wǎng)站速度在確定網(wǎng)站流量和轉(zhuǎn)化率方面也起著重要的作用。今天我們來介紹下GTmeseo網(wǎng)站優(yōu)化軟件trix這個(gè)網(wǎng)站打開速度檢測分析工具。GTmetrix是什么？GTmetrix 它是一個(gè)免費(fèi)的在線工具，只要免費(fèi)注冊一個(gè)賬號，就可以測試你網(wǎng)站的性能。你可以輸入網(wǎng)址進(jìn)行一次測試，但也可以選擇GTmetrix PRO，它是GTmetrix的高級產(chǎn)品，可為你的測試提供更高的優(yōu)先級和一些額外功能。基本計(jì)劃是免費(fèi)的，可定時(shí)監(jiān)視3個(gè)網(wǎng)址（僅限加拿大溫哥華，僅免費(fèi)提供每天一次監(jiān)視），而付費(fèi)計(jì)劃的起價(jià)為每月14.95美元。GTmetrix功能介紹？GTmetrix的基礎(chǔ)版本是免費(fèi)的，你只需注冊一個(gè)賬號就可以獲得更多功能，如選擇瀏覽器UA版本，服務(wù)器節(jié)點(diǎn)等。同時(shí)也提供有收費(fèi)版本，基本上免費(fèi)版本就夠我們使用了。我們建議你注冊一個(gè)賬號，我們可以使用更多的網(wǎng)頁分析選項(xiàng)。首先我們要選擇測試網(wǎng)頁的服務(wù)器節(jié)點(diǎn)。服務(wù)器節(jié)點(diǎn)非常重要，通常我們建議選擇離我們網(wǎng)江陰seo網(wǎng)站優(yōu)化推廣站托管服務(wù)器最近的節(jié)點(diǎn)，這樣就可以減少延遲，提高加載時(shí)間。目前可用的測試服務(wù)器節(jié)點(diǎn)包括：美國中國香港英國倫敦印度孟買悉尼，澳大利亞巴西圣保羅加拿大溫哥華通常國內(nèi)的話只能選擇香港節(jié)點(diǎn)，不過這個(gè)也不準(zhǔn)確的，因?yàn)槲覀冊谡鴥?nèi)訪問國內(nèi)節(jié)點(diǎn)網(wǎng)站的時(shí)候，在2秒內(nèi)打開，但是我們測試的結(jié)果現(xiàn)在在5秒左右，證明實(shí)際的延遲比想象中大很多。當(dāng)然前面說過，這個(gè)不是重點(diǎn)，重點(diǎn)是GTmetrix的網(wǎng)站頁面分析功能。上半部分是我們得到的基本信息，包括了測試時(shí)間，測試服務(wù)器節(jié)點(diǎn)，使用的瀏覽器User-Agent，其次是網(wǎng)站得分，以及頁面加載的信息；我們這里先忽略右邊的Fully Loaded Time(加載時(shí)間)，主要看左側(cè)的兩個(gè)分?jǐn)?shù)PageSpeed Score和YSlow Score,100%為滿分，然后是網(wǎng)站具體的得分和扣分項(xiàng)目了。這里主要講解PageSpeed Score，這個(gè)是GTmetrix 使用Google PageSpeed Insight規(guī)則進(jìn)行評分的一個(gè)評分機(jī)制。同時(shí)支持評級從0-100（F-A）,有超過25項(xiàng)分析項(xiàng)目，從服務(wù)器的文件加載，頁面代碼結(jié)構(gòu)，靜態(tài)文件，以及服務(wù)器緩存等多多方面進(jìn)行打分，讓我們的網(wǎng)站項(xiàng)目問題一目了然。針對常見的幾個(gè)網(wǎng)站優(yōu)化項(xiàng)目進(jìn)行說明：1、網(wǎng)站圖片尺寸的控制這里主要是指我們在網(wǎng)站上調(diào)用的圖片尺寸比實(shí)際顯示區(qū)域的尺寸大的問題，如我們在網(wǎng)頁上實(shí)際顯示的尺寸是200*200，圖片的實(shí)際尺寸是400*400，這時(shí)就會(huì)報(bào)這樣的扣分項(xiàng)，同時(shí)給出了具體的提示。WordPress網(wǎng)站如出現(xiàn)這樣的提示，可以在實(shí)際操作中將圖片設(shè)置為指定大小，或者在選擇圖片插入時(shí)選擇圖片的尺寸，（自適應(yīng)站點(diǎn)，為了兼顧各個(gè)瀏覽器顯示，可能會(huì)有更多的扣分，這里需要視情況作出取舍）。2、網(wǎng)站圖片文件壓縮大小的控制這里指靜態(tài)圖片文件，在從設(shè)計(jì)軟件導(dǎo)出后，還可以進(jìn)一步進(jìn)行壓縮，或無損壓縮，這里同樣給出了具體的優(yōu)化說明。3、圖片缺少寬度高度屬性這里指圖片文件在頁面上HTML或CSS 內(nèi)均沒有定義大小的參數(shù)時(shí)產(chǎn)生的扣分，這里需要有針對性的進(jìn)行取舍。4、靜態(tài)文件壓縮檢測這里的選項(xiàng)在實(shí)際測試中被拆分成了多個(gè)：1)  頁面、靜態(tài)資源（JS,CSS,HTML）的壓縮，這里主要指文件里的空行，回車等；Wordpress網(wǎng)站可以使用Autoptimze免費(fèi)插件進(jìn)行壓縮。2) 文本資源的GZIP檢測（這個(gè)是服務(wù)器端的一種文本壓縮機(jī)制，通常配合服務(wù)器環(huán)境進(jìn)行配置，不過多描述）。開啟GZIP需要到服務(wù)器端進(jìn)行配置，通常使用Apache和nginx的默認(rèn)是支持的。5、靜態(tài)文件的瀏覽器緩存檢查這是服務(wù)器向?yàn)g覽器傳輸靜態(tài)文件時(shí)告訴瀏覽器這個(gè)是靜態(tài)文件，可以緩存到本地，以方便下次調(diào)用的方法。6、內(nèi)聯(lián)CSS和JS這里也被列為了扣分項(xiàng)目，這里的取舍原則是，較少的CSS和JS可以使用內(nèi)聯(lián)的方法處理，通常如小網(wǎng)站，為了減少資源請求次數(shù)，其他網(wǎng)站不建議這么操作的。7、同一頁面加載多個(gè)域名的靜態(tài)資源這里主要指使用不同域名的CDN或者從不同服務(wù)器網(wǎng)站調(diào)用數(shù)據(jù)，如果不可避免可以在頁面頭部添加預(yù)解析域名： <link rel="dns-prefetch" href="http://nsclick.xxx.com" />8、推遲加載JavaScript在頁面顯示出來前加載js代碼，會(huì)影響頁面的展現(xiàn)出來的速度，通常我們在允許的情況下，建議將js文件放到html文件尾部（部分主題將JS后置會(huì)出現(xiàn)頁面加載異常的情況），這里我們同樣可以使用WordPress免費(fèi)的Autoptimize插件或者Async JavaScript插件來實(shí)現(xiàn)。9、刪除靜態(tài)文件中的查詢字符我們經(jīng)常看到頁面中有style.css?ver=4.8的代碼，后面的ver=4.8就是我們的查詢字符，這里也作為了扣分項(xiàng)，因?yàn)椴糠諧DN或者靜態(tài)資源加速服務(wù)不支持緩存帶有查詢字符串的靜態(tài)資源。10、減少HTTP請求這一條是YSlow給出網(wǎng)seo優(yōu)化趨勢的優(yōu)化項(xiàng)，也是我們特別需要注意的地方，通常一個(gè)頁面的打開速度，關(guān)鍵在于兩點(diǎn)，一是瀏覽器的渲染速度（或者說是電腦性能），二是服務(wù)器往瀏覽器傳輸頁面及靜態(tài)文件的速度，請求的文件數(shù)量越多，自然就越慢。綜上所述， GTmetrix報(bào)告?zhèn)戎赜谛阅芎徒Y(jié)構(gòu)，即頁面對用戶的實(shí)際效果（加載，交互性，視覺穩(wěn)定性）以及頁面的性能表現(xiàn)。GTmetrix的免費(fèi)功能可以幫助我們了解自己的外貿(mào)網(wǎng)站性能和用戶體驗(yàn)處于什么水平，大家可以訪問 GTmetrix 官方網(wǎng)址測試下自己的網(wǎng)站。

關(guān)鍵詞標(biāo)簽: 網(wǎng)站 速度 工具