2014-03-24 分類: 網(wǎng)站建設(shè)
網(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ò)請求以獲取諸如樣式表、腳本或圖片之類的資源,這對于帶寬速度相對較低且延遲較高的移動(dòng)設(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)用戶訪問移動(dòng)設(shè)備上的桌面PC站點(diǎn)時(shí),Web站點(diǎn)應(yīng)用程序通常讀取HTTP的用戶-代理頭部以確定用戶是否來自移動(dòng)設(shè)備,然后發(fā)送一個(gè)HTTP 301(或302)請求,該請求具有空的HTTP主體和一個(gè)重定向的HTTP地址頭部以重定向移動(dòng)版本會(huì)增加,但是這種額外的客戶端-服務(wù)器交互在移動(dòng)網(wǎng)絡(luò)上通常只需要數(shù)百毫秒,所以在原始請求上傳遞移動(dòng)網(wǎng)頁比傳遞重定向消息和讓客戶端請求再次移動(dòng)網(wǎng)頁要快。
壓縮技術(shù),例如gzip,通過增加服務(wù)器壓縮和瀏覽器解壓縮的步驟來減少資源的負(fù)載,但是通常這些操作是高度優(yōu)化的,簡化的好處不僅限于減少延遲,對于無法在移動(dòng)設(shè)備上緩存的過度資源也有所改幫助。GZIP在這方面沒有幫助,因?yàn)橘Y源在解壓縮后被緩存。圖片通常占用網(wǎng)頁加載的大部分網(wǎng)絡(luò)資源和頁面緩存的主要空間。小屏幕移動(dòng)設(shè)備提供了通過調(diào)整圖片大小來加速圖片資源傳輸?shù)臋C(jī)會(huì)。如果用戶只在小的移動(dòng)瀏覽器窗口中查看圖片,則分辨率很高。
Ajax(異步JavaScript和XML)是一種使用XHR(XMLHTTPROQUEST)對象從Web服務(wù)器檢索數(shù)據(jù)的技術(shù)。它不需要更新正在運(yùn)行的頁面。AJAX可以在不重建整個(gè)頁面的情況下更新頁面的一部分。它通常用于提交用戶交互,但是也可以用于首先加載頁面的框架部分,然后在用戶準(zhǔn)備瀏覽頁面時(shí)填充細(xì)節(jié)。為了提高移動(dòng)站點(diǎn)的性能,Web.r中的代碼預(yù)處理用戶需要完成進(jìn)一步操作的資源,尤其是在用戶的帶寬資源稀缺的情況下。在低處理器性能的移動(dòng)設(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://muchs.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)請盡快告知,我們將會(huì)在第一時(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)
猜你還喜歡下面的內(nèi)容