首頁 » SEO基礎知識 » 網站SEO前端優化包括哪些

網站SEO前端優化包括哪些

2018年12月31日 15:15:44 | 推薦:昆明e領域 | 標簽: | 瀏覽次數:534 次

我們在進行網站優化的時候,網頁前端的優化也是很有必要進行的,網站頁面前端優化的在于將網頁進行精簡,減少網站的首頁的HTTP請求,加快網站的打開速度,壓縮代碼,提升網站的性能,那么網站SEO前端優化包括哪一些呢?
網站SEO前端優化包括哪些昆明e領域微信二維碼

我們在進行網站優化的時候,網頁前端的優化也是很有必要進行的,網站頁面前端優化的在于將網頁進行精簡,減少網站的首頁的HTTP請求,加快網站的打開速度,壓縮代碼,提升網站的性能,那么網站SEO前端優化包括哪一些呢?

一、網站前端優化需要考慮哪些方面

1、精簡前端代碼

在一個網頁中,網頁的基本構成要素有HTML代碼,CSS樣式,JS腳本,這三個東西都是網頁中最基本的代碼,我們精簡前端代碼也就是這三方面,例如CSS的壓縮,HTML代碼的壓縮,JS的合并或者JS是用CDN鏈接等。

2、圖片壓縮

對于網站上的圖片也是可以做適當的壓縮的,一般來說網站的圖片太大將會讓網頁的加載速度變慢,理論上一張banner的大小最好不要超過50kb,而列表的文章縮略圖的大小最好不要超過20kb,這樣將加快頁面圖片的加載速度。

3、移動端的優化

隨著移動端用戶的崛起,我們更應該將精力放到移動站里, 而且隨著百度不斷的推出移動端優化指南1.0,2.0,3.0,4.0可見百度對移動端的用戶體驗也是非常的重視的。

二、網站前端優化應該具體從哪些做起

1、使用GZIP壓縮網頁

使用CZIP來壓縮網頁,將有助于降低網站頁面的體積,加快網站的打開速度,例如我自己的網站,在沒有使用GZIP壓縮的時候,網站頁面的大小是65123,而使用GZIP壓縮后的頁面大小只有9634,壓縮率達到85%,可見使用GZIP壓縮是很有必要的。網站代碼體積越少,越精簡,相對來講其打開,加載的速度就會更快。

2、使用瀏覽器緩存來達到優化效果

瀏覽器緩存是指是為了節約網絡的資源加速瀏覽,瀏覽器在用戶磁盤上對最近請求過的文檔進行存儲,當訪問者再次請求這個頁面時,瀏覽器就可以從本地磁盤顯示文檔,這樣就可以加速頁面的閱覽。常見的瀏覽器緩存有session,cache,cookie,還有瀏覽器本地的緩存等,這方面的優化工作可以交給程序員小哥哥來完成。

3、使用CDN來減少網站帶寬

對于一些開源的庫,例如Jquery,bootstrap庫等,可以建立CDN鏈接資源,或者是網站用到的一些CSS樣式,還有大的圖片資源都可以放到CDN資源平臺上進行引用。通過CDN用戶可以快速的獲取所需的內容,降低網絡的堵塞,提高用戶訪問的響應速度等。

4、刪除多余的代碼

很多做SEO的人員都是在使用一些模板來做網站,這樣的模板頁面,會存在大量的多余代碼,最簡單的就是很多的模板網站的頭部和底部都是統一的,這就導致很多網站的首頁的樣式或者是底部的JS腳本會在列表頁或者是詳情頁加載,這就會導致列表頁和詳情頁的加載速度變慢,所以我們需要找到這些多余的代碼進行刪除,將利于前端的打開速度的。也就是說:網站中的每一個頁面,都無需多余代碼。

5、利用外部CSS來控制頁面樣式

我們會看到很多的網站頁面,會存在大量的內部樣式(將CSS樣式寫在網站頁面中),還有就是一些內嵌樣式(將樣式寫在標簽里面),首先我們要知道搜索引擎是讀不懂這些樣式的,這樣的代碼多了將會導致搜索引擎不識別,其實大量的樣式出現在頁面中,將會導致頁面的體積變大,加載速度就會變慢,在做前端優化的時候,這也是需要考慮的方面。

6、JS的前端優化

頭部存在CSS代碼需要優化,而底部就存在JS代碼需要優化,首先一點就是JS代碼一定是放到網站的底部加載,將有利于頁面整體的加載速度,因為一般來說JS文件都會比較大,而且如果JS文件內部問題,將會導致頁面不加載,或者是加載錯誤。而如果將JS腳本放到頁面的底部,那么加載JS將會放到最后加載,頁面整體加載完成后才會加載JS,有利于加快頁面的打開速度。

7、禁用table表格布局

就網站頁面前端優化,最好不要使用table表格布局,table表格布局都是比較老的技術,而且table表格結構層次會比較深,不利于搜索引擎的識別,如果一定要使用table表格,我們建議能不用就不用,最好不要嵌套表格使用。

8、圖片的優化

我們說到圖片的優化,可能你會想到加alt,但是圖片的優化不僅僅是加alt熟悉,還必須加上width,height,然后就是圖片的大小統一,我們在進行網站頁面布局的時候,最好將全站的圖片尺寸固定,使用圖片盡量選擇jpg的圖片,而不是png的圖片,對于縮略圖的大小最好不要超過10kb,而文章詳情里面的圖片大小最好不要超過30kb。對于圖片的壓縮我們可以使用PS工具來壓縮,也可以使用在線的圖片壓縮工具來壓縮圖片。

9、小圖標的整理壓縮

我們知道每一張圖片都會帶來一次HTTP請求,如果網站上有很多的小圖標,我們可以將這些所有的小圖標放到一張圖片上,然后用定位的方式來處理頁面布局的問題,這個也是很重要的,舉個例子:網站頁面有30個小圖標,如果不優化,那么這些圖片將發起30個HTTP請求,如果一個請求是100毫秒,那么就是3000毫秒,請求完畢需要3秒,而如果將30個圖標放到一張圖片里,就只需要請求1次,那么一個請求的需要100毫秒,請求完畢就是0.1秒,這才是一個人打開首頁,如果是幾百到幾千人訪問,那么差別就會非常的大。

10、刪除多余的注釋代碼

在網頁的前端優化中,還有一點就是刪除多余的注釋,在網站的開發中,開發人員在調試的時候,會進行大量的注釋,而注釋的內容對網站頁面是沒有用戶的,這個時候我們就可以刪除多余的注釋來進行網站頁面的前端優化。

總結:網站頁面的前端優化大致就是上面說到是10個部分,做好網站的前端優化是做好網站優化的基礎,在網站的優化過程中還有站內優化,和站外優化等,站內優化包括前端優化,例如壓縮網頁,精簡代碼,圖片優化,注釋優化等等,而站外優化包括網絡推廣,外鏈優化等等,只有我們做好網站各方面的優化操作,我們的網站才能夠達到一個好的優化標準。

原文地址:http://www.rdv1.net/seo-gaoji/2041.html(轉載注明出處)

★王中王论坛★