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

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

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

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

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

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

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

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

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

網(wǎng)頁題目：網(wǎng)站開放速度優(yōu)化方法：如何提高網(wǎng)站打開速度
文章地址：http://www.rwnh.cn/news/6792.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站制作、軟件開發(fā)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)