2012-08-02 31 views
-1

提供一些有用的提示,因爲提高網站速度的網頁提示?

  • 如何提高我的網站速度?
  • 使用子域的缺點是什麼&?

我的網站是CareerMitra.com

+1

任何優化的第一步是確定瓶頸。您的網站以何種方式變慢?在請求的完整週期中,服務器端處理(代碼,數據庫訪問,其他I/O),響應,客戶端呈現和處理......什麼是緩慢的部分?你的問題的第二部分遠非模糊而寬泛,無法回答。 – David 2012-08-02 12:16:13

+0

我的第二部分的問題,說如果有像http://blog.careermitra.com每次如果我必須從主域連接到這個東西我總是必須包括http://是否減慢加載時間。如果我安裝了/博客,我可以避免使用http請求。 – 2012-08-02 12:22:13

+0

該域的名稱幾乎(或完全)與速度無關。無論哪個域名託管內容,它仍然是一個HTTP請求。我不明白你爲什麼認爲它不會是HTTP請求。相同的內容仍然需要通過相同的互聯網連接傳送。唯一不同的是,瀏覽器可能更傾向於將多個併發請求發送到不同的域,而不是同一個域,但我懷疑這已經成爲一個問題了。 – David 2012-08-02 12:25:21

回答

8

使用pageSpeed(谷歌)和Yslow(雅虎)瀏覽器的擴展(與螢火蟲與否)的觀點都好pratices對於提高你的網站速度更快。

對於樣本:這是很好的做法,通過YSlow的在你的網站查了清單:

  • 儘量減少HTTP請求
  • 使用內容傳送網絡
  • 避免空SRC或HREF
  • 添加過期或高速緩存控制接頭
  • Gzip組件
  • 將樣式表放在頂部
  • 012在底部
  • 避免CSS表達式
  • 使JavaScript和CSS外部
  • 減少DNS查找
  • 壓縮JavaScript和CSS
  • 避免重定向
  • 刪除重複的腳本
  • 配置的ETag個
  • 認沽腳本
  • 製作AJAX Cacheable
  • 使用GET的Ajax請求
  • 減少DOM元素的數量
  • 沒有404
  • 減少餅乾大小
  • 使用Cookie的免費域名爲組件
  • 避免使用濾鏡
  • 不要放大圖像在HTML
  • 請爲favicon.ico小和可緩存

此外,有沒有廣告有利或不利於使用子域的速度... 但是,這可能是SEO的優勢或不利因素,但它不是你的問題...

0

最佳做法

  1. 最小HTTP請求
  2. 縮小的CSS和JS代碼
  3. 子畫面圖像
  4. 適當高速緩存控制
4

主要優化可以通過減少的數量來實現服務器請求。任何其他優化通常不會導致性能上的巨大差異。考慮到這一點,讓我們檢查您的網站。

初始頁面加載需要大約36個請求。其中,4個請求用於CSS和大約相同數量的JS文件。現在如果我是你,我會問自己以下問題。

  1. 這些CSS & JS文件總是需要?如果是,我可以將它們合併爲一個嗎?
  2. 我可以避免爲初始頁面加載加載不需要的CSS & JS文件嗎?即僅在需要和正在使用時下載它們。 (例如初始頁面加載所需的print.css?)

其餘請求主要針對圖像。所以你應該考慮使用'精靈'來減少服務器請求的數量。閱讀關於它們並學習從這裏使用它http://css-tricks.com/css-sprites/。再次在組合圖像時很聰明。在決定合併圖像時詢問與上述相同的問題。

通過這兩個步驟,您應該能夠減少進入服務器和重啓的次數。

接下來的優化是減少每個請求的大小。爲此,考慮縮小你的CSS和JS文件。同時壓縮圖像而不會丟失質量。有適當大小的圖像,即如果您有尺寸爲'778 x 475'的圖像,但圖像以475 x 250的較小尺寸顯示,則應考慮調整圖像大小以減小尺寸。

在識別您的觀衆方面也很聰明。如果你的觀衆是高科技的,並使用現代瀏覽器,那麼你可以減少HTML,JS代碼大小和一些不必要的圖像請求,因爲你可以使用CSS3和HTML5來實現相同的效果。

1

提高速度的超基本技巧將是。

1.使用語義標記

2.使用較少的圖像 - 嘗試拉斐爾JS,HTML5 Canvas和其他原生的繪製方法

3.minify你的JavaScript

4.minify你的CSS

5.usegzip

6.remove你不使用的API,只包括需要的東西。

7.使用localStorage的和緩存清單過的位置可能

8.使用CSS3效果,如梯度,箱陰影,文字陰影等..而不是圖像和背景圖像

9,可以有一個清潔,簡單的設計

10.hand代碼保持代碼的簡單和最小的。

  1. 底部

一個非常重要的事情..使用腳本標記開發網站保持用戶心中不優化或廣告收入。把事情簡單化。