开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

同域名并发加载

基础概念

同域名并发加载指的是在同一域名下，浏览器同时发起多个请求来加载资源（如HTML、CSS、JavaScript文件、图片等）。由于浏览器的同源策略，同一域名下的并发请求是有限制的，这是为了防止服务器过载和保护用户隐私。

相关优势

资源共享：同一域名下的资源可以被浏览器缓存，减少重复请求，提高加载速度。
减少延迟：同一域名下的请求可以共享同一个TCP连接，减少TCP握手和慢启动的时间，从而降低延迟。
简化管理：同一域名下的资源管理相对简单，便于开发和维护。

类型

并发请求限制：浏览器对同一域名的并发请求有一定的限制，不同浏览器的限制不同，通常在6-8个之间。
DNS查询：浏览器会缓存DNS查询结果，减少DNS查询时间。
TCP连接复用：HTTP/1.1协议下，同一域名下的请求可以复用同一个TCP连接，减少连接建立的开销。

应用场景

静态资源加载：网站中的图片、CSS、JavaScript文件等静态资源可以通过同一域名并发加载，提高页面加载速度。
API请求：前后端分离的应用中，前端可以通过同一域名并发请求后端API，获取数据并渲染页面。
CDN加速：使用内容分发网络（CDN）时，同一域名下的资源可以通过多个CDN节点并发加载，提高访问速度。

常见问题及解决方法

1. 浏览器并发请求限制

问题描述：浏览器对同一域名的并发请求有限制，当请求超过限制时，后续请求会被阻塞，导致页面加载缓慢。

解决方法：

使用多个子域名：将静态资源放在不同的子域名下，增加并发请求的数量。例如，将图片放在img.example.com，CSS文件放在css.example.com。
使用HTTP/2：HTTP/2协议支持多路复用，可以在同一TCP连接上同时处理多个请求，不受并发请求限制。

2. DNS查询延迟

问题描述：DNS查询时间较长会影响页面加载速度。

解决方法：

使用DNS预解析：在HTML文件中使用<link rel="dns-prefetch" href="//example.com">预解析域名，减少DNS查询时间。
使用本地DNS缓存：配置本地DNS服务器或使用DNS缓存软件，减少DNS查询次数。

3. TCP连接复用问题

问题描述：在HTTP/1.1协议下，同一域名下的请求虽然可以复用同一个TCP连接，但仍然存在队头阻塞问题，影响并发性能。

解决方法：

升级到HTTP/2：HTTP/2协议支持多路复用，可以在同一TCP连接上同时处理多个请求，避免队头阻塞问题。
使用HTTP/3：HTTP/3协议基于QUIC协议，进一步优化了连接建立和数据传输过程，提高并发性能。

示例代码

以下是一个简单的HTML示例，展示了如何通过多个子域名并发加载静态资源：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>并发加载示例</title>
    <link rel="stylesheet" href="https://css.example.com/styles.css">
    <link rel="dns-prefetch" href="//img.example.com">
</head>
<body>
    <img src="https://img.example.com/image1.jpg" alt="Image 1">
    <img src="https://img.example.com/image2.jpg" alt="Image 2">
    <script src="https://js.example.com/script.js"></script>
</body>
</html>

参考链接

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

http1.1相对http2有哪些不足

服务器搭建完成之后，我们在public文件夹新建一个页面，这个页面中的资源主要由图片、css、js构成，代码如下:

04

各浏览器对页面外部资源加载的策略

各浏览器对页面外部资源加载的策略这个总结来源于一次优化的请求，最初某个页面的加载十分缓慢，load事件迟迟无法触发，因此希望可以通过对静态文件分域名等方式对页面的外部资源进行优化，拿得load事件尽可能早地触发。于是我查看了页面的源码，并对外部资源进行了整理，基于下面2个理念画出了一个推测的瀑布图：浏览器对同一个域只能并发2个HTTP请求 – 网上盛传已久。 javascript文件的加载会阻塞浏览器其他资源的加载 – 同样网上盛传已久。然而，当我看到各浏览器中实际的瀑布图时，我知道

07

浏览器同域名请求的最大并发数限制

当我们在浏览网页的时候，对浏览速度有一个重要的影响因素，就是浏览器的并发数量。并发数量简单通俗的讲就是，当浏览器网页的时候同时工作的进行数量。

03

【前端性能】浅谈域名发散与域名收敛

性能优化一直是前端工作中十分重要的一环，都说从 10 到 1 容易，从 1 到 0 很难。而随着前端技术的飞速发展，没有什么技术或者法则是金科玉律一成不变的。很佩服那些勇于挑战权威，推陈出新的勇者，是他们让我们的技术不断的变革更加的卓越。好像扯远了，本文主要想谈谈两个名词，域名发散和域名收敛。域名发散这个很好理解，前端er都知道，PC 时代为了突破浏览器的域名并发限制，遵循这样一条定律： · http 静态资源采用多个子域名嗯，为什么要这样做呢，目的是充分利用现代浏览器的多线程并发下载能力。

03

前端网络高级篇（六）网站性能优化

缺点是：此方案不适合mobile应用；IE7以下不支持；如果一张图片在多个页面被用到，无法利用浏览器缓存。为了解决无法缓存问题，可以将data:image应用到CSS样式中，比如：

03

HTTP 请求之合并与拆分技术详解

作者：darminzhou，腾讯 CSIG 前端开发工程师导语：HTTP/2 中，是否还需要减少请求数？来看看实验数据吧。 1. 背景随着网站升级 HTTP/2 协议，在浏览页面时常常会发现页面的请求数量很大，尤其是小图片请求，经典的雅虎前端性能优化军规中的第 1 条就是减少请求数，在 HTTP/1.1 时代合并雪碧图是这种场景减少请求数的一大途径，但是现在这些图片是使用 HTTP/2 协议传输的，这种方式是否也适用？另外，在都使用 HTTP/2 的情况，在浏览器并发这么多小图片请求时，是否会影响

03

静态资源递送优化：HTTP/2 和 Server Push

HTTP/2 诞生于 8 年前 Google 一封 SPDY 协议白皮书。5 年前，RFC7540 和 RFC7541 的发布正式确立了 HTTP/2。5 年过去了，支持 HTTP/2 的浏览器的市场占有率达到了 96.88%，HTTP/3 已经从 QUIC 中诞生，然而回过头来看看国内各大网站，HTTP/2 仍然没有发挥它应该有的作用。不过，HTTP/2 究竟能做什么呢？

04

开发说做了性能优化，到底做了啥

我们在谈及一个页面性能如何时，说的是页面的加载速度快不快，页面交互是否顺畅不卡顿。

03

从京东主页里寻找技术的真相

刚刚经过“618购物节”的挑战，京东(此文简称JD)首次向大众公布了618的交易额，那就是1199亿元。什么？才1199亿，阿里系小伙伴肯定在后面偷笑，搞了18天的大促，还不如淘宝“双11”一天的销售额。不过没关系，这次强东哥非常满意，因为“618”这个日子，这个让全国网民们沸腾的节日，已经被京东写进历史，这足以证明强东哥这一年的强势回归是有多么重要。

01

Jmeter系列之常用组件(一)

在上一篇：Jmeter系列之简介与环境安装，主要介绍Jmeter简介、环境安装及接口实战。一般在实际接口自动化过程中，会同时包含多个组件共同完成工作。

01

图片数量多的网页打开慢的原因和解决办法

一个页面里面引入了大量小图片，单张大小约十几KB，网站文本主体显示较快，但整个页面打开的速度很慢，浏览器F12控制台上看大多都是排队从服务器下载图片，加载图片。

02

使用腾讯云 CDN 、COS 以及万象优图实现HTTP/2样例

本文主要介绍了HTTP/2对比HTTP/1.1在性能上的突出优势，通过支持请求与响应的多路复用来达到低延迟的效果，同时实现了一个在线的对比样例，并具体介绍了使用腾讯云CDN,COS,以及万象优图搭建这个样例的过程。如果你的网站还没使用HTTP/2，赶快来试一试吧！

02

聊聊 HTTP/2 的多路复用

HTTP/1 下的请求，并不能很好地地利用带宽：一个 TCP 连接同时只能有一个 HTTP 请求和响应。如果正在发送一个 HTTP 请求，那其他的 HTTP 请求就得排队。

01

分布式session共享方案有哪些

NFS是Net FileSystem的简称，最早由Sun公司为解决Unix网络主机间的目录共享而研发。

01

Devtools 老师傅养成[6] - Performance 面板

google developers 官方文档: https://developers.google.com/web/tools/chrome-devtools/

04

10个前端性能优化实用技能

考虑一个场景，滚动事件中会发起网络请求，但是我们并不希望用户在滚动过程中一直发起请求，而是隔一段时间发起一次，对于这种情况我们就可以使用节流。

00

DNS预解析什么？dns-prefetch对网站速度又能提升有多少?

今天在群里面蓝大富分享了一个网站给我。看了下源码，说实话，真的写得很工整。今天主要讲一下在代码里面看到的下面这一段代码：

02

前端性能优化

前端性能优化与重绘与回流有关系的原因是：频繁的触发重绘与回流，会导致UI频繁染，最终会导致js变慢，会导致页面性能变差

01

java相关技术问答（二）

String为什么是final的首先是为了安全性，final表示不可变，不可被继承，不能修改其方法保证安全在多线程环境下，final类型的String保证线程安全 String支持字符串常量池，相同字符串可以指向相同地址 cas原理讲下 cas算法包含三个参数，v需要更新的变量，e预期值，n新的值进入cas算法时，会先记录更新变量值，然后进入compareAndSwap方法，判断v是否等于e，相等说明v值没有被改变，那v值更新成n值线程池线程数配置多少合适？需要根据所执行的任务类别来区分分为cp

02

前端性能优化（二）

从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。

02

网络协议 17 - HTTPDNS：私人定制的 DNS 服务

全球统一的 DNS 是很权威，但是我们都知道“适合自己的，才是最好的”。很多时候，标准统一化的 DNS 并不能满足我们定制的需求，这个时候就需要 HTTPDNS 了。

05

一文带你了解某搜索网站的优化

该网站的网址我们很熟悉：https://www.baidu.com，打开网站界面其实很简洁，一个搜索框，一个按钮，看似简单的背后其实不简单，因为这样的网站，往往的访问量，并发量奇高，这时候一个看似简单的资源请求，可能就是服务器集群一份压力，而这时候的性能优化就极其重要。

01

高性能网站建设指南-前端性能优化（二）

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

02

Web前端性能优化（一）

我们在开发的时候会习惯缩进和写注释，方便我们在日常的维护，但将代码上传至服务端后，我们完全可以把那些空格、制表符、换行符进行压缩，以此减少请求资源的大小；同样的，我们在服务端所引用的第三方库进行合并，能减少 HTTP 的请求数量

04

通过Nginx配置域名映射到本地项目

猫头虎博主在此为大家详细讲解如何通过Nginx配置将特定域名映射到本地项目。在云计算和网络技术日益成熟的今天，使用Nginx实现域名的解析和映射成为了开发和运维人员的基本技能。本文将从Nginx的基本配置开始，深入探讨如何通过简单的配置实现域名到本地项目的映射，帮助读者理解和掌握这一重要技能。 😺

01

聊一聊如何搭建高性能网站哪一些事

在开发中经常会遇到网站的性能平静下来，打开慢的情况。我们平常开发中怎么一步一步排查这些问题并解决问题呢

02

[ WEB ] 从地址栏输入 URL 之后发生了啥？

在输入地址栏之前，浏览器会对输入的内容进行检查，如果是一个符合格式的正确 url 就会执行 DNS解析，如果不是，比如输入了一些字符串，那么就会执行搜索功能。如图：

02

实现浏览器中的最大请求并发数控制

浏览器在我们日常工作、学习中经常会使用到，有时候遇到页面请求过多，页面卡顿需要好长一段时间才能加载完成，有没有想过这是什么原因？和我们本文将要讨论的并发数有什么关系？

02

高并发架构的CDN知识介绍

对一次网络请求过程的了解程度，一是展现你的专业知识；二是深刻的理解，让你在大型网站架构中做出更适合、可靠的架构。而DNS是这一切的出发点，本文结合一张常用架构图，来描述一下这个过程。

06

如何从请求、传输、渲染3个方面提升Web前端性能

什么是WEB前端呢？就是用户电脑的浏览器所做的一切事情。我们来看看用户访问网站，浏览器都做了哪些事情：

01

分布式架构的高性能与可用性

分布式架构是一种将系统拆分为多个独立的组件或服务，并在不同的计算节点上部署这些组件或服务的架构方式。它可以提供高性能和可用性的好处。下面我将详细介绍分布式架构在高性能和可用性方面的优势。

01

实现浏览器中的最大请求并发数控制

浏览器在我们日常工作、学习中经常会使用到，有时候遇到页面请求过多，页面卡顿需要好长一段时间才能加载完成，有没有想过这是什么原因？和我们本文将要讨论的并发数有什么关系？

02

如何从请求、传输、渲染3个方面提升Web前端性能

什么是WEB前端呢？就是用户电脑的浏览器所做的一切事情。我们来看看用户访问网站，浏览器都做了哪些事情：

03

浏览器内核之资料加载与网络栈

此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文浏览器内核之WebKit 架构与模块

04

前端学Serverless系列--性能调优

Serverless云函数的优点是支持高并发，理论上无限自动扩容，但也有其自身的缺点，如冷启动特性导致冷启动的时延比较高。那么实际上性能如何，是否还有性能优化的空间和手段呢？

02

面试：第十三章：中高级程序员面试

这个我提出了四种方案，好像都没有达到要求，没有办法保证一秒溢出，个人认为应该是内存分配方向可以考虑。

02

如何做前端性能优化？

因为前端优化的方案非常多，本文不会太深入讲解，否则就篇幅太长了，主要还是让大家对大的脉络有一些认识。具体里面的小点以后我会另写文章讲解。

02

DNS解析大降价！每日限时秒杀，专业版低至29元！

✦ DNS解析是什么 ✦ 域名，是云计算服务中不可或缺的基础服务。 DNS，负责决定域名怎么使⽤，让域名指向哪⾥，将域名转换成为机器可读的IP地址服务。使用云服务的用户，就会有域名。只要有域名，就会用到DNS解析。域名 DNS解析 ✦ DNS解析解决什么问题 ✦ 1. 域名解析加速，访问体验提升场景：站点加载速度非常慢，一直转圈圈，甚至提示「当前站点故障」无法访问的情况，严重影响用户体验。解决：DNSPod 的解析线路包含国内 34 个省份、各大小运营商、各大搜索引擎及海外 247

01

前端优化汇总，到底该不该做？

[本文由@IT·平头哥联盟-首席填坑官∙苏南分享] 引言大家好，这里是@IT·平头哥联盟，我是首席填坑官——苏南(South·Su)，今天是国庆节的第二天，这个假期没有外出(不要问我为什么，自己脑补～😭)，前些天分享了一篇前端面试汇总的文章，有些同学在群里问了其中的一些细节，其中大家最关心的性能优化这块，今天整理了公司项目中的一些认为不错的点，跟大家一起分享，如有理解错误，请纠正。优化概括 1、首先最基本的，CSS样式表放在页面头部Head内且link链式引入，javascript放在底部body结束

06

一个页面从输入URL到加载显示完成，发生了什么？

面试经典题——URL加载一、涉及基本知识点： 1. 计算机网络五层因特尔协议栈：应用层（dns、http）：DNS解析成IP并完成http请求发送；传输层（tcp、udp）：三次握手四次挥手模式建立tcp连接；网络层（IP、ARP）：IP寻址；数据链路层（PPP）：将请求数据封装成帧；物理层：利用物理介质传输比特流（传输的时候通过双绞线、电磁波等） OIS七层框架:多了两层即，会话层（处理两个通信系统中交换信息的表示方式）和表示层（管理不同用户和进程之间的对话）。 get和post的

02

构建Vite知识体系-项目性能优化

传统的 HTTP 1.1 存在队头阻塞的问题，同一个 TCP 管道中同一时刻只能处理一个 HTTP 请求，也就是说如果当前请求没有处理完，其它的请求都处于阻塞状态，另外浏览器对于同一域名下的并发请求数量都有限制，比如 Chrome 中只允许 6 个请求并发（这个数量不允许用户配置），也就是说请求数量超过 6 个时，多出来的请求只能排队、等待发送。因此，在 HTTP 1.1 协议中，队头阻塞和请求排队问题很容易成为网络层的性能瓶颈。

00

京东小程序的三生三世

作为中国最大的自营式电商企业，京东小程序的开发也是一波三折。 “不是每个人都能看透这三生三世的爱恨交织。” 前世之前京东购物入口的首页还是比较复杂的，现在首页简化到只有搜索和领券的功能。初见 1

09

js 跨域问题解决

注意点：一个IP可以注册多个不同域名的，也就是多个域名可能指向同一个IP，即使是这样，他们也不符合同源策略。

02

CSS 和 JS 合并压缩工具 Minify 及其 WordPress 插件

网站性能优化是一个永恒的话题，前面我已经介绍了 WordPress 后端性能优化的一系列方法，下面讲解下 Web 前端的性能优化，其中最重要是减少 HTTP 请求和压缩文件的大小，今天来介绍下使用 Minify 来合并和压缩 CSS 和 JavaScript 文件，

01

前端性能优化归纳总结篇

关于前端性能优化的总结，随处都可以看到这方面的文章，而优化方法，也无外乎那些“固定”方面，当然，有些方面已经过时，所以，在这里，我自己也总结一遍吧，加深理解，也希望是一种不同的总结形式。

03

《面试季》经典面试题(五)

错误,表示系统级别的错误,如系统崩溃、虚拟机错误、内存不做等,程序是不能够改变和处理的,是在程序编译或者运行时出现的错误,需要修改程序,一般指的是虚拟机相关的问题。

01

三分钟浅谈TT猫的前端优化

首先看一张访问TT猫首页的截图： 1.png 测试环境为谷歌浏览器，暂且不讨论其它浏览器，截图下方我们可以观察到以下参数： DOMContentLoaded：1.42s | Load：2.31s 以上

07

三分钟浅谈TT猫的前端优化

以上参数是在CTRL+F5下测试的，也就是说不存在浏览器本地缓存一说，DOM渲染时间为1.42s，整个页面load时间为2.31s。

01

day8 | 如何将我的服务开放给用户 | 第三届字节跳动青训营笔记

这是我参与「第三届青训营 -后端场」笔记创作活动的的第8篇笔记。计算机网络真的是太庞大了

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭