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

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

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

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

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

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

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

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

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