讓Googel找到他們

   由於單頁應用的所有HTML都由JavaScript生成，所以需要使用不同的方法。而爬蟲不會執行JS

   提供詳細的日誌資訊：網站流量、使用者行為和錯誤資訊。而單頁應用把使用者互動邏輯移到了客戶端，所以需要使用另外的方法。

   提升響應時間的一種方法是使用CDN來提供靜態檔案和資料的服務。另外一種方法是使用HTTP快取和伺服器快取。

9.1 單頁應用針對搜尋引擎的優化

   Google等搜尋引擎為單頁應用建立了一套機制，不但索引動態頁面，還特別針對爬蟲，對頁面進行了優化。

   Google是如何爬取單頁應用的：當Googlebot嘗試為單頁應用建立索引的時候，它在HTML中所看到的只有一個空容器，所以沒什麼東西好索引的，沒連結可爬取，然後它就會為該網站建立索引。

   然而搜尋引擎已經認可了單頁應用的重要性，並提供了工具，允許開發人員向爬蟲提供搜尋資訊，這比爬取傳統網站的效果還要好。

   要讓單頁應用可爬取，首先伺服器要能區分請求是有爬蟲發起的還是使用者使用瀏覽器發起的，並相應地進行響應。當訪問者是使用瀏覽器的使用者時，則正常地響應，但對於爬蟲，則返回優化後的頁面，顯示給爬蟲的正是我們希望的易於爬蟲讀取的格式。

9.2 雲和第三方服務

   三種重要的服務，即站點分析、客戶端日誌和CDN，對於開發單頁應用尤其重要。

   站點分析：對於傳統網站，開發人員已經逐漸地依賴像Google Analytics和New Relic這樣的工具，它們可以提供關於使用者如何使用網站的詳細分析，會找出應用程式或者業務效能（網站促成銷售的效率如何）的所有瓶頸。對單頁應用使用相同的工具完全有效，只是方法稍微優點不同。

   Google Analytic提供了很簡單的方法來獲取統計資料，單頁應用的流行程度以及單頁應用各種各樣的狀態，還有網站的流量是從何而來的。可以在傳統網站中使用Google Analytics，在每張HTML頁面中粘一段JavaScript程式碼，做些小修改，對頁面進行分類。單頁應用也可以使用這種方法，不過這樣就只能得到初始載入頁面的統計資料。為了能夠在單頁應用中全面利用Google Analytics，有兩種方法可以使用。

（1）使用Google Event跟蹤雜湊值的變化：Google早就意識到需要記錄頁面和對頁面進行分類的事件。在傳統網站中，JavaScript程式碼片段會呼叫_gaq物件的_trackPageView方法。可以傳遞自定義變數，設定程式碼片段所在頁面的資訊。該呼叫通過請求一張圖片並在請求url的後面傳遞引數，會把資訊傳送給Google。伺服器會使用這些引數，處理頁面瀏覽的資訊。使用Google Event的時候會呼叫_gap物件的另外一個方法：它會呼叫_trackEvent方法並帶上一些引數。然後_trackEvent載入一張圖片，在圖片url的最後會帶上一些引數，Google會使用這些引數來處理這個事件的資訊。

建立和使用事件跟蹤的步驟很簡單：

• 到Google Analytics網站上為自己的網站建立事件跟蹤。
• 呼叫_trackEvent方法
• 檢視報告

（2）使用Node.js在服務端進行記錄。   由於JavaScript可以在伺服器上使用，似乎可以修改Google Analytics的程式碼，用在伺服器上。node-googleanlytics和nodealytics專案。

   記錄客戶端錯誤：

        第三方客戶端記錄服務，如Errorception。

        手動記錄客戶端錯誤：

              使用window.onerror事件處理程式來捕獲錯誤

              把程式碼放在try/catch語塊中，把捕獲到的錯誤資訊傳送給後端。

    內容分發網路：用來儘可能快地傳輸靜態檔案的網路。Node.js特別不適合用來傳輸大的靜態內容檔案，因為這種用法不能利用Node.js的非同步本質。使用包含prefork模組的Apache更適合。

    使用分佈全球的CDN的另外一個好處是，內容由離我們最近的伺服器提供，從而使得傳輸檔案花費的時間大大縮短。

9.3 快取和快取破壞

    在進行快取的時候，考慮資料的新鮮度是至關重要的。我們不希望把過期的資料提供給應用的使用者，但同時又希望儘可能快地對請求進行響應。

    快取時機：

• Web儲存把字串儲存在客戶端，應用程式可以訪問，可以使用它來儲存處理好的HTML，HTML是根據伺服器上的資料生成的。
• HTTP快取是客戶端快取，它把伺服器的響應儲存在客戶端。為了能正確地控制這種快取，有很多細節要學習，但在學習完並實現了之後，我們能得到很多免費的快取。
• Memcached和Redis的伺服器快取，經常用於快取處理過的伺服器響應。這是快取的重要形式，可以為不同的使用者儲存資料，這樣如果一個使用者請求了一些資訊，下一次其他人請求相同的資訊時，它已經被快取了，節省了一次查詢資料庫的時間。
• 資料庫快取，或者叫查詢快取，是資料庫用來快取查詢結果的，如果它被打開了，後續相同的查詢就會返回快取的資料，而不是重新去收集資料。

      lib/cache.js