<del id="rjtzx"></del>
<span id="rjtzx"><video id="rjtzx"></video></span>
<span id="rjtzx"><video id="rjtzx"></video></span>
<strike id="rjtzx"><video id="rjtzx"></video></strike><th id="rjtzx"><video id="rjtzx"></video></th>
<strike id="rjtzx"></strike><strike id="rjtzx"></strike>
<strike id="rjtzx"></strike>
<span id="rjtzx"><video id="rjtzx"></video></span>
<th id="rjtzx"><video id="rjtzx"><strike id="rjtzx"></strike></video></th>
<span id="rjtzx"><video id="rjtzx"></video></span>
<strike id="rjtzx"></strike>
<span id="rjtzx"></span>
<strike id="rjtzx"></strike>
<span id="rjtzx"></span>
<span id="rjtzx"></span>
<strike id="rjtzx"><video id="rjtzx"></video></strike>
<span id="rjtzx"><dl id="rjtzx"><ruby id="rjtzx"></ruby></dl></span>
<span id="rjtzx"><video id="rjtzx"></video></span><del id="rjtzx"></del>
您當前的位置:首頁 > 網站優化 > 網站關鍵詞優化

【山西seo培訓】網站優化初學者指南

2018-03-21 19:37:36 來源: seofuwu 作者: 滿山紅seo培訓
  
  
摘要: 【山西seo培訓】網站優化初學者指南
我是一個初學者,曾經在谷歌的優化排名上收獲 99/100 的成績。如果我能做到,相信你也可以。如果你像我一樣喜歡論證,下面便是我的 hasslefr

 【山西seo培訓】網站優化初學者指南

山西seo

我是一個初學者,曾經在谷歌的優化排名上收獲 99/100 的成績。如果我能做到,相信你也可以。

如果你像我一樣喜歡論證,下面便是我的 hasslefreebeats 在 Google 的 PageSpeed Insights 上的結果,這個網站是我目前在維護,并且最近有花一些時間在優化。

山西seo

對于這些結果我感到非常自豪,但是我想強調的是就在幾周之前我對如何優化一個網站還一無所知。今天我想和大家分享的是如何優化 Google 搜索和排除搜索故障,希望能為你省心。

文章對于每一種優化進行了拆分,以便你可以跳讀。

我絕不是什么專家,但是我相信如果你按下面的技術嘗試,你將會看到結果。

圖片

山西seo

作為一個網頁開發的新人,我并沒有花太多心思在圖片上。我知道在網站上加入高質量的圖片會使得它看上去更加專業,但是我一直在考慮它們對于網頁加載時間的影響。

為了優化,我做的主要事情就是壓縮這些圖片。

回想一下,這本應該是從一開始就應當去做的,然而我并沒有,也許你也沒有注意到。

我曾經用來壓縮圖片的服務是 Optimizilla ,一個方便使用的網站,可以上傳你的圖片,選擇你想要壓縮的級別,并將壓縮后的圖片下載下來。我發現有些資源的大小可以減少到 70% 以上,這離更快的加載時間的目標近了很多。

Optimizilla 不是你壓縮圖片的唯一選擇。你可以用一些獨立的、開源的軟件,比如 Mac 可以用 ImageOptim ,Windows 可以用 FileOptimizer 。如果你更喜歡使用構建工具來壓縮,有 Gulp 和 WebPack 來幫助你。無論你采用哪種方式,只要你做了,即便是小小的努力也會獲得性能上的收獲。

根據個人使用情況,還有必要查看一下圖片文件的格式。通常講,jpg 格式的要比 png 小。選擇哪一種格式的區別在于是否需要透明圖片:如果需要透明,使用 png 格式,反之使用 jpg 。點擊這里,你可以更加深入地了解二者的優點和缺點。

同樣,Google 推出的 webp 格式也挺不錯,但因為還沒有被所有瀏覽器支持,所以我很猶豫是否要使用它。留意未來的進一步支持!

上面所展示的,僅僅是壓縮圖片,如果你想要在圖片上做進一步優化,這里有一篇很好的文章。

視頻

山西seo

我在目前的項目中還沒有使用到視頻,所以我將只是簡要地談一談,因為我不覺得自己在這方面有最好的方法。

視頻是我可能讓前端下重功夫優化的部分。Vimeo 提供了一個很棒的平臺來支持視頻,可以降低視頻質量,從而降低連接速度并壓縮視頻以優化性能。

你也可以將你的視頻放在 Youtube 上面,然后使用 youtube-dl 工具從 Youtube 上面下載,同時配置視頻滿足你的網站所需。

至于其他可能的解決方法,請參考 Brightcove、Sprout 或 Wistia 。

Gzip 壓縮

山西seo

在我剛剛開始部署我的網站時我對于 Gzip 壓縮是什么一無所知。

長話短說,Gzip 是一種多數瀏覽器可理解、并且在不需要用戶知道的情況下可以在后臺運行的文件壓縮格式。

如果你想要你的服務器在文件發送出去時對文件進行壓縮,Gzip 壓縮可能會像是撥動配置開關一樣十分簡便的實現你的需求,而這取決于你將你的應用托管在何處。在我的網站里,我將我的網站托管到 Heroku 上,就不支持這一選項。

事實證明,有不少包可以明顯增加你服務器代碼的壓縮程度,這使得你可以通過寥寥數行代碼來獲得 Gzip 壓縮所帶來的便利。通過使用這些壓縮中間件,我將我網站中的 Javascript 和 CSS 捆綁包大小減少了 75% 。

檢測你的托管服務器是否提供 Gzip 壓縮選項是很值得的一個步驟。如果你的服務器不支持,查找一下如何將 Gzip 加入到你的服務器端代碼之中吧。

縮減

山西seo

縮減是在不影響代碼功能性前提下移除代碼中不必要字符(如空格,換行回車符等)的過程。這可以使你通過網絡來傳輸的文件的大小得以縮減。這一手段也可以有效地使你的代碼模糊化,讓網站攻擊者更難以找到你代碼中的安全薄弱點。

現如今,縮減通常作為代碼生成環節中的一部分,通過 Webpack 或者 Gulp 及其他類似工具來進行。這些構建工具會有一些學習曲線,所以如果你想要使用一些更易掌握的工具,谷歌推薦開發者使用為 HTML 開發的 HTML-Minifier 工具,為 CSS 開發的 CSSNano 工具和為 Javascript 開發的 UglifyJS 工具。

瀏覽器緩存

山西seo

將靜態文件存儲在瀏覽器的緩存中是提高網站訪問速度的一種非常有效的方式,尤其是在來自同一客戶端的回訪時。直到 Google 瀏覽器告訴我,我的一些資源沒有被正確緩存,因為我從服務器發送的 HTTP 響應中缺少標題。

我的主頁一旦被加載,就會向我的服務器發出一個請求,以獲取關于一些歌曲的數據,然后這些歌曲將在音樂播放器中呈現。我不會經常更新本網站上的歌曲,所以我不介意用戶是否訪問我的網站,如果能讓我的頁面加載速度更快,我也不介意他們在訪問時看到和上次相同的歌曲。

為了獲得性能提升,我將下面的代碼添加到了我的服務器的響應對象( Express / Node 服務器)中:

res.append("Cache-Control", "max-age=604800000");res.status(200).json(response);

我在這里寫的只是在我的響應中添加一個緩存控制標題,該標題表示在一周后(以毫秒為單位),資源應該重新下載。如果想要更頻繁地更新這些文件,縮短緩存最大時間(max-age)可能是個好主意。

內容分發網絡

山西seo

內容分發網絡(即 CDN )是允許來自世界各地的用戶在地理位置上就近訪問你的內容的網絡。 如果用戶必須從日本加載大圖像,但服務器在美國,則這需要比在東京訪問花費更長的服務器響應時間。

CDN 允許你充分利用遍布世界各地的一系列代理服務器,無論你的最終用戶位于何處,都可以更快速地加載你的內容。

我想說明的是,在實現 CDN 之前,我已經能夠實現上述結果 - 在此,我只是想提一下 CDN 。因為如果不提及它們,就好像這篇關于網站優化的文章是不完整的。 如果你打算擁有全球的用戶,那么讓你的網站上有一些創新好點子是必不可少的。

一些流行的 CDN 包括 CloudFront 和 CloudFlare 。

其他

這里有更多能讓你有所收獲的技巧:

通過優先加載“首頁”內容來優化你的網站,以提高網站的可感知的性能。一種常見的做法是通過lazy-loading(延遲加載)那些未在著登錄頁上顯示的圖片。

除非你的應用程序依賴于 Javascript 來渲染 HTML ,例如使用 Angular 或 React 構建的網站,否則將腳本標記加載到 HTML 文件正文部分的底部可能是很安全的。這可能會影響你的互動時間(time-to-interactive),畢竟,這不是我推薦的適用于所有場景的技巧。

結論

這些只是如何優化你的網站的冰山一角。根據網站的流量和提供的服務,你可能會在許多不同的地方出現性能瓶頸。也許你需要更多的服務器,也許你的服務器需要更大的內存,也許你的三重嵌套循環可以重構 - 視情況而定。

在加速網站時,沒有一成不變的做法,你需要根據測試結果針對自身情況做出最佳決策。不要浪費時間來優化不需要優化的東西。分析網站的性能以找出瓶頸,然后專門針對這些瓶頸進行優化。

我希望你在本文中有看到一些有用的東西!正如我所提到的,我仍然需要在這個領域中學習更多東西。如果你有其他意見或建議,歡迎評論!

本文由滿山紅SEO培訓編輯收集于網絡不代表本站觀點,如果您還想了解更多關于網站seo優化與SEO培訓視頻教程的文章,請點擊查看seo培訓seo顧問服務的其它文章,請關注滿山紅seo快速排名優化平臺(www.76744793.com).

上一篇:撫州seo:網站頁面標題關鍵詞怎么做優化
下一篇:返回列表
熱門推薦
SEO顧問
黑帽seo
晉江網站建設
桂林seo:合格的SEOer,應具備哪些能力
SEO培訓學習方式是否正確,決定SEO技術水平高低
樂陵seo:觀百度需求,思SEO優化方向
seo技術培訓教程:Google搜索引擎中的安全漏洞 通過開放重定向竊取其他站點的權重
百度seo排名培訓:企業產品網站三個月關鍵詞排名上百度首頁排名策略
seo實戰培訓王乃用:內容營銷來提升長尾詞SEO優化排名技巧
速貝seo實戰培訓:搜索引擎算法不斷升級 未來seo該怎么做