站內優化之頁面優化

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

大家都說「內容為王,外鏈為皇」,我說「要攘外必先安內」!在努力地發原創文章,高品質外鏈時,是否有思考過網站頁面、代碼本身的問題呢?是的,即使頁面優化帶來的好處、效果是微之甚微, 高原創文章和高品質外鏈已經完全可以彌補或忽略掉;不過,引用前不久馬雲x周星馳巔峰對話中說的:各方面好一點點,也許加起來就好很多了。

所以,我的建議是網站上線前,網站程式本身如果能得到最大程度的優化,我相信對網站的優化會更有説明。

下面就以我的羊城生活網為例,為大家講解自己對頁面優化的一些個人見解,歡迎拍磚。

1、頁面靜態化

當然,頁面靜態化並非必須去做,而且靜態化不一定要全站,可以只靜態最為重要的首頁。 對不同程式的處理,頁面的執行時間各不相同;對於網上成熟的cms系統,執行效率自不必說,相信是比較優化的一個程度了。 本人程式猿一枚,所以網站自己編寫的,執行速度確實會相對差那麼一些,而且網站的首頁圖片比較多,使用站長工具查詢,結果回應時間都是3秒以上;最終,把首頁生成html靜態化,相應時間快至幾十到幾百毫秒,如圖:

  

2、減少頁面重定向

頁面要儘量避免重定向,以我的網站為例,百度的建議是:

  

當然,截圖中是加統計代碼時引發的,這無可避免,但自身代碼而言,建議儘量減少重定向,這樣就減少了請求次數從而較少頁面回應時間。

3、JAVAscript檔的處理

1)Js檔盡可能合併成一個檔,減少請求次數;比如,網站中有使用到多個Js函數,那麼,將這些函數統一放到一個Js函數檔裡;

2)Js位置

Js放在頁面最後,可以加快頁面打開速度。

3)不常改動的Js檔可以壓縮代碼,這樣縮小了Js檔案大小從而大大減小了請求時間

百度對Js檔處理的建議:

  

4、Css檔的處理

1)跟Js檔一樣,Css檔盡可能合併成一個檔,減少請求次數;

2)CSS位置

CSS說明出現在後,頁面需要重新渲染,打開速度受到影響。

3)使用Css Sprite

CSSSprites在國內很多人叫css精靈,是一種網頁圖片應用處理方式。 它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。

利用CSS Sprites能很好地減少了網頁的HTTP請求,從而大大的提高了頁面的性能,CSS Sprites能減少圖片的位元組,曾經比較過多次3張圖片合併成1張圖片的位元組總是小於這3張圖片的位元組總和。

  

5、啟用Gzip

Gzip壓縮效率非常高,通常可以達到70%的壓縮率,也就是說,如果你的網頁有30K,壓縮之後就變成了9K左右。

6、字元集聲明

如果<head>部分未定義字元集,將增加頁面渲染次數,速度減慢。

本文由羊城生活網HTTP://www.020life.cnA5首發,麻煩轉載帶上連結,謝謝!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.