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

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

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

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

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

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

減少HTTP請(qǐng)求的大小

除了減少HTTP資源請(qǐng)求的數(shù)量外，我們還應(yīng)該減少每個(gè)HTTP請(qǐng)求的大小。例如，您可以通過(guò)減少不必要的圖像、JavaScript、CSS和HTML代碼、優(yōu)化文件壓縮或使用gzip壓縮傳輸內(nèi)容來(lái)減少文件大小和網(wǎng)絡(luò)傳輸延遲。特別是百度閃電算法之后，對(duì)網(wǎng)站的訪問(wèn)速度也有要求

3。將CSS或JavaScript放在外部文件中，避免使用&；直接地lt；&樣式；燃?xì)廨啓C(jī)；或（&A）；lt；&腳本；燃?xì)廨啓C(jī)；標(biāo)記

引用HTML文件中的外部資源可以有效地使用瀏覽器的靜態(tài)資源緩存，但有時(shí)對(duì)于簡(jiǎn)單的移動(dòng)頁(yè)面CSS或JavaScript，CSS或JavaScript會(huì)直接寫(xiě)入HTML以減少請(qǐng)求，具體取決于CSS或JavaScript文件的大小和業(yè)務(wù)場(chǎng)景。如果CSS或JavaScript文件的內(nèi)容更多，業(yè)務(wù)邏輯更復(fù)雜，建議將其引入外部文件

&；lt；linkrel=“樣式表”href=“//cdn.domain.com/path/main.css”&；gt；&；lt；scriptsrc=“//cdn.domain.com/path/main.js”&；gt；&；lt；&腳本；gt；

避免空心href和SRC

when&；lt；鏈接（&A）；燃?xì)廨啓C(jī)；標(biāo)記的href屬性為空或（&；lt；&腳本；gt；、&；lt；圖像（&G）；gt；&；lt；i框架（&；燃?xì)廨啓C(jī)；當(dāng)標(biāo)記的SRC屬性為空時(shí)，瀏覽器仍會(huì)在呈現(xiàn)過(guò)程中加載href屬性或SRC屬性的空內(nèi)容，直到加載失敗，從而阻止頁(yè)面中其他資源的下載過(guò)程加載內(nèi)容。無(wú)效，因此應(yīng)盡量避免使用

&；lt；imgsrc=“”alt=“照片”&；燃?xì)廨啓C(jī)；ahref=“&；gt；單擊鏈接lt；/A>；

為HTML指定緩存控制或過(guò)期

為HTML內(nèi)容設(shè)置緩存控制或過(guò)期以緩存HTML內(nèi)容并避免頻繁請(qǐng)求服務(wù)器。當(dāng)頁(yè)面緩存控制或過(guò)期標(biāo)頭有效時(shí)，瀏覽器將直接從緩存中讀取內(nèi)容，而不會(huì)向服務(wù)器發(fā)送請(qǐng)求。

<；metahttp等效=&；QUOTE；緩存控制（&C）；QUOTE；內(nèi)容=&；QUOTE；最大年齡=7200歲；quot；/&；gt；&；lt；metahttp等效=&；QUOTE；過(guò)期（&P）；QUOTE；內(nèi)容=&；QUOTE；2016年7月20日星期一3:00:00GMT&；quot；/&；gt；

6、合理設(shè)置Etag和lastmodified

合理設(shè)置Etag和lastmodified以使用瀏覽器緩存。對(duì)于未修改的文件，靜態(tài)資源服務(wù)器將返回304到瀏覽器，讓瀏覽器從緩存讀取文件，減少web資源下載的帶寬消耗，并減少服務(wù)器負(fù)載；lt；metahttp等效=&；QUOTE；上次修改（&M）；QUOTE；內(nèi)容=&；QUOTE；周一，2017年10月3日14:45:57GMT&；quot；/&；gt；

減少頁(yè)面重定向

每個(gè)頁(yè)面重定向都會(huì)延長(zhǎng)頁(yè)面內(nèi)容返回的等待延遲。重定向大約需要600毫秒。為了確保用戶能夠盡快看到頁(yè)面內(nèi)容，應(yīng)盡可能避免頁(yè)面重定向

8。使用靜態(tài)資源的域存儲(chǔ)來(lái)增加并行下載的數(shù)量

瀏覽器同時(shí)從同一域名請(qǐng)求的文件并行下載的數(shù)量是有限的。因此，可以使用多個(gè)域名的主機(jī)存儲(chǔ)不同的靜態(tài)資源，增加頁(yè)面加載過(guò)程中資源的并行下載次數(shù)，縮短頁(yè)面資源加載時(shí)間。JavaScript、CSS和圖像文件通常根據(jù)多個(gè)域名存儲(chǔ)

&；lt；鏈接相關(guān)=&；QUOTE；&樣式表；QUOTE；href=&；QUOTE；//cdn1。領(lǐng)域com/path/main。css（&A）；quot；&；gt；&；lt；腳本src=&；QUOTE；//cdn2。領(lǐng)域com/path/main。js（&A）；quot；&；gt；&；lt；/&腳本；gt；

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

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

10。使用cdncombo下載傳輸內(nèi)容

cdncombo是將多個(gè)文件請(qǐng)求打包到一個(gè)文件中以在CDN服務(wù)器端返回的技術(shù)。這樣可以實(shí)現(xiàn)HTTP連接傳輸?shù)囊淮涡灾赜茫瑴p少瀏覽器的HTTP請(qǐng)求數(shù)，加快資源下載速度。例如，相同域名的CDN服務(wù)器上的A.js、B.js和c.js可以通過(guò)以下請(qǐng)求下載

&；lt；腳本src=&；QUOTE；//cdn。領(lǐng)域com/path/a.js、b.js、c.js和；quot；&；gt；&；lt；/&腳本；燃?xì)廨啓C(jī)；