SEO優化與前端性能的聯系

Posted by

搜索引擎優化就是網站的維護人員依靠搜索引擎自身的規則對網站自身進行優化操作,從而使網站內容在用戶搜索詞匯時能夠盡量的靠前顯示。而前端作為公司的程序技術人員,其與網站SEO的關系可以說是比較密切的。那么下面我們就來簡要的說明一下。


前端性能優化與SEO的聯系
1、減少cookie的傳輸。
在網頁的每次請求和響應中都會產生cookie。如果其體量太大的話,就會嚴重影響到數據的傳輸。因此前端在寫程序時要慎重考慮哪些數據需要寫入cookie,從而盡可能的減少其中傳輸的數據量。另外,在一些靜態訪問中,像CSS、JS等,其發送cookie是沒有意義的,因此可以考慮靜態資源使用獨立域名進行訪問。從而避免請求靜態資源時發送cookie,從而有效減少傳輸次數。
2、CSS放在最上面,JS放在最下面。
由于瀏覽器會在下載完成全部CSS后才能對整個頁面進行渲染,因此最好能將CSS代碼放在頁面的最上面,從而使瀏覽器能夠盡快的下載CSS代碼。而如果CSS代碼放在諸如body中,則會導致瀏覽器還未下載和解析到CSS時就開始渲染頁面了,進而導致用戶體驗變糟。
而JS則正好相反。瀏覽器一般在加載JS后會立即執行,從而可能導致整個頁面的阻塞,進而使得頁面顯示緩慢。因此其最好放在最下面。但如果頁面解析時需要用到JS,就不需要放在最底部了。
3、啟用壓縮。
在服務器端對文件進行壓縮,在瀏覽器端對文件進行解壓縮,進而有效的減少通信傳輸的數據量。如果可以,應盡可能將外部腳本和樣式進行合并,從而使多個合為一個。通常文本文件的壓縮效率可達到80%以上。因此啟用GZip壓縮可以達到很好的效果,但前提是在服務器資源充足的情況下進行使用。
4、合理設置HTTP緩存,減少http請求。
恰當的緩存設置可以大大減少HTTP的請求,而設置原則就是能緩存的越多越好。由于http協議是無狀態的應用層協議,因此每次http請求都要建立通信鏈路并進行數據傳輸。而在服務器端,每個http都需要啟動獨立的線程去處理,因此就會造成通信服務的花銷昂貴。因此減少http請求可以提升訪問性能。而減少請求的手段通常是合并CSS、合并JS以及合并圖片。而將瀏覽器一次訪問系統的JS與CSS合并到一個文件,這樣瀏覽器就只需一次請求。
5、利用瀏覽器的緩存。
一個網站的CSS、JS以及LOGO等這些靜態的資源文件更新的頻率會比較低,而這些文件又都是http每次請求都需要的。因此將這些文件緩存在瀏覽器中,可很好的提升網站加載性能。而在使用瀏覽器緩存策略時,要采用逐漸更新的方法,不要一次性將所有都更新,這樣可有效避免用戶的瀏覽器忽然大量緩存失效,以及服務器負荷瞬間陡增等不利狀況的發生。

Leave a Reply

電子郵件地址不會被公開。 必填項已用*標注