WEB 开发性能优化:核心定义介绍篇(1)

作者:莫卓颖

随着 互联网的蓬勃发展,并且伴随着产品功能的越来越复杂,对于技术人员来说最大的挑战就是如何在保证业务快速发展的同时,也可保证不断复杂的业务对用户体验的影响,其中对用户来说最重要的体验指标是如何快速、稳定的访问业务网站以及产品功能,既是网站的性能。本系列文章将会从前后端性能指标定义、性能工具使用、产品业务核心性能指标、前后端性能解决方案出发对这个性能优化体系进行完整的阐述。

建议阅读人群:前端工程师、后端工程师、产品经理

核心性能定义介绍:

由于涉及前后端的性能指标、定义非常多,本文将重点介绍对前后端影响比较大的指标,让大家对性能优化的核心指标有个整体的认识与了解

后端性能定义

  • DNS时间:用户在浏览器输入网址名称(网址)后,浏览器通过查询DNS服务器所需要的时间。
  • 建立连接时间:根据TCP协议要求,请求方(浏览器等)与接受方(服务器)经过一系列协商所需要的时间。
  • 服务器处理时间:接收方(服务器)处理请求所需时间。
  • 数据传输时间:从请求方(浏览器等)到接收方(服务器)以及从接收方(服务器)到请求方的时间。

前端性能定义:

  • 白屏时间:用户浏览器输入网址后至浏览器出现至少1px图片为止。
  • 首屏时间:用户浏览器首屏内所有的元素呈现所花费时间。
  • 用户可操作时间(dom ready) :网站某些功能可以使用的时间。
  • 页面总下载时间(onload):网站中所有资源加载完成并且可用时间。

影响核心性能因素:

  • DNS时间:与DNS设置的TTL时间以及DNS服务器有关。
  • 建立连接时间:与用户、服务器的网速、带宽有关。
  • 服务器起处理时间:与程序复杂度、服务器性能相关。
  • 数据传输时间:资源大小、用户、服务器的网速、带宽有关。
  • 白屏时间:与后端性能指标、前端headtime以及页面结构设计。
  • 首屏时间:与白屏时间以及页面首屏程序设计有关。
  • 用户可操作时间:与页面结构设计相关。
  • 页面总下载时间: 与页面资源多少相关。

总结

其实在性能优化领域还有很多细节值得探索和挖掘,这篇文章先让大家对核心性能优化有一个直观的了解以及认识,下篇文章将会从性能工具角度考虑,如何检测性能优化中遇到的问题。

原文链接:http://ivweb.io/topic/556bcd1773956de01fad07fe

原创声明,本文系作者授权云+社区-专栏发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏SAP最佳业务实践

想学FM系列(17)-SAP FM模块:预算结构(8)-预算结构增强扩展使用

3.2.3 预算结构增强扩展使用 预算结构提供了预算地址、记账地址、索引预算地址的生成功能,在实际使用当中可能存在预算地址、记账地址的特殊检查,或是预算地址派...

3629
来自专栏Java帮帮-微信公众号-技术文章全总结

【大牛经验】千万级并发实现的秘密

千万级并发实现的秘密 先解释一下什么是10k问题: 什么是 10K 问题? 在 1999 年,Dan Kegel 向网络服务器提出了一个骇人听闻的难题: 是时候...

3825
来自专栏加米谷大数据

spark之广播变量设计和实现

但是最新的 spark 版本中, http 的方式已经废弃了(pr 在此https://github.com/apache/spark/pull/10531),...

39312
来自专栏java一日一条

电商网站秒杀与抢购的系统架构

在过去的工作中,我曾经面对过5w每秒的高并发秒杀功能,在这个过程中,整个Web系统遇到了很多的问题和挑战。如果Web系统不做针对性的优化,会轻而易举地陷入到异常...

342
来自专栏腾讯Bugly的专栏

TRIM:提升磁盘性能,缓解Android卡顿

在业内,Android 手机一直有着“越用越慢”的口碑。根据第三方的调研数据显示,有77%的 Android 手机用户承认自己曾遭遇过手机变慢的影响。他们不明白...

4199
来自专栏张善友的专栏

.NET应用服务器(中间件)来到

       Windows Server 2008 RTM发布了,迫不及待的安装了一个企业版本的,第一感觉不错,看到了激动人心的应用服务器。        应...

1835
来自专栏互联网杂技

从输入URL到页面加载完的过程中都发生了什么事情

一个HTTP请求的过程 为了简化我们先从一个HTTP请求开始,简要介绍一下一个HTTP求情的网络传输过程,也就是所谓的“从输入 URL 到页面下载完的过程中都发...

32710
来自专栏架构师小秘圈

电商网站秒杀与抢购的系统架构

一、大规模并发带来的挑战 在过去的工作中,我曾经面对过5w每秒的高并发秒杀功能,在这个过程中,整个Web系统遇到了很多的问题和挑战。 如果Web系统不做针对性的...

3397
来自专栏EAWorld

浅谈BDD下的自动化测试框架

测试驱动开发(TDD)相信大家已经很熟悉了,而行为驱动开发(BDD)其实是TDD的一种演化。那什么是BDD,为什么要使用BDD, BDD下的自动化测试该如何做呢...

501
来自专栏腾讯云技术沙龙

黄文俊:Serverless小程序后端技术分享

今天讲的是怎么使用Serverless做后端技术分享。我的职业偏向是后端,可能不是写前端,不是使用Node.js,更多是使用CR做后端语言,今天关注的微信小程序...

1.1K12

扫码关注云+社区