推荐理由

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

建议阅读人群:

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

核心性能定义介绍:

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

后端性能定义

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

前端性能定义:

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

影响核心性能因素:

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

总结

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

相关阅读:

腾讯存储与CDN免费体验

人人都可以做深度学习应用:入门篇

文章出自腾讯云技术社区

https://www.qcloud.com/community/article/770480001489391692

推荐大家关注腾讯云技术社区微信公众号:QcloudCommunity

最新文章

  1. SQL SERVER几种数据迁移/导出导入的实践
  2. python中的告警处理
  3. RSA加密解密(python版)
  4. noi 8780 拦截导弹
  5. 如何应对Session丢失》》State Server
  6. [FTP] FTPHelper-FTP帮助类,常用操作方法 (转载)
  7. SqlServer2008 新功能:简单数据加密
  8. try.jquery-5-styling里的各种css样式操作
  9. 浅析Thinkphp框架中运用phprpc扩展模式
  10. w2wp.exe 已附加有调试器,但没有将该调试器配置为调试此未经处理的异常
  11. 嵌入式环境:挂载开发板根NFS文件系统失败
  12. Spring源码情操陶冶-PropertyPlaceholderBeanDefinitionParser注解配置解析器
  13. PHP获取指定地区的天气
  14. Future与Promise
  15. 字符串string的相关应用
  16. TCP三次握手四次挥手最通俗理解
  17. LeetCode 104. Maximum Depth of Binary Tree C++ 解题报告
  18. Jquery+H5验证数据(不是表单验证啊 )
  19. 编程基础 - 0x00008 的0x代表什么?
  20. 180510.最近踩过和听过的sql的坑

热门文章

  1. 怎样在chrome中内置扩展,以及一些简单的定制
  2. PHP 中使用 Composer
  3. Java静态代理和动态代理总结
  4. JavaScript中国象棋程序(3) - 电脑自动走棋
  5. Codeforce 水题报告
  6. Brackets 前端编辑器试用
  7. 【CNMP系列】CentOS7.0下安装MySql5.6服务
  8. java数组、泛型、集合在多态中的使用及对比
  9. java.lang.ClassNotFoundException: org.apache.commons.logging.Log
  10. 每天一个linux命令(43)--netstat命令