web中空路径对页面性能影响怎么处理
发表于:2024-09-25 作者:千家信息网编辑
千家信息网最后更新 2024年09月25日,这篇文章给大家分享的是有关web中空路径对页面性能影响怎么处理的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。前几天在 Google Reader 中看到玉伯博客的分享——空
千家信息网最后更新 2024年09月25日web中空路径对页面性能影响怎么处理
empty src
使用
使用
这篇文章给大家分享的是有关web中空路径对页面性能影响怎么处理的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
前几天在 Google Reader 中看到玉伯博客的分享——空路径对页面性能的影响。确实,在写 CSS 的时候,用 background:url(#) 还是会对页面进行多一次请求的。
不过,因为写多 CSS,一般需要用空背景来解决 bug 的时候,测试结果用 background:url(about:blank) 才是我们想要的:解 bug,不影响性能。那很简单,解决方案不就不出来?等等,让我们来做个测试吧。
测试代码:
代码如下:
一、发送请求:
浏览器:All
, 像 chrome
等部分浏览器,hash(#)
和空都只请求本路径
- 背景图片使用
background:url(#)
也是发送请求的
二、部分发送请求:
浏览器(延时非常小):safari
, chrome(多个 about:blank 会多次发送多次请求)
使用
about:blank
- hello world
<iframe />
二、不发送请求:
浏览器:all
, chrome(延时无效,相当于不发送请求)
使用
_javascript:''
<script />
<iframe />
懒得截图了,自己自行搞搞吧,浏览结果已经把大致的都写在测试页面上了。最终的解决方案是:
大胆使用 about:blank 来代替空,或者‘#’,特别是在 background-image 中使用
在 img / script / iframe 这些推荐使用 _javascript:" 来解决问题
感谢各位的阅读!关于"web中空路径对页面性能影响怎么处理"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
页面
浏览
性能
路径
影响
浏览器
测试
处理
代码
内容
方案
时候
更多
篇文章
结果
背景
解决方案
部分
不错
实用
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
软著软件开发目的
第8课网络安全与道德ppt
苏州戴尔服务器运行环境
在线sql转数据库模型
浙江服务器电源厂家直销
联想ibm服务器售后电话
网络安全 小结
网络文明网络安全应注意的事
网络安全生产实习计划
金融信息基础数据库修改
三水安卓软件开发
服务器空岛生存升级
中山无限软件开发价格
个体软件开发营业执照
游戏师软件开发
捷宸串口服务器操作
三国杀测试服无法连接服务器
qad怎么挂载数据库
网络安全 前沿研究领域
柳州fil服务器咨询
河南信网互联网科技有限公司
服务器任务管理
网络技术端口的作用
技术人员运用数据库
oracle数据库几个账号
电脑启动管理服务器
网络技术方法的优缺点
自动备份数据库的sql语句
政府机关网络安全巡查制度
初中数据库语句