SEOER可以通過對(duì)網(wǎng)頁性能的速度測(cè)量和分析來獲取網(wǎng)頁上的大部分性能數(shù)據(jù)。如何根據(jù)這些數(shù)據(jù)采取適當(dāng)?shù)姆椒ê褪侄蝸韮?yōu)化SEO的性能？  

基于SEO優(yōu)化的PC瀏覽器前端優(yōu)化技術(shù)  

前端優(yōu)化策略很多，可以概括為網(wǎng)絡(luò)加載類、頁面呈現(xiàn)類、CSS優(yōu)化類、javascript執(zhí)行類、緩存類、圖像類、體系結(jié)構(gòu)協(xié)議類等。  

網(wǎng)絡(luò)加載類  

1、減少HTTP資源請(qǐng)求的數(shù)量  

百度和谷歌官員在他們的搜索優(yōu)化指南中反復(fù)強(qiáng)調(diào)盡可能多地合并HTTP請(qǐng)求。在前端頁面中，通常建議盡量合并靜態(tài)資源圖片、javascript或css代碼，以減少頁面請(qǐng)求數(shù)量和資源請(qǐng)求消耗，從而縮短首次訪問頁面的用戶的等待時(shí)間。通過構(gòu)建工具合并圖像、CSS、javascript和其他文件可以減少HTTP資源請(qǐng)求的數(shù)量。此外，我們應(yīng)該盡最大努力避免重復(fù)資源和增加冗余請(qǐng)求。  

2、減小HTTP請(qǐng)求大小  

除了減少HTTP資源請(qǐng)求的數(shù)量，我們還應(yīng)該最小化每個(gè)HTTP請(qǐng)求的大小。例如，可以使用減少不必要的圖片、javascript、css和html代碼、優(yōu)化文件壓縮或使用gzip壓縮傳輸內(nèi)容來減少文件大小和縮短網(wǎng)絡(luò)傳輸?shù)却龝r(shí)間。特別是百度閃電算法之后，對(duì)網(wǎng)站的訪問速度也有要求。  

3、將css或javascript放在外部文件中，避免直接使用<style>或<script>標(biāo)記。  

在HTML文件中引用外部資源可以有效地利用瀏覽器的靜態(tài)資源緩存，但有時(shí)在簡單的移動(dòng)頁面css或javascript的情況下，為了減少請(qǐng)求，css或javascript會(huì)直接寫入HTML，具體根據(jù)css或javascript文件的大小和業(yè)務(wù)場景而定。如果css或javascript文件的內(nèi)容更多，業(yè)務(wù)邏輯更復(fù)雜，建議將其引入外部文件。  

<linkrel=“stylesheet”href=“//cdn.domain.com/path/main.css”><scriptsrc=“//cdn.domain.com/path/main.js”><script>  

4、避免空心Href和SRC  

當(dāng)<link>標(biāo)記的href屬性為空或<script>、<img>和<iframe>標(biāo)記的src屬性為空時(shí)，瀏覽器在渲染過程中仍會(huì)加載href屬性或src屬性的空內(nèi)容，直到加載失敗，從而阻止頁面中其他資源的下載過程，加載的內(nèi)容。是無效的，所以應(yīng)該盡量避免。  

<imgsrc=“”alt=“photo”>ahref=“>單擊鏈接</a>  

5、為HTML指定Cache-Control或Expires  

為HTML內(nèi)容設(shè)置Cache-Control或Expires可以將HTML內(nèi)容緩存起來，避免頻繁向服務(wù)器端發(fā)送請(qǐng)求。在頁面Cache-Control或Expires頭部有效時(shí)，瀏覽器將直接從緩存中讀取內(nèi)容，不向服務(wù)器端發(fā)送請(qǐng)求。  

<metahttp-equiv="Cache-Control"content="max-age=7200"/><metahttp-equiv="Expires"content="Mon,20Jul201623:00:00GMT"/>  

6、合理設(shè)置Etag和Last-Modified  

合理設(shè)置Etag和Last-Modified使用瀏覽器緩存，對(duì)于未修改的文件，靜態(tài)資源服務(wù)器會(huì)向?yàn)g覽器端返回304，讓瀏覽器從緩存中讀取文件，減少Web資源下載的帶寬消耗并降低服務(wù)器負(fù)載。  

<metahttp-equiv="last-modified"content="Mon,03Oct201714:45:57GMT"/>  

7、減少頁面重定向  

頁面每次重定向都會(huì)延長頁面內(nèi)容返回的等待延時(shí)，一次重定向大約需要600毫秒的時(shí)間開銷，為了保證用戶盡快看到頁面內(nèi)容，要盡量避免頁面重定向。  

8、使用靜態(tài)資源分域存放來增加下載并行數(shù)  

瀏覽器在同一時(shí)間向同一個(gè)域名請(qǐng)求文件的并行下載數(shù)是有限的，因此可以利用多個(gè)域名的主機(jī)來存放不同的靜態(tài)資源，增大頁面加載時(shí)資源的并行下載數(shù)，縮短頁面資源加載的時(shí)間。通常根據(jù)多個(gè)域名來分別存儲(chǔ)JavaScript、CSS和圖片文件。  

<linkrel="stylesheet"href="//cdn1.domain.com/path/main.css"><scriptsrc="//cdn2.domain.com/path/main.js"></script>  

9、使用靜態(tài)資源CDN來存儲(chǔ)文件  

如果條件允許，可以利用CDN網(wǎng)絡(luò)加快同一個(gè)地理區(qū)域內(nèi)重復(fù)靜態(tài)資源文件的響應(yīng)下載速度，縮短資源請(qǐng)求時(shí)間。  

10、使用CDNCombo下載傳輸內(nèi)容  

CDNCombo是在CDN服務(wù)器端將多個(gè)文件請(qǐng)求打包成一個(gè)文件的形式來返回的技術(shù)，這樣可以實(shí)現(xiàn)HTTP連接傳輸?shù)囊淮涡詮?fù)用，減少瀏覽器的HTTP請(qǐng)求數(shù)，加快資源下載速度。例如同一個(gè)域名CDN服務(wù)器上的a.js，b.js，c.js就可以按如下方式在一個(gè)請(qǐng)求中下載。  

<scriptsrc="//cdn.domain.com/path/a.js,b.js,c.js"></script>