Cookie以及優(yōu)化

cookie是瀏覽器的一種本地存儲方式秦躯,一般用來幫助客戶端和服務(wù)端通信的裆装,常用來進(jìn)行身體校驗(yàn)踱承,結(jié)合服務(wù)端的session使用。
場景簡述如下:
在登錄頁面哨免,用戶登錄了茎活,
此時(shí)服務(wù)端會生成一個(gè)session,session中有對于用戶的信息(如用戶名琢唾、密碼等)
然后會有一個(gè)sessionid(相當(dāng)于服務(wù)端的session對應(yīng)的key)
然后服務(wù)端在登錄頁面中寫入cookie载荔,值就是jsessionid=xxx
然后瀏覽器本地就有這個(gè)cookie了,以后訪問同域名下的頁面時(shí)采桃,自動帶上cookie懒熙,自動校驗(yàn),在有效時(shí)間內(nèi)無需二次登錄普办。

上述就是cookie的常用場景簡述工扎。
一般來說,cookie是不允許存放敏感信息的衔蹲,因?yàn)榉浅2话踩铮绻欢ㄒ獜?qiáng)行存儲,首先畴博,一定要在cookie中設(shè)置httponly(這樣就無法通過js操作了)袱结,另外可以考慮rsa等非對稱加密溢吻。
由于在同域名的資源請求時(shí)而晒,瀏覽器會默認(rèn)帶上本地的cookie迅耘,針對這種情況,在某些場景下是需要優(yōu)化的。

譬如以下場景:

客戶端在域名A下有cookie(這個(gè)可以是登陸時(shí)由服務(wù)端寫入的)

然后在域名A下有一個(gè)頁面,頁面中有很多依賴的靜態(tài)資源(都是域名A的垦写,譬如有20個(gè)靜態(tài)資源)

此時(shí)就有一個(gè)問題况毅,頁面加載,請求這些靜態(tài)資源時(shí)蒸甜,瀏覽器會默認(rèn)帶上cookie

也就是說窍荧,這20個(gè)靜態(tài)資源的http請求憔恳,每一個(gè)都得帶上cookie,而實(shí)際上靜態(tài)資源并不需要cookie驗(yàn)證

此時(shí)就造成了較為嚴(yán)重的浪費(fèi)腔丧,而且也降低了訪問速度(因?yàn)閮?nèi)容更多了)
當(dāng)然了,針對這種場景,是有優(yōu)化方案的(多域名拆分)。具體做法就是:

  • 將靜態(tài)資源分組型宙,分別放到不同的域名下(如static.base.com)

  • 而page.base.com(頁面所在域名)下請求時(shí)搁嗓,是不會帶上static.base.com域名的cookie的衡怀,所以就避免了浪費(fèi)茂契。

說到了多域名拆分脐雪,這里再提一個(gè)問題,那就是:

  • 在移動端透硝,如果請求的域名數(shù)過多,會降低請求速度(因?yàn)橛蛎捉馕隽鞒淌呛芎馁M(fèi)時(shí)間的丽声,而且移動端一般帶寬都比不上pc)

  • 此時(shí)就需要用到一種優(yōu)化方案:dns-prefetch(讓瀏覽器空閑時(shí)提前解析dns域名,不過也請合理使用,勿濫用)

關(guān)于cookie的交互箍鼓,可以看下圖總結(jié)


http_cookie_session.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末海洼,一起剝皮案震驚了整個(gè)濱河市肖揣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赴蝇,老刑警劉巖先嬉,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異丧凤,居然都是意外死亡年扩,警方通過查閱死者的電腦和手機(jī)饭宾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來啰扛,“玉大人嗡贺,你說我怎么就攤上這事煞茫×锸龋” “怎么了土全?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵概页,是天一觀的道長绘盟。 經(jīng)常有香客問我蠢终,道長,這世上最難降的妖魔是什么寻拂? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任程奠,我火速辦了婚禮,結(jié)果婚禮上祭钉,老公的妹妹穿的比我還像新娘瞄沙。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布距境。 她就那樣靜靜地躺著申尼,像睡著了一般。 火紅的嫁衣襯著肌膚如雪垫桂。 梳的紋絲不亂的頭發(fā)上师幕,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機(jī)與錄音诬滩,去河邊找鬼霹粥。 笑死,一個(gè)胖子當(dāng)著我的面吹牛疼鸟,可吹牛的內(nèi)容都是我干的后控。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼空镜,長吁一口氣:“原來是場噩夢啊……” “哼浩淘!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起姑裂,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤馋袜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后舶斧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡察皇,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年茴厉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片什荣。...
    茶點(diǎn)故事閱讀 38,137評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡矾缓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出稻爬,到底是詐尸還是另有隱情嗜闻,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布桅锄,位于F島的核電站琉雳,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏友瘤。R本人自食惡果不足惜翠肘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辫秧。 院中可真熱鬧束倍,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至邮旷,卻和暖如春黄选,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背廊移。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工糕簿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人狡孔。 一個(gè)月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓懂诗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親苗膝。 傳聞我的和親對象是個(gè)殘疾皇子殃恒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 勤蟲飛舞處,梔子素顏開辱揭。 蜂盼農(nóng)人喜离唐,爭相采蜜來。
    柯南一夢Konami閱讀 247評論 0 2
  • 文/落拓高醺 一直以來问窃,方位感極差的我對地理學(xué)可謂從不算扎實(shí)亥鬓。近幾日,讀了一篇很有情調(diào)的小眾文章域庇,叫 《葦子黃了嵌戈,...
    落拓高醺閱讀 594評論 0 2
  • 這個(gè)國慶,是我上班以來的第一個(gè)長假听皿,雖然沒有買到直達(dá)的臥鋪熟呛,我還是決定,坐十二三個(gè)小時(shí)的硬座回家尉姨。 上次回家還是六...
    HerryLiu閱讀 170評論 0 0
  • 恭喜恭喜又厉! 一大早九府,就被這好事刷了屏 當(dāng)然 廣大粉絲和網(wǎng)友不只是送祝福,更多的是感動 2018年2月1日 張杰微吧...
    梓鈺頻道閱讀 256評論 0 1