中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

如何讓網(wǎng)頁打開的速度更快

2021-01-09    分類: 網(wǎng)站建設(shè)

一、我們需達(dá)解決的麻煩

減少HTTP請求數(shù)。 減少HTTP請求數(shù)有什么好處

降低服務(wù)器跟客戶端的建立和消除HTTP請求和響應(yīng)Header的開銷

減少服務(wù)器為HTTP連接的進(jìn)程和線程的開銷,如果可能,還會包括GZIP壓縮的CPU開銷。

減小被請求文件大小, 減少請求數(shù)據(jù)占用的網(wǎng)絡(luò)帶寬。

讓用戶更快的看到想要的結(jié)果。

提高客戶端渲染速度。

讓瀏覽器同時(shí)能請求更多的數(shù)據(jù)。

提高服務(wù)器相應(yīng)速度。

通過版本化控制客戶端Cache。

二、如何解決我們的麻煩

1、如何減少HTTP請求數(shù)

合并JS文件跟CSS文件。

合并框架圖片以及相對變動(dòng)較少的圖片成一張,通過CSS背景切割來完成渲染,比如:加速圖片顯示。

合理使用本地Cache來緩存JS/CSS/IMAGE。

合理使用UserData緩存JS文件,對于FF用戶可以單獨(dú)請求服務(wù)器,這樣能解決80%用戶的問題。代碼可以蓉兒(meizz)的js framework1(標(biāo)注1)。

把JS跟CSS合并成一個(gè)文件

2、減小被請求文件大小,減少請求數(shù)據(jù)占用的網(wǎng)絡(luò)帶寬

壓縮JS體積:刪除JS中空白換行,注釋,混淆把長變量換成短變量;

壓縮CSS體積:刪除CSS注釋、寫法盡量用簡寫;

使用(X)HTML+CSS方式搭建網(wǎng)站結(jié)構(gòu),提高CSS重用性,來減少(X)HTML文件大小;

使用服務(wù)器端GZIP壓縮JS/ CSS文件,縮小傳輸文件大小。附注:Apache1跟Apache2的GZIP的效率跟方式不一樣的,根據(jù)需要自行選擇。

嗷嗷補(bǔ)充說明:壓縮、合并JS和CSS都由程序處理。而不是自己手動(dòng)去縮刪,不然不利于后期維護(hù)。

3、讓用戶更快的看到想要的結(jié)果

用戶對于一個(gè)站點(diǎn)的白頁的忍受時(shí)間根據(jù)統(tǒng)計(jì)是8-12秒。白頁的產(chǎn)生可能由于各種原因引起,我們能做的就是怎么讓用戶能變的稍微能等待更久。

方案1:多做一個(gè)引導(dǎo)頁,讓用戶體會其中的變化

案例:mail。aol。com中的loading引導(dǎo)頁

方案2:優(yōu)先載入頁面結(jié)構(gòu)以及結(jié)構(gòu)圖片,后一步載入當(dāng)前頁面數(shù)據(jù),再后一步載入Iframe,F(xiàn)lash等數(shù)據(jù)。讓用戶盡早的看到被打開頁面的希望。

4、提高客戶端渲染速度

這個(gè)問題就比較泛泛了,影響客戶端的渲染速度有多方面的,主要目的都是提高程序方面的效率。

對于大索引的結(jié)構(gòu),盡可能的少用索引訪問,能用訪問兄弟節(jié)點(diǎn)的方式盡可能用訪問兄弟節(jié)點(diǎn)的方式。

字符串拼接盡可能用數(shù)組方式

大規(guī)模添加節(jié)點(diǎn)數(shù)據(jù),請不要使用appendChild方式,盡量使用類似innerHTML的insertAdjacentHTML方式,F(xiàn)F下需修正(標(biāo)注1)

5、讓瀏覽器同時(shí)能請求更多的數(shù)據(jù)。

瀏覽器默認(rèn)只是支持單域名同時(shí)有兩個(gè)HTTP請求,使用多域名將能把請求數(shù)提高,在網(wǎng)絡(luò)條件優(yōu)良的情況下,能更快的下載數(shù)據(jù),呈現(xiàn)結(jié)果。

6、提高服務(wù)器相應(yīng)速度

對于需快速響應(yīng)的文件,把其放入快速響應(yīng)的服務(wù)器,應(yīng)該是不錯(cuò)的方案,優(yōu)化方案請系統(tǒng)儲備組提供。

7、通過版本化控制客戶端Cache

通常js/css這類文件改動(dòng)比較頻繁,但是為了加載速度變快,我們有可能需要設(shè)定這類文件的過期時(shí)間為幾天后,這樣我們碰到的問題就是,如何及時(shí)更新這些在cache的文件?

通過一個(gè)簡單的配置,通過修改JS的版本來及時(shí)告訴瀏覽器,這些文件必須重新請求了,不要繼續(xù)使用瀏覽器cache中的數(shù)據(jù)。 方案有好幾個(gè):

手動(dòng)改這些js的文件名

手動(dòng)改這些js的路徑

通過URL Rewrite方式來改重定位js路徑

通過一個(gè)在高響應(yīng)服務(wù)器上的一個(gè)js配置告知頁面,這個(gè)頁面該鏈接哪些JS文件

大版本不變,小版本不斷追加,等一定時(shí)間后,統(tǒng)一更新,高效利用cache

當(dāng)前標(biāo)題:如何讓網(wǎng)頁打開的速度更快
當(dāng)前URL:http://m.rwnh.cn/news14/96614.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、小程序開發(fā)網(wǎng)站設(shè)計(jì)、微信小程序全網(wǎng)營銷推廣、定制網(wǎng)站

廣告

聲明:本網(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)

成都seo排名網(wǎng)站優(yōu)化
平度市| 闽侯县| 南木林县| 黄梅县| 和平区| 阿瓦提县| 尤溪县| 神农架林区| 九龙城区| 白玉县| 宣恩县| 那曲县| 郯城县| 交口县| 汾阳市| 神农架林区| 彝良县| 社旗县| 温州市| 洮南市| 怀来县| 东海县| 禄丰县| 巴青县| 彰武县| 峨眉山市| 平武县| 芮城县| 应城市| 沅江市| 丹江口市| 曲周县| 杭州市| 个旧市| 道孚县| 上虞市| 贺州市| 公安县| 静海县| 台南县| 永吉县|