SEOER可以通過測量和分析網(wǎng)頁性能的速度來獲取網(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í)行類、緩存類、圖像類、，架構(gòu)協(xié)議類等

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

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

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

減少HTTP請求的大小

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

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

引用HTML文件中的外部資源可以有效地使用瀏覽器的靜態(tài)資源緩存，但有時對于簡單的移動頁面CSS或JavaScript，CSS或JavaScript會直接寫入HTML以減少請求，具體取決于CSS或JavaScript文件的大小和業(yè)務(wù)場景。如果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；標(biāo)記的href屬性為空或（&；lt；&腳本；gt；、&；lt；圖像（&G）；gt；&；lt；i框架（&；燃?xì)廨啓C；當(dāng)標(biāo)記的SRC屬性為空時，瀏覽器仍會在呈現(xiàn)過程中加載href屬性或SRC屬性的空內(nèi)容，直到加載失敗，從而阻止頁面中其他資源的下載過程加載內(nèi)容。無效，因此應(yīng)盡量避免使用

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

為HTML指定緩存控制或過期

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

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

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

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

減少頁面重定向

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

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

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

&；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存儲文件

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

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

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

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