頁面性能

一、資源壓縮合并,減少HTTP請求

CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適等等

二、非核心代碼異步加載

異步加載的方式

? ? 動態(tài)腳本加載? ? defer? ? async

異步加載的區(qū)別

? ? defer是在HTML解析完之后才會執(zhí)行,如果多個,按照加載順序依次執(zhí)行

? ? async是在加載完之后立即執(zhí)行,如果是多個,執(zhí)行順序和加載順序無關(guān)

三、利用瀏覽器緩存

強緩存

Expires? ? Expires: Thu, 21 Jan 2017 23:39:02 GMT

Cache-Control? ? Cache-Control:max-age=3600

協(xié)商緩存

Last-Modified If-Modified-Since? ? Last-Modified: Wed, 26 Jan 2017 00:35:11 GMT

Etag If-None-Match

四、使用CDN

五、DNS預(yù)解析

<link rel="dns-profetch" href="http://host_name_to_prefetch.com">

https協(xié)議,強制打開<a>標(biāo)簽DNS預(yù)解析

<meta http-equiv="x-dns-prefetch-control" content="on">

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 提升頁面性能的方法有哪些? 1.資源壓縮合并,減少http請求2.非核心代碼異步加載------->異步加載的方式...
    noyanse閱讀 114評論 0 1
  • JS頁面性能類1.提升頁面性能的方法有哪些? 資源壓縮合并,減少HTTP請求(資源傳輸?shù)倪^程變小); 非核心的代碼...
    飛菲fly閱讀 861評論 0 1
  • 1、概述 PC優(yōu)化手段在Mobile側(cè)同樣適用 在Mobile側(cè)我們提出三秒種渲染完成首屏指標(biāo) 基于第二點,首屏加...
    405b8141d9c6閱讀 749評論 0 3
  • 傳統(tǒng)流程 通常將html、js、css等靜態(tài)資源放入cdn上,然后頁面加載后,再通過CGI去拉取最新的 數(shù)據(jù),進行...
    fangdown閱讀 1,080評論 0 0
  • 我一直以為我懂了足夠多的人情世故,也足以應(yīng)付社會的刁難。可是我還是低估了它的莫測,一度讓我猝不及防。 以...
    適逢其會_424b閱讀 585評論 2 6