J__F

看不見(jiàn)的的html

1. meta標(biāo)簽自動(dòng)刷新/跳轉(zhuǎn)

　　實(shí)現(xiàn)定時(shí)跳轉(zhuǎn)功能：除了設(shè)置定時(shí)器外可以

　　<meta http-equiv="Refresh" content="5";URL=page2.html> 5秒后跳轉(zhuǎn)至同域下的page2頁(yè)面

　　每隔一分鐘刷新頁(yè)面

2.script 鏈接放在body底部（在解析html時(shí)，遇到script標(biāo)簽，會(huì)暫停解析html，調(diào)用js引擎來(lái)解析js），避免造成用戶(hù)體驗(yàn)差

3.link標(biāo)簽：通過(guò)預(yù)處理來(lái)提升渲染速度

　　dns-prefetch：

　　DNS Prefetch 是一種 DNS 預(yù)解析技術(shù)。當(dāng)你瀏覽網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)在加載網(wǎng)頁(yè)時(shí)對(duì)網(wǎng)頁(yè)中的域名進(jìn)行解析緩存，這樣在你單擊當(dāng)前網(wǎng)頁(yè)中的連接時(shí)就無(wú)需進(jìn)行 DNS 的解析，減少用戶(hù)等待時(shí)間，提高用戶(hù)體驗(yàn)。目前每次DNS解析，通常在200ms以下。

　　DNS Prefetch 應(yīng)該盡量的放在網(wǎng)頁(yè)的前面，推薦放在 <meta charset="UTF-8"> 后面

　　多頁(yè)面重復(fù)DNS預(yù)解析會(huì)增加重復(fù)DNS查詢(xún)次數(shù)

　　例子：　　

　　<link rel="dns-prefetch" >
4. link標(biāo)簽

　　Preload: 當(dāng)我們?cè)?link 標(biāo)簽中使用 preload 時(shí)，它會(huì)提前請(qǐng)求資源。主要用于獲取當(dāng)前路由中使用的高優(yōu)先級(jí)資源。

　　Preconnect: 解決 DNS 和 TCP 握手問(wèn)題

　　DNS-Preconnect: 僅解決 DNS 問(wèn)題

　　Prefetch: 提前獲取資源將其置于緩存中，使用資源時(shí)從緩存中獲取而不是發(fā)出另一個(gè)請(qǐng)求。

　　　詳細(xì)說(shuō)明：　https://juejin.im/post/5b5984b851882561da216311

5. meta 設(shè)置關(guān)鍵字

　　說(shuō)明：Description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。

　　舉例：＜META NAME=Description CONTENT=主要介紹程序設(shè)計(jì)語(yǔ)言JAVA、C等＞

更多說(shuō)明：http://www.rzrgm.cn/wupeng88/p/4635206.html

posted @ 2020-06-19 20:54 J__F 閱讀(178) 評(píng)論(0) 收藏舉報(bào)

刷新頁(yè)面返回頂部