位置: 编程技术 - 正文

三个不常见的 HTML5 实用新特性简介(三个不常见的词语有哪些)

编辑:rootadmin

一、DNS 预解析缓存

众所周知,解析 DNS 是网站性能优化的比较重要的一部分,虽然加载时间不太长,但是很难压缩起来。特别是为了并发下载资源而使用多个 CDN 域名来加载资源的大型网站,更不可忽视,每加载资源之前都要先进行 CDN 域名的 DNS 解析转换。如果采用 DNS 预加载,支持该功能的浏览器就会提前对该域名进行 DNS 解析并且缓存一下,而不会在需要请求资源再进行解析。而且这个功能应用实在是太简单:淘宝网就应用了这项技术,你可以打开淘宝网,查看源代码,最顶端就把他们的一些 CDN 服务器进行了 DNS 解析缓存。

二、资源预加载

资源预加载有很多办法,例如常见的图片预加载,有采用 CSS 的背景图片来预加载,大部分还是用 JS。目前 HTML5 提供了专门的资源预加载方法,有两个属性:prefetch(预读取)和 prerender(预渲染),分别被 Firefox 和 Chrome 浏览器支持。

1).PREFETCH 预读取预读取就是很常见的资源预加载,当前页面加载完成之后,就会在后面偷偷的下载你指定的资源,一般是 JS 、CSS 和 图片 这类的,也可以下载页面:

注意,目前 Firefox 浏览器支持这个功能。

2).PRERENDER 预渲染这个更厉害了,不仅偷偷的提前下载,而且还给你渲染出来,当用户点击链接的时候,立刻给你展现出来。

注意,目前 Chrome 支持这个功能。

搜素引擎其实是最需要这种预读取的功能的,因为他们非常确定用户下一步要打开的页面(搜索结果页面),所以当用户输入搜索内容的时候,就可以提前把搜索结果页面的资源提前加载,而且应用之后,效果十分明显。

目前兼容性是个缺点,貌似只有 Chrome 和 Firefox 支持,而且用的 rel 属性是不同的,如果你想同时兼容两个浏览器,可以写成下面这样:

此外,当然为了安全没法跨域预加载资源,可能没法用在 CDN 了。

三、Download 属性

HTML5 的 Download 属性用来强制浏览器下载对应文件,而不是打开。Chrome 和 Firefox 等浏览器太过于强大,也许是为了增强用户体验,当用户点击的资源文件可以被它们识别的时候(例如 pdf 会直接在浏览器打开,mp3、mp4 等媒体直接用浏览器内置播放器播放)。但有时候,用户其实是希望直接下载而不是在浏览器上看看,这时就可以加上这个属性,属性值会对下载的文件重命名:

如果你确定这个资源是用户肯定会下载的,就可以加上这个属性,还可以用 JS 或者手动改变想要保存的文件名。

HTML5 还有很多其他特性,但是看了很长时间书和各种资料,很少见到上面三个又比较实用的属性,拿出来分享一下。

推荐整理分享三个不常见的 HTML5 实用新特性简介(三个不常见的词语有哪些),希望有所帮助,仅作参考,欢迎阅读内容。

三个不常见的 HTML5 实用新特性简介(三个不常见的词语有哪些)

文章相关热门搜索词:三个不常见的寓言有哪些,三个不常见的三角函数,三个不常见的工作,三个不常见的比喻句,三个不常见的成语,三个不常见的成语,三个不常见的字组词,三个不常见的工作,内容如对您有帮助,希望把文章链接给更多的朋友!

css代码优化的个技巧 1.ID规则2.Class规则3.标签规则4.通用规则对效率的普遍认识是从SteveSouders在年出版的《高性能网站建设进阶指南》开始,虽然该书中罗列的更加详细,

低版本IE正常运行HTML5+CSS3网站的3种解决方案 如果开发时按最低标准,比如IE6不支持的特性,我们统统不用,那就没有必要写这篇文章了;但我想这种情况极少,更多的开发,是在现代浏览器上使

CSS Hack大全-教你如何区分出IE6-IE、FireFox、Chrome、Opera 现在的浏览器IE6-IE、Firefox、Chrome、Opera、Safari。。。数量众多,可谓百家争鸣,对用户来说有了很多的可选择型,不过这可就苦了Web前端开发人员了

标签: 三个不常见的词语有哪些

本文链接地址:https://www.jiuchutong.com/biancheng/372097.html 转载请保留说明!

上一篇:html清除浮动的6种方法示例(html中清除浮动的关键代码)

下一篇:css代码优化的12个技巧(css优化提高性能的方法有哪些)

  • 企业收取的租金应当计入
  • 出口退税的条件有哪些
  • 收客户刷卡手续费时客户不愿意缴费,如何处理
  • 股东购买自己公司产品
  • 活动经费属于什么费用
  • 企业入统的利弊
  • 免税小规模企业开专票可以吗
  • 企业基本医疗保险和综合医疗保险
  • 个体户不足征是否要交房产税
  • 发票领用簿怎么领发票
  • 异地预缴增值税后本地怎么申报
  • 商用住房出租需要交什么税?
  • 未缴纳个人所得税承诺书模板
  • 全年一次性奖金税收优惠政策
  • 在产品,产成品和库存商品的区别
  • 取得稳岗补贴后怎么办
  • 豪华小汽车消费税
  • 社保行业费率是什么
  • 文化事业建设费税率
  • 增值税发票每个月什么时候可以开
  • 长期待摊费用原值怎么填
  • 专票开票银行一定要对吗
  • 福利费应计入什么费用
  • 固定资产入账的方式
  • 工会经费的会计分录2022
  • mac如何登陆两个微信
  • excel中如何选择只能选择的项
  • 生产车间折旧为0的原因
  • 行政单位房租收入上交分录
  • 电脑安全系统无法启动怎么办
  • 计算土地增值税时增值额的扣除项目包括
  • win11怎么用户改名
  • php封装接口
  • mp3最早什么年代流行
  • 笔记本电脑盖上盖子就关机了吗
  • 应付股利的会计分录T
  • PHP:JulianToJD()的用法_日历函数
  • 最小的触屏手机有哪些
  • 半球形的谢尔亨里克森天文台,挪威斯瓦尔巴群岛 (© Vincent Fournier/Gallery Stock)
  • 小规模未开票收入如何申报增值税
  • Js模板字符串添加点击事件
  • 尚未抄税无法申报
  • php安装插件
  • 资本公积和盈余公积都与利润有关
  • 白条怎么收拾
  • 返还个人所得税怎么操作
  • 带薪年假一般是什么时候
  • 个人所得税9月初申报哪个月的
  • 销项税额和进项税额月底怎么结转
  • 以前年度损益调整在利润表中怎么填
  • 坏账准备?
  • 有外经证还要缴纳企业所得税吗
  • 申报过的印花税在哪查询呢
  • 收到预收款并已付款
  • 小微企业免征增值税优惠政策
  • 个人微信转账可以给对方开发票吗
  • 投资收益期末余额在借方还是贷方
  • 收到红字进项发票先勾选再做转出吗
  • 年初未分配利润在利润表怎么填
  • 安装sqlserver2016步骤
  • windows7光盘安装
  • 360杀毒恢复区
  • u盘安装linux系统遇到的问题
  • windows+ctrl+m
  • igfxem是什么软件
  • win81蓝屏重启故障
  • win10d盘无法格式化,说另一个正在使用
  • linux端口流量监控
  • win8 应用商店
  • meta 标签
  • 英语中our和my的区别
  • jquery easyui开发指南
  • jquery lt
  • unity引擎工具
  • 2023年惠州契税最新规定
  • 火药概念股有哪些
  • 成都市税务app
  • 银行缴纳印花税存在问题和建议
  • 河南省土地使用税税率
  • 开票内容 大类
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设