图像,script,link 空地址带来的困惑

简介: 前端开发人员估计很多人都不清楚这些标签的空地址会带来哪些让人意想不到的问题。包括我,很长一段时间都认为这是无伤大雅的事情,直到有一次遇到莫名其妙的问题,下面会拿image来详细介绍(其他类似)。 下面是两种空src的image对象写法: --------------------------------------- var img = new Image(); img.

前端开发人员估计很多人都不清楚这些标签的空地址会带来哪些让人意想不到的问题。包括我,很长一段时间都认为这是无伤大雅的事情,直到有一次遇到莫名其妙的问题,下面会拿image来详细介绍(其他类似)。

下面是两种空src的image对象写法:

<img src="" /> 
---------------------------------------
var img = new Image();
img.src = '';

会带来哪些问题呢?

1 造成垃圾请求

  不是空的src就不请求服务器资源了,事实是浏览器依然会为该对象请求一次服务器,只不过是ie请求的是当前目录,chrome和safari请求的当前页的ur。当然这个问题最新版本的一些浏览器已经解决了,就算遇到空src的image对象也不会请求服务器了。可是并不是所有的人都是用最新版本的浏览器。

  由上可见,大量的空src标签将对网站造成恐怖的影响:大量无用的空并发(刷流量吗。。。。),你懂得。当然如果你正在搞一个活动,准备抗住10倍~20倍流量,那么检查下空的请求地址是有用的。

2 破坏cookie数据

  这才是真正要讲的重点。也许你的网站上用cookie或者其他方式存放了用户数据,你要小心了,如果你的服务器端会根据每次请求变更这些数据,那么一个空的请求很有可能会破坏掉你的数据。真实很悲催的一件事情,话说作者当初。。。。哎 一言难尽。

 

或许有些兄弟想,哪有那么恐怖,谁会没事写那么多空image。可是很多情况下都是你不经意间造成的。比如你的服务器端代码给image直接赋值(可能是空值),比如你用了一个延迟加载控件(src可能是空)。。。太多各种你意想不到的事情会造成空请求。就算你的cookie数据不会被破坏(恭喜你好运),但是对于大流量高并发的页面来说也可能是灾难性质的,并且会影响你的流量分析。

所以,尽量避免空的image请求吧。对于一些控件要求的,你可以用一些统一的小的占位图,对于一些不可预见的你可以再服务器端做一些请求判断。

 

参考资料:Empty image src can destroy your site

目录
相关文章
|
9月前
|
机器学习/深度学习 存储 人工智能
国内首个全国产化千亿参数细粒度 MoE:开源!
TeleChat3-105B-A4.7-Thinking,国内首个全国产化千亿参数细粒度MoE大模型,开源!代码、数学、Agent等多能力比肩头部,支持高效任务拆解与代码生成。
670 2
国内首个全国产化千亿参数细粒度 MoE:开源!
|
3月前
|
物联网 应用服务中间件 nginx
十分钟部署一个 MQTT Broker 集群
FreeMQTT Plus是首创A/B节点架构的MQTT Broker集群,支持Docker Swarm一键部署,10分钟内可完成集群搭建。它充分利用多核CPU,兼具单机版的鲁棒性与高效性,适用于高并发IoT场景。(239字)
|
4月前
|
运维 Java 应用服务中间件
linux安装 apache-tomcat-7.0.42.tar.gz 详细步骤(解压、配置、启动)
本指南详解CentOS 7下部署Tomcat 7.0.42:含JDK 7安装配置、Tomcat解压、启动/关闭、WAR包部署及8080端口访问测试;附JAVA_HOME设置、防火墙放行、启动加速等常见问题解决方案,专为老项目稳定运维设计。(239字)
|
4月前
|
人工智能 前端开发 小程序
AI 应用软件的开发费用
开发AI应用成本差异巨大:既含传统软件开发费,更涉及模型API、算力、数据处理等持续支出。预算分两块——前期研发(10万起,依功能复杂度分轻量/专业/旗舰三级)和上线后运营(Token、多模态、向量库等按量计费)。建议MVP验证、用现成API、选跨平台框架,避免早期自研模型。
|
5月前
|
数据采集 运维 数据可视化
中国数字孪生平台与交付市场份额格局,平台引领与交付落地双轮驱动
IDC报告显示,2024年中国数字孪生平台市场集中度提升,飞渡科技以25.1%份额居首;山东融谷信息专注交付,累计落地800+项目,首创“标准化组件+定制场景”模式,缩短周期40%、降本30%,打通技术到价值的“最后一公里”。
|
6月前
|
人工智能 自然语言处理 安全
Claude Code Routines:给你的代码装上“自动巡航“
Routines 是 Claude 的可编程自动化代理,支持定时、API 和 GitHub webhook 三种触发方式,将重复开发任务(如修 Bug、更新文档、安全审查)转为 AI 驱动的云端流水线,解放开发者专注高价值工作。
688 1
|
6月前
|
存储 安全 物联网
系统科学与哲学方法论
本大纲系统整合系统科学(老三论、新三论、复杂系统论)与唯物辩证法核心原理(对立统一、内外因、主次矛盾等),强调实践论指导,揭示系统演化共性规律,为系统规划与数字化转型提供哲学方法论支撑。
558 1
|
7月前
|
数据采集 Web App开发 监控
极速上手:Puppeteer + 原生代理IP (金融与突发新闻抓取 Cheat Sheet)
本文介绍金融与新闻高频爬虫的实战方案:用 `puppeteer-extra` + `stealth` 插件隐藏自动化指纹,结合高匿代理IP轮换,实现秒级资讯采集。含完整配置、优化代码及生产避坑指南。
372 4
|
9月前
|
数据采集 安全 数据管理
不明白什么是主数据?主数据管理到底是什么?
企业数据常因系统分散导致同一客户名称、编码不一,引发对账难、分析不准等问题。主数据管理通过统一核心数据标准,建立“黄金记录”,实现跨系统数据一致,提升效率与决策质量,是数字化转型的关键基石。
|
9月前
|
域名解析 监控 安全
网络 IP 怎么选?静态动态大不同?
IP地址是设备的“数字身份证”,静态IP固定不变,适合服务器、监控等需稳定连接的场景,利于远程访问和管理,但配置复杂、成本高;动态IP由路由器自动分配,即插即用,安全且节省资源,适合家庭和移动设备。两者各有优劣,选择应根据实际需求,稳定选静态,便捷选动态,适合的才是最好的。