性能优化--核心定义介绍篇(1)

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

建议阅读人群:

前端工程师、后端工程师、产品经理

核心性能定义介绍:

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

后端性能定义

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

前端性能定义:

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

影响核心性能因素:

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

总结

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏服务端技术杂谈

Node.js 应该处于技术架构中的哪个位置?

很多人已经将Node作为JavaScript的Runtime了,视为一门后端语言。聊一聊究竟Node出现在架构的什么位置呢? 首先说下目前我了解到的技术架构,主...

3288
来自专栏性能与架构

Twitter是如何部署公共JS组件的?

Twitter有一个对外开放的JS组件,widgets.js,其他站长可以把这个js嵌入到自己的网页中,就可以有Twitter的一些功能(类似新浪微博开放的JS...

3558
来自专栏华仔的技术笔记

如何编写高质量的测试用例?

3467
来自专栏WeTest质量开放平台团队的专栏

http性能测试点滴

原文链接:https://wetest.qq.com/lab/view/410.html

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

Java企业面试——电商项目

dubbo服务开发流程,运行流程?zookeeper注册中心的作用? 使用流程: 第一步:要在系统中使用dubbo应该先搭建一个注册中心,一般推荐使用zooke...

3576
来自专栏方俊贤的专栏

微服务架构 : 获取微服务数据, 生成报表 (五)

针对每一个微服务所拥有的数据库发生变更时所产生的事件,要如何做出相对应的动作, 以维护其所拥有的数据库或数据仓储中的数据的时效性; 这确实不是件容易的事, 本文...

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

刘敏洁:API网关和SCF深度结合应用

这次我们主要介绍面向于API网关和SCF深度结合应用,API网关与SCF结合可以形成比较完整的Serverless方案。

1792
来自专栏听雨堂

jquery获取父级一级节点的序号

结构为:          <ul id="zdcd" style="display:none">             <li>              ...

1886
来自专栏腾讯IVWEB团队的专栏

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

随着互联网的蓬勃发展,对于技术人员来说最大的挑战就是如何在保证业务快速发展的同时,也可保证不断复杂的业务对用户体验的影响,本文系统介绍了相关指标。

2660
来自专栏韩伟的专栏

经典软件架构模式

目录 (一) 架构模式是什么 (二) 分层模式案例 (三) 微核模式案例 (四) 管道与过滤器案例 (五) MVC模式案例 (六) REST模式案例 (七) S...

3505

扫码关注云+社区