網(wǎng)站打開的速度不僅影響用戶體驗，而且對網(wǎng)站排名的優(yōu)化也極為不利，因此如何提高網(wǎng)站開通的速度也是我們SEO人員工作的重點，除了更好的服務(wù)器之外，還有什么其他方法可以提高網(wǎng)站開通的速度？今天我們總結(jié)了網(wǎng)站開機速度優(yōu)化的方法。

　　最大的性能漏洞是頁面需要發(fā)起數(shù)十個網(wǎng)絡(luò)請求以獲取諸如樣式表、腳本或圖片之類的資源，這對于帶寬速度相對較低且延遲較高的移動設(shè)備來說非常糟糕。對于開發(fā)人員來說，將Javascript代碼和CSS樣式放在一個公共文件中以供多個頁面共享是一種標準優(yōu)化方法，可以輕松地維護代碼并提高客戶端緩存使用效率。

　   精靈是一種在CSS中處理圖像的技術(shù)。精靈將多個圖像組合成一個大的線性網(wǎng)格。該頁面可以立即將大圖像返回，并將其作為CSS的背景圖像，然后使用CSS的背景定位屬性來顯示頁面所需的圖像的一部分。該技術(shù)可以用于創(chuàng)建多個圖像集成請求提高性能。

　　所有瀏覽器現(xiàn)在都使用本地資源來緩存由Cache-Control標記的資源，此外，瀏覽器為減少不必要的服務(wù)器請求，盡可能從本地緩存檢索資源，當緩存空間減少時瀏覽器緩存通常包括圖片、CSS和Javascript代碼，它們可以合理地提高站點的性能(例如，為了支持后退和前進按鈕，使用單獨的緩存來保存整個呈現(xiàn)頁面)。

　　HTML的標準是使用鏈接來加載外部資源，這使得在服務(wù)器(或CDN)上更新這些資源更加容易，我們不必在每個頁面上修改和更新它們。如上所述，該模式還允許瀏覽器從本地緩存中檢索資源，而不是從服務(wù)器檢索資源。

　　Web應(yīng)用程序使用多種方法從服務(wù)器輪詢資源以連續(xù)更新頁面。HTML5 EventSource對象和Server-Sent事件可以通過瀏覽器端JavaScript代碼打開單向通道來連接客戶端。服務(wù)器可以使用這個通道發(fā)送數(shù)據(jù)，它節(jié)省了通過HTTP創(chuàng)建多個輪詢請求的成本。這種方法比HTML的WebSocket更有效，后者可在存在許多客戶端-服務(wù)器交互(如消息或游戲)時使用。

　　當用戶訪問移動設(shè)備上的桌面PC站點時，Web站點應(yīng)用程序通常讀取HTTP的用戶-代理頭部以確定用戶是否來自移動設(shè)備，然后發(fā)送一個HTTP 301(或302)請求，該請求具有空的HTTP主體和一個重定向的HTTP地址頭部以重定向移動版本會增加，但是這種額外的客戶端-服務(wù)器交互在移動網(wǎng)絡(luò)上通常只需要數(shù)百毫秒，所以在原始請求上傳遞移動網(wǎng)頁比傳遞重定向消息和讓客戶端請求再次移動網(wǎng)頁要快。

　  壓縮技術(shù)，例如gzip，通過增加服務(wù)器壓縮和瀏覽器解壓縮的步驟來減少資源的負載，但是通常這些操作是高度優(yōu)化的，簡化的好處不僅限于減少延遲，對于無法在移動設(shè)備上緩存的過度資源也有所改幫助。GZIP在這方面沒有幫助，因為資源在解壓縮后被緩存。圖片通常占用網(wǎng)頁加載的大部分網(wǎng)絡(luò)資源和頁面緩存的主要空間。小屏幕移動設(shè)備提供了通過調(diào)整圖片大小來加速圖片資源傳輸?shù)臋C會。如果用戶只在小的移動瀏覽器窗口中查看圖片，則分辨率很高。　　

　　Ajax(異步JavaScript和XML)是一種使用XHR(XMLHTTPROQUEST)對象從Web服務(wù)器檢索數(shù)據(jù)的技術(shù)。它不需要更新正在運行的頁面。AJAX可以在不重建整個頁面的情況下更新頁面的一部分。它通常用于提交用戶交互，但是也可以用于首先加載頁面的框架部分，然后在用戶準備瀏覽頁面時填充細節(jié)。為了提高移動站點的性能，Web.r中的代碼預(yù)處理用戶需要完成進一步操作的資源，尤其是在用戶的帶寬資源稀缺的情況下。在低處理器性能的移動設(shè)備上，過多的預(yù)加載可能干擾當前頁面的UI響應(yīng)，因此需要使用多線程代碼，讓W(xué)eb.r對象(并使用localStorage盡可能緩存數(shù)據(jù))在另一個線程中操縱預(yù)加載的資源，以便當前的UI性能不受影響。