頁面性能及代碼優(yōu)化的實(shí)現(xiàn)

一:為什么要優(yōu)化性能

最重要的就是為了提高用戶的體驗(yàn)

二:代碼方面

1:代碼做到結(jié)構(gòu)語義化:(不要出現(xiàn)style和onclick這樣的內(nèi)聯(lián)的樣式和事件 注意行為 表現(xiàn) 結(jié)構(gòu)的分離)

2:減少DOM訪問(很重要)

3:精簡代碼:(1:清理代碼垃圾 2:html標(biāo)簽轉(zhuǎn)換 (使用短標(biāo)簽去替換可以實(shí)現(xiàn)相同效果的長標(biāo)簽)3:css優(yōu)化 4:js和表格優(yōu)化)

三:文件使用和放置方面:

1:樣式放在頂部 腳本放在底部 ?采用外聯(lián)式?

2:用link代替@import

四:減少http請(qǐng)求

1:用圖片精靈 將多個(gè)圖片定位合成一張

2:不要再html中縮放圖像?

3:字體圖標(biāo)要小而且可以緩存

4:把緩存時(shí)間設(shè)置長一些

5:圖片預(yù)加載

6:非必須組件延遲加載

7:將資源放在不同域下 增加域

8:AJAX用gey請(qǐng)求

9:減少DNS查詢?

10:避免重定向(會(huì)重繪頁面)

五:cookie方面

1:減少cookie大小

2:引入的資源的域名不要包含cookie

六:server方面

1:CDN:分發(fā)網(wǎng)絡(luò)(其基本思路是盡可能避開互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié),使內(nèi)容傳輸?shù)母?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市拐辽,隨后出現(xiàn)的幾起案子磷瘤,更是在濱河造成了極大的恐慌裤纹,老刑警劉巖爵憎,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鸡岗,死亡現(xiàn)場離奇詭異认烁,居然都是意外死亡肿男,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門却嗡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來舶沛,“玉大人,你說我怎么就攤上這事窗价∪缤ィ” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長坪它。 經(jīng)常有香客問我骤竹,道長,這世上最難降的妖魔是什么往毡? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任蒙揣,我火速辦了婚禮,結(jié)果婚禮上开瞭,老公的妹妹穿的比我還像新娘懒震。我一直安慰自己,他們只是感情好嗤详,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布个扰。 她就那樣靜靜地躺著,像睡著了一般葱色。 火紅的嫁衣襯著肌膚如雪递宅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天苍狰,我揣著相機(jī)與錄音办龄,去河邊找鬼。 笑死淋昭,一個(gè)胖子當(dāng)著我的面吹牛土榴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播响牛,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼赫段!你這毒婦竟也來了呀打?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤糯笙,失蹤者是張志新(化名)和其女友劉穎贬丛,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體给涕,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡豺憔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了够庙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片恭应。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖耘眨,靈堂內(nèi)的尸體忽然破棺而出昼榛,到底是詐尸還是另有隱情,我是刑警寧澤剔难,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布胆屿,位于F島的核電站奥喻,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏非迹。R本人自食惡果不足惜环鲤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望憎兽。 院中可真熱鬧冷离,春花似錦、人聲如沸唇兑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扎附。三九已至蔫耽,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間留夜,已是汗流浹背匙铡。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國打工牡彻, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留礁蔗,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓祭衩,卻偏偏與公主長得像嚼摩,于是被迫代替她去往敵國和親钦讳。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,144評(píng)論 25 707
  • 網(wǎng)站優(yōu)化離不開前后端的互相協(xié)作枕面,但是對(duì)于前端工程師來說愿卒,在保證后端技術(shù)方案不變時(shí),能不能只利用前端技術(shù)來優(yōu)化網(wǎng)站呢...
    留七七閱讀 6,323評(píng)論 0 31
  • 今天在寫邏輯的時(shí)候潮秘,因?yàn)橐粋€(gè)數(shù)據(jù)結(jié)構(gòu)琼开,搞得自己受不了了,到最后只好忍著性子把結(jié)構(gòu)重新改了一遍枕荞,這也告訴自己柜候,寫程序...
    抓不住的風(fēng)閱讀 556評(píng)論 0 3
  • 璲心堂|七璲 作 柳無色,月成舟躏精,芳無形夜初冬渣刷。草野灰,黃滿堆矗烛,花蕊入化冢飞主。 庭閑空,楓獨(dú)紅,秋去蹤瘦梧桐碌识。心芷...
    安步齋閱讀 260評(píng)論 3 1
  • 知識(shí)付費(fèi)市場現(xiàn)狀 自2016年起碾篡,互聯(lián)網(wǎng)進(jìn)入知識(shí)經(jīng)濟(jì)時(shí)代,知識(shí)付費(fèi)概念全面爆發(fā)筏餐。我們先來看看下面幾組數(shù)據(jù): 喜馬拉...
    Anty閱讀 2,164評(píng)論 2 21