SEO前端優化

精減代碼  清除網頁中一些冗餘的代碼,網上有這樣的工具,能夠輔助完成,若是須要的話,咱們能夠把代碼中的註釋去掉,甚至空行之類的也去掉,儘可能的減小代碼量,從而減少頁面體積。   CSS Sprites   通俗點講,就是圖片合併,能夠把網站中一些比較通用的小圖片,合併到一張圖片上,而後利用CSS技術來分別調用圖片不一樣的部分。這樣能夠大大的減小HTTP的請求量,在網頁加載的時候,速度就快不少,如今不少大中型網站都在用這個前端加速技術,效果也是很不錯的。   爲圖片指定寬度與高度   這也是不少人比較容易忽略的,在頁面中,請你爲每個圖片,都指定一個width屬性與height屬性,這樣在頁面加載的時候,瀏覽器會預先留出既定的位置,圖片下邊的代碼能夠繼續下載而不用等待,提升並行下載的速度,提升了頁面加載的速度。   啓用Keep-Alive屬性   Keep-Alive你能夠理解爲長鏈接,在沒有啓用keep-alive屬性以前,瀏覽器向服務器請求的connection是即連即斷的,執行一次HTTP請求完成後,立刻斷開這個鏈接的,而啓用   Conncetion的Keep-Alive屬性以後,這個鏈接能夠保持一段時間,從而能夠提升頁面加載的速度。   使用瀏覽器緩存   咱們可使用緩存技術來提升頁面的加載速度,爲一些不常常變化的文件,設置一個相對較長的過時時間,這樣當用戶訪問網站後,就會在它的瀏覽器中留下緩存,當它在下次請求的時候,留在緩存中的組件就不用再向服務器發出HTTP請求了,這樣減小了瀏覽器向網站服務器發出的HTTP請求數,從而提升了頁面加載速度,這在一些圖片比較多的網站,效果是很是明顯的,咱們要善於使用緩存技術。   啓用GZIP壓縮   大中型網站,基本都啓用了GZIP壓縮,若是你使用的是虛擬主機,你可讓服務商爲你啓用,若是本身有服務器,本身啓用也很簡單的,爲何啓用 GZIP壓縮就會加快速度呢,由於當啓用了GZIP後,網站服務器向你傳輸數據以前,是通過壓縮了的,當傳輸到你的瀏覽器後,會再被解壓縮的,從而能夠在你的瀏覽器上正常顯示,並且壓縮率能夠達到不少高,效果很是好。通常你啓用了壓縮後,搜索引擎對你網站的抓取量也是上升了的。   前端速度優化方面還有不少工做能夠去作,例如大公司都啓用了CDN加速,你的圖片也能夠進行無損壓縮,CSS、JS文件均可以用一些專業的工具去壓縮,在你網頁的head標頭要聲明字符集,儘可能少用重定向,指定Last-Modified 或 ETag 標頭等,固然這些都多少涉及了一些技術方面的問題,作頁面前端優化是一個系統的工程,是須要技術、SEO、運維等去配合完成的,不過這個投入是絕對值得的。
相關文章
相關標籤/搜索