备案控制台
探索云世界
开发者社区 域名解析DNS DNS最佳实践 文章 正文

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

2022-12-07 91
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 从前端资源的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性能
前端页面
云解析DNS tcp
yestodorrow
目录
相关文章
嘿嘿就是写
|
2月前
|
运维 监控 网络协议
QT实现TCP通信：从基础到高级的全面解析
QT实现TCP通信：从基础到高级的全面解析
嘿嘿就是写
202 0
会敲代码的_TT
|
2月前
|
缓存 前端开发 JavaScript
前端性能优化：高在性能，大在范围，必要前置知识一网打尽！（下）
在上一篇 前端性能优化：高在性能，大在范围，必要前置知识一网打尽！（上） 一文中介绍了和前端性能优化相关的一些前置知识，那么本篇就针对优化方案进行总结，核心的方向还是上篇文章中提到的内容：
会敲代码的_TT
61 0
阿萨聊测试
|
3月前
|
域名解析 网络协议
IP协议, TCP协议 和DNS 服务分别是干什么的？
IP协议, TCP协议 和DNS 服务分别是干什么的？
阿萨聊测试
233 0
叫个什么名字
|
23天前
|
前端开发 JavaScript UED
如何优化前端网页性能提升用户体验
本文将探讨如何通过一系列前端优化技术，提高网页加载速度、减少资源请求次数，从而优化用户体验。我们将介绍一些常用的性能优化技巧，包括资源压缩、懒加载、CDN 加速等方法，帮助开发者更好地构建高效、流畅的前端网页。
叫个什么名字
13 3
GG2020gg
|
1月前
|
运维 Linux Apache
LAMP架构调优（十）——Apache禁止指定目录PHP解析与错误页面优化
LAMP架构调优（十）——Apache禁止指定目录PHP解析与错误页面优化
GG2020gg
199 2
mg的嘟嘟
|
1月前
|
PHP 开发者
PHP 8.1 新特性解析：提升开发效率与性能的利器
本文将深入探讨PHP 8.1的新特性，包括联合方法调用、never返回类型、str_contains函数等，展示这些更新如何提升开发者的工作效率和代码性能。
mg的嘟嘟
15 1
游客7v53mftipku2u
|
1月前
|
编译器 PHP 开发者
PHP 8 新特性解析：提升性能与安全性
随着技术的不断进步，PHP 8作为一种流行的服务器端脚本语言，在性能和安全性方面有了许多值得关注的新特性。本文将深入探讨PHP 8的一些重要更新，包括Just In Time编译器、Union Types、Named Arguments等，帮助开发者更好地利用这些新功能提升应用程序的性能和安全性。
游客7v53mftipku2u
120 0
zuozewei
|
1月前
|
Web App开发 SQL 前端开发
性能工具之前端分析工Chrome Developer Tools性能标签
【2月更文挑战第22天】性能工具之前端分析工Chrome Developer Tools性能标签
zuozewei
36 1
性能工具之前端分析工Chrome Developer Tools性能标签
小白学大数据
|
1月前
|
数据采集 前端开发 JavaScript
Java网络爬虫实践：解析微信公众号页面的技巧
Java网络爬虫实践：解析微信公众号页面的技巧
小白学大数据
25 0
wljslmz
|
1月前
|
网络协议 数据格式
详细解析以太网帧、ARP数据报、IP数据报、UDP数据报和TCP数据报的协议格式
【2月更文挑战第10天】
wljslmz
85 2
详细解析以太网帧、ARP数据报、IP数据报、UDP数据报和TCP数据报的协议格式
域名解析DNS

DNS最佳实践

热门文章

最新文章

  • 1
    如何解决域名解析不生效问题？
  • 2
    移动互联网时代，如何优化你的网络 —— 域名解析篇
  • 3
    阿里云DNS专家，手把手教你定位域名解析不生效
  • 4
    nginx泛域名解析，实现多个二级域名
  • 5
    阿里云邮箱域名解析设置要求
  • 6
    使用python实现阿里云动态域名解析DDNS
  • 7
    【云计算的1024种玩法】只要SLB+DNS，云上IPV6竟然如此简单
  • 8
    11个国内外免费域名解析服务
  • 9
    阿里云邮箱域名解析设置要求
  • 10
    最新可靠好用的DNS服务器地址汇总
  • 1
    如何centos搭建内网dns服务器的详细步骤
    1371
  • 2
    URLDNS反序列化链分析
    87
  • 3
    利用DNSLog实现无回显注入
    358
  • 4
    DNS隧道
    237
  • 5
    DNSlog在渗透测试中的应用
    398
  • 6
    云原生网络扫雷笔记:alpine镜像与DNS AAAA不得不防的坑
    1015
  • 7
    URLDNS反序列化链分析
    406
  • 8
    Node.js入门之http模块和dns模块
    187
  • 9
    阿里云注册域名，购买云服务器，备案，域名解析图文教程参考
    426
  • 10
    微软众多服务发生大规模宕机，原因可能与DNS有关
    119

    • 相关产品

  • 云解析DNS
    文档详情 产品详情

    • 相关课程

    更多
  • 深入解析Docker容器化技术
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的

    • 相关实验场景

    更多
  • 通过云拨测对指定服务器进行Ping/DNS监测
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置

    • 推荐镜像

    更多
  • DNS
  • NTP
  • kali
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）