都已經到了 2014 年了,再來說 HTML5 的新特性,實在是夠晚了,不過這幾個在介紹 HTML5 的書上很少見到,但又可以方便的應用在自己的網站上,所以特地來介紹一下
一、DNS 預解析緩存眾所周知,解析 DNS 是網站性能優化的比較重要的一部分,雖然加載時間不太長,但是很難壓縮起來。特別是為了并發下載資源而使用多個 CDN 域名來加載資源的大型網站,更不可忽視,每加載資源之前都要先進行 CDN 域名的 DNS 解析轉換。如果采用 DNS 預加載,支持該功能的瀏覽器就會提前對該域名進行 DNS 解析并且緩存一下,而不會在需要請求資源再進行解析。而且這個功能應用實在是太簡單:代碼如下:<link rel="dns-prefetch" href="http://cdn.html' target='_blank'>staticfile.org/"><link rel="dns-prefetch" href="//www.google-analytics.com">淘寶網就應用了這項技術,你可以打開淘寶網,查看源代碼,最頂端就把他們的一些 CDN 服務器進行了 DNS 解析緩存。二、資源預加載資源預加載有很多辦法,例如常見的圖片預加載,有采用 CSS 的背景圖片來預加載,大部分還是用 JS。目前 HTML5 提供了專門的資源預加載方法,有兩個屬性:prefetch(預讀?。┖?prerender(預渲染),分別被 Firefox 和 C鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答