AI 助理
文档备案控制台
开发者社区 域名解析DNS DNS最佳实践 文章 正文

从前端资源的dns/tcp的角度看页面性能

2022-12-07 266
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 从前端资源的dns/tcp的角度看页面性能

通过资源加载中的dns/tcp，来看lcp和fcp和loading time。 不一定是dns/tcp和lcp或者fcp有直接关系。就是想看看到底数据箱体在什么范围区间内。


  1. DNS 根据实际生产数据，将14天内页面所有资源加载的dns数据进行绘制得到以下图表。

5bc6accb114c4082ab34a8a9d8b9f12d~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg2. TCP

03ab19d149364f7aa11396b0b3ca45f4~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

3 LOAD

4ddbb8e5999e4ea4b922748dc8936fb1~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

4.LCP

22e2cd9fa8e64546a680bb2ad2f2e9ad~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

5.FCP

0182c66db71c49acae1fc6340b83cc64~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

总图

fa32f67278a748609440e099bcba78b3~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

仅看最近7天的数据

99bf0e8ac16c4ae3904361ae0b83ffab~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

仅看最近3天的数据


559f5d52a4ba464fb2594402b59d9fdc~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg


29m的数据

83a85703e764487f827a1c887cb0f578~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg


文章标签：
云解析DNS
前端开发
网络协议
关键词：
前端页面
云解析DNS性能
云解析DNS页面
前端页面性能
前端性能
yestodorrow
目录
相关文章
弹性计算小冉
|
存储 缓存 网络协议
阿里云特惠云服务器99元与199元配置与性能和适用场景解析：高性价比之选
2025年，阿里云长效特惠活动继续推出两款极具吸引力的特惠云服务器套餐：99元1年的经济型e实例2核2G云服务器和199元1年的通用算力型u1实例2核4G云服务器。这两款云服务器不仅价格亲民，而且性能稳定可靠，为入门级用户和普通企业级用户提供了理想的选择。本文将对这两款云服务器进行深度剖析，包括配置介绍、实例规格、使用场景、性能表现以及购买策略等方面，帮助用户更好地了解这两款云服务器，以供参考和选择。
弹性计算小冉
2469 7
弹性计算小冉
|
存储 缓存 负载均衡
阿里云服务器实例选择指南：热门实例性能、适用场景解析对比参考
2025年，在阿里云的活动中，主售的云服务器实例规格除了轻量应用服务器之外，还有经济型e、通用算力型u1、计算型c8i、通用型g8i、计算型c7、计算型c8y、通用型g7、通用型g8y、内存型r7、内存型r8y等，以满足不同用户的需求。然而，面对众多实例规格，用户往往感到困惑，不知道如何选择。本文旨在全面解析阿里云服务器实例的各种类型，包括经济型、通用算力型、计算型、通用型和内存型等，以供参考和选择。
弹性计算小冉
638 2
html的七十二变
|
前端开发 JavaScript 开发者
前端 CSS 优化：提升页面美学与性能
前端CSS优化旨在提升页面美学与性能。通过简化选择器（如避免复杂后代选择器、减少通用选择器使用）、合并样式表、合理组织媒体查询，可减少浏览器计算成本和HTTP请求。利用硬件加速和优化动画帧率，确保动画流畅。定期清理冗余代码并使用缩写属性，进一步精简代码。这些策略不仅加快页面加载和渲染速度，还提升了视觉效果，为用户带来更优质的浏览体验。
html的七十二变
583 9
江池俊
|
运维 API 开发工具
【阿里云】操作系统控制台操作体验与性能评测全解析
操作系统控制台是现代云计算环境中进行系统管理和运维的重要工具，提供系统概览、诊断、观测、管理等功能，支持API、SDK、CLI等管理方式。通过创建角色、系统配置和组件安装等操作，用户可以高效管理云端资源，提升操作系统的使用效率和稳定性。尤其适合需要高效管理操作系统的用户及学习云计算、网络管理的学生。建议增强自定义功能、优化性能报告和完善文档支持，以进一步提升用户体验。
江池俊
412 21
【阿里云】操作系统控制台操作体验与性能评测全解析
winx_19970108018
|
数据采集 安全 数据挖掘
淘宝天猫宝贝详情页面商品评论采集接口全解析
淘宝天猫商品评论采集接口为电商数据挖掘提供了重要工具。通过分析海量评论，消费者可获取购买决策参考，商家能优化产品与服务，市场研究者则能洞察行业趋势与竞品表现。该接口支持Python请求，助力开发者构建智能分析应用，推动电商生态中各方价值提升。使用时需遵守平台规则，确保数据安全与合法利用。
winx_19970108018
376 15
弹性计算小冉
|
存储 机器学习/深度学习 应用服务中间件
阿里云服务器架构解析：从X86到高性能计算、异构计算等不同架构性能、适用场景及选择参考
当我们准备选购阿里云服务器时，阿里云提供了X86计算、ARM计算、GPU/FPGA/ASIC、弹性裸金属服务器以及高性能计算等多种架构，每种架构都有其独特的特点和适用场景。本文将详细解析这些架构的区别，探讨它们的主要特点和适用场景，并为用户提供选择云服务器架构的全面指南。
弹性计算小冉
1202 18
弹性计算小冉
|
存储 运维 资源调度
阿里云服务器经济型e实例解析：性能、稳定性与兼顾成本
阿里云经济型e云服务器以其高性价比、稳定可靠的性能以及灵活多样的配置选项，成为了众多企业在搭建官网时的首选。那么，阿里云经济型e云服务器究竟怎么样？它是否能够满足企业官网的搭建需求？本文将从性能表现、稳定性与可靠性、成本考虑等多个方面对阿里云经济型e云服务器进行深入剖析，以供大家参考选择。
弹性计算小冉
761 37
弹性计算小冉
|
存储 弹性计算 安全
阿里云服务器ECS通用型规格族解析：实例规格、性能基准与场景化应用指南
作为ECS产品矩阵中的核心序列，通用型规格族以均衡的计算、内存、网络和存储性能著称，覆盖从基础应用到高性能计算的广泛场景。通用型规格族属于独享型云服务器，实例采用固定CPU调度模式，实例的每个CPU绑定到一个物理CPU超线程，实例间无CPU资源争抢，实例计算性能稳定且有严格的SLA保证，在性能上会更加稳定，高负载情况下也不会出现资源争夺现象。本文将深度解析阿里云ECS通用型规格族的技术架构、实例规格特性、最新价格政策及典型应用场景，为云计算选型提供参考。
弹性计算小冉
621 2
弹性计算小冉
|
存储 机器学习/深度学习 人工智能
阿里云服务器第八代通用型g8i实例评测：性能与适用场景解析
阿里云服务器通用型g8i实例怎么样？g8i实例采用CIPU+飞天技术架构，并搭载最新的Intel 第五代至强可扩展处理器（代号EMR），不仅性能得到大幅提升，同时还拥有AMX加持的AI能力增强，以及全球范围内率先支持的TDX机密虚拟机能力。这些特性使得g8i实例在AI增强和全面安全防护两大方面表现出色，尤其适用于在线音视频及AI相关应用。本文将深入探讨g8i实例的产品特性、优势、适用场景及规格族，以帮助您更好地了解这款产品，以供参考和选择。
弹性计算小冉
494 2
1639437117631681
|
缓存 算法 Oracle
深度干货 如何兼顾性能与可靠性？一文解析YashanDB主备高可用技术
数据库高可用（High Availability，HA）是指在系统遇到故障或异常情况时，能够自动快速地恢复并保持服务可用性的能力。如果数据库只有一个实例，该实例所在的服务器一旦发生故障，那就很难在短时间内恢复服务。长时间的服务中断会造成很大的损失，因此数据库高可用一般通过多实例副本冗余实现，如果一个实例发生故障，则可以将业务转移到另一个实例，快速恢复服务。
1639437117631681
241 7
深度干货 如何兼顾性能与可靠性？一文解析YashanDB主备高可用技术