今天小編給大家分享一下怎么加快HTML頁面的加載速度的相關(guān)知識點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、翁源網(wǎng)絡(luò)推廣、微信小程序開發(fā)、翁源網(wǎng)絡(luò)營銷、翁源企業(yè)策劃、翁源品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供翁源建站搭建服務(wù),24小時服務(wù)熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
1.頁面減肥
a.刪除不必要的注釋和空格
b.將inline(內(nèi)嵌:寫在HTML內(nèi))css,js外鏈的形式導(dǎo)入
c.HTML Tidy工具檢查HTML
2.減少文件數(shù)量
a.減少頁面上引用的文件數(shù)量減少http連接數(shù)
b.js、css文件能合并就合并
3.減少域名查詢
a.DNS查詢和解析域名也需要消耗時間,減少對外部js、css、圖片資源的引用,不同域名使用越少越好
4.緩存重用的數(shù)據(jù)
5.優(yōu)化頁面加載順序
a.首先加載頁面最初顯示的內(nèi)容和與之相關(guān)的js和css,然后加載html相關(guān)的東西(最初不顯示的圖片、flash、視頻等)
6.減少inline---js的數(shù)量
7.使用合法的css標(biāo)簽
8.不要使用嵌套table
瀏覽器詳細(xì)加載解析html
1.用戶輸入網(wǎng)址發(fā)送請求
2.瀏覽器開始載入html代碼,發(fā)現(xiàn)
標(biāo)簽有一個標(biāo)簽引用外部css文件3.瀏覽器發(fā)出加載該css文件的請求,服務(wù)器返回這個css
4.瀏覽器繼續(xù)載入html中
部分代碼,并且css文件下載好了,開始渲染頁面5.瀏覽器在代碼中發(fā)現(xiàn)一個標(biāo)簽引用一張圖片,向服務(wù)器發(fā)出請求,瀏覽器不等圖片下完,而是繼續(xù)渲染后面的代碼
6.服務(wù)器返回圖片,由于圖片占用一定面積,影響后面段落的排布,因此瀏覽器需要回頭重新渲染這部分代碼
7.瀏覽器發(fā)現(xiàn)一個包含一行js代碼的