网站的高性能架构---Web前端性能优化

news/2024/5/20 11:32:15/文章来源:https://blog.csdn.net/weixin_34234823/article/details/86115618
  • 网站性能测试
  1. 不同视角下的网站性能

  用户视角的网站性能:从用户角度,网站性能就是用户在浏览器上直观感受到的网站响应速度.用户的感受时间包括用户计算机和网站服务器通信的时间、网站服务器处理请求时间、用户计算机浏览器构造请求和解析响应数据的时间。

 

  开发人员视角的网站性能:开发人员关注的主要是应用程序本身及其相关子系统的性能,包括响应延迟、系统吞吐量、并发处理能力、系统稳定性等技术指标。

  运维人员视角的网站性能: 运维人员更关注基础设施性能和资源利用率。

  2.性能测试指标

      响应时间:指应用程序执行一个操作需要的时间,包括从发出请求开始到收到最后响应数据所需要的时间。

        并发数:指系统能够同时处理请求的数。

        吞吐量:指单位时间内系统处理请求的数量。

        性能计数器:它是描述服务器或操作系统性能的一些指标数据。包括System Load、对象与线程数、内存使用、CPU使用、磁盘与网络I/O等指标。

  3.性能测试方法

        性能测试是一个总称,具体可细分为性能测试、负载测试、压力测试、稳定性测试。

        性能测试:以系统设计初期规划的性能指标为预期目标,对系统不断施加压力,验证系统在资源可接受的范围内,是否达到性能预期。

        负载测试:对系统不断地增加请求以增加系统压力,直到系统的某项或多项性能指标达到安全临界值。

        压力测试:超过安全负载的情况下,对系统继续施加压力,直到系统崩溃或不能再处理任何请求,以此获得系统最大压力承受能力。

        稳定性测试:被测系统在特定硬件、软件、网络环境下,给系统加载一定业务压力,使系统运行一段较长时间,以检测系统是否稳定。

 

 

 

  4.性能优化策略

    性能分析

 

  性能优化:定位产生性能问题的具体原因后,就需要进行性能优化。

  • Web前端性能优化

  1.浏览器访问优化

  (1).减少http请求.在服务器端,每次Http请求都需要启动独立的线程去处理,这些通信和服务的开销都很昂贵,减少HTTP请求的数目可有效提高访问性能跟。减少HTTP请求的主要手段是合并CSS、合并Javascript、合并图片。

  (2).使用浏览器缓存.将静态文件缓存在浏览器中,可以极好的改善性能。

  (3).启用压缩.在服务器端对文件进行压缩,在浏览器端对文件进行解压缩,可以有效减少通信传输的数据量。但是压缩对服务器和浏览器产生一定的压力,在通信宽带良好,而服务器资源不足的情况下要权衡考虑。

      (4).CSS放在页面最上面、Javascript放在页面最下面

   (5).减少Cookie传输.一方面,Cookie包含在每次请求和相应中,太大的Cookie会严重影响数据传输,因此尽量减少Cookie中传输的数据量。另一方面,对于某些静态资源访问,发送Cookie没有意义,可以考虑静态资源使用独立域名访问,避免请求静态资源时发送Cookie,减少Cookie传输次数。

  2.CDN加速

 

4.2.3反向代理

       方向代理位于网站机房一侧,代理系统服务器接收HTTP请求。

 

      反向代理服务器也具有保护网站安全的作用,来自互联网的访问请求都必须经过代理服务器,相当于在Web服务器和可能的网络攻击之间建立了一个屏障。反向代理服务器也可以通过配置缓存功能加速Web请求,静态内容被缓存在反向代理服务器上,当用户再次访问静态内容是时,就可以直接从反向代理服务器返回。此外,反向代理也可以实现负载均衡的功能,而通过负载均衡构建的应用集群可以提高系统总体处理能力,进而改善网站高并发情况下的性能。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_770434.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

seo 从优酷网学习SEO的标题(title)和关键字(keywords)如何选择

看看优酷网如何SEO关键字到第一的&#xff1f;在谷歌或者百度里搜索“视频”&#xff0c;优酷总是排名第一&#xff1a; 看看优酷的源代码里面标题和关键字是如何优化的&#xff1a; <meta content"优酷网-中国第一视频网,提供视频播放,视频发布,视频搜索" name&…

linux网站配置文件.htaccess伪静态转换到IIS web.config中

linux下的php网站放到Windows服务器IIS下.htaccess文件伪静态规则转换。此办法只适合于linux下的php网站放到Windows服务器IIS下&#xff0c;网站除了主页面正常以外子页面全部出现404错误&#xff0c;这里子页面出现404 错误是说明伪静态没有开启。什么是.htacdess:.htaccess叫…

Java系的大网站架构-LinkedIn和淘宝

用Java的大网站很多&#xff08;LinkedIn&#xff0c;淘宝&#xff09;&#xff0c;当然用LAMP&#xff08;PHPMySQL&#xff09;的更多&#xff08;Facebook是把PHP转成C编译的&#xff0c;也算&#xff09;&#xff0c;用ASP.NET也有一些&#xff08;如Stackoverflow&#xf…

买服务器做网站 镜像选什么,如何做网站镜像,网站镜像方法

网站镜像是一种网站克隆技术&#xff0c;网站镜像可以保存网站的网页&#xff0c;防止丢失。下面介绍一下如何做网站镜像,网站镜像方法。首先&#xff0c;要下载安装镜像工具&#xff0c;安装完成后打开镜像工具快捷方式开始镜像任务。第二步&#xff0c;在打开的镜像工具界面&…

优化网站加载速度的14个技巧

优化了加载速度的网站不仅可以提高其搜索引擎的排名&#xff0c;同时也可以降低网站的跳出率&#xff0c;提高其转换率&#xff0c;还能提供更好的终端用户体验&#xff0c;这是当今基于Web环境取得成功的关键。 下面我将介绍几个优化网站加载网页速度的简单方法&#xff0c;一…

php源码仿三一重工,织梦仿三一重工大气企业网站php源码

★模板介绍★源码名称&#xff1a;仿三一重工大气企业网站php源码仿三一重工大气企业网站php源码&#xff0c;测试完整无错&#xff0c;兼容主流浏览器。模板包含安装说明&#xff0c;并包含测试数据。本模板基于DEDECms 5.7 GBK设计&#xff0c;需要 UTF-8版本的请自己转换。★…

不禁网页的浏览器_分享3个宝藏网站,5秒收纳1000个网页,让你上网爽到飞起

经常有小伙伴问我&#xff0c;三顿你的PPT导航网站是怎么做的&#xff1f;我自己能不能搭建一个导航网站&#xff1f;建站需要资金和技术支持&#xff0c;其实有免费还更简单方便的选择&#xff01;收好这3个宝藏工具&#xff0c;超方便就能DIY专属于你的导航网站&#xff01;G…

我的世界宝塔Linux,《鸡站群组》-教你建站(1.1) 下载并配置windows宝塔面板

From https://zhuanlan.zhihu.com/p/57534701Welcome https://www.ji233.top(Linux请自己参考官网教程哈)各位站长们好呀 欢迎来到由鸡站群组独家呈现的建站教程 本教程会围绕各大站长的需求 以各种建站源码的使用以主要内容进行教学“工欲善其事&#xff0c;必先利其器” 作为…

ThinkSNS专业APP/网站/软件定制开发服务介绍

2019独角兽企业重金招聘Python工程师标准>>> 开发定制app/软件/网站不知从何入手&#xff1f; 全程一对一产品经理梳理需求原型图设计&#xff01; 临近app/软件/网站上线项目延期&#xff1f; 项目经理全程跟进&#xff0c;用实力解决难题&#xff01; 9年软件开发…

mysql 在大型网站的应用架构演变

写在最前: 本文主要描述在网站的不同的并发访问量级下&#xff0c;Mysql架构的演变 可扩展性 架构的可扩展性往往和并发是息息相关&#xff0c;没有并发的增长&#xff0c;也就没有必要做高可扩展性的架构&#xff0c;这里对可扩展性进行简单介绍一下&#xff0c;常用的扩展…

大型网站架构体系的演变

互联网上有很多关于网站架构的各种分享&#xff0c;有些主要是从运维和基础架构的角度去分析的&#xff08;堆机器&#xff0c;做集群&#xff09;&#xff0c;太关注技术细节实现&#xff0c;普通的开发人员基本看不太懂。 本文上篇将主要介绍大型网站基础架构的扩展&#xf…

大型网站图片服务器架构的演进

在主流的Web站点中&#xff0c;图片往往是不可或缺的页面元素&#xff0c;尤其在大型网站中&#xff0c;几乎都将面临“海量图片资源”的存储、访问等相关技术问题。在针对图片服务器的架构扩展中&#xff0c;也会历经很多曲折甚至是血泪教训&#xff08;尤其是早期规划不足&am…

减少HTTP请求之合并图片详解(大型网站优化技术)

一、相关知识讲解 看过雅虎的前端优化35条建议&#xff0c;都知道优化前端是有多么重要。页面的加载速度直接影响到用户的体验。80%的终端用户响应时间都花在了前端上&#xff0c;其中大部分时间都在下载页面上的各种组件&#xff1a;图片&#xff0c;样式表&#xff0c;脚本&a…

大型网站系统架构演化之路

一、大型网站系统特点 &#xff08;1&#xff09;高并发、大流量&#xff1a;PV量巨大 &#xff08;2&#xff09;高可用&#xff1a;7*24小时不间断服务 &#xff08;3&#xff09;海量数据&#xff1a;文件数目分分钟xxTB &#xff08;4&#xff09;用户分布广泛&#xff0c;…

Springboot项目搭建(二) 搭建 RESTful 网站应用

springboot搭建 RESTful 网站应用 一、POM文件添加依赖&#xff08;在文一中已配置的可跳过&#xff09; <!--springMvc--> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId> &…

aws php 上传文件 限制大小_你开发的PHP网站访问很慢,如何找原因

问题场景作为程序员的你&#xff0c;你经常会遇到&#xff1a;用户向你反映说你开发的网站访问速度很慢&#xff0c;但是该用户访问其他网站很正常。出现这种问题&#xff0c;你是如何分析原因、如何解决问题呢&#xff1f; 可能出现的问题1 服务器出口带宽不够用。这是一个很常…

第三方流量统计代码_网站流量波动原因分析 - 百度蜘蛛池

最蜘蛛池&#xff0c;快速提高网站收录&#xff0c;百度蜘蛛池、搜狗蜘蛛池、360蜘蛛池、神马蜘蛛池、繁殖池、权重池&#xff0c;欢迎使用。网站优化目的是提高网站的关键词排名&#xff0c;使网站获得更多的显示和流量&#xff0c;由于网站的流量不是一个稳定的数字&#xff…

python 多个空格分割_python从零到独立建设网站系列教程之基础知识篇(二)

python从零到独立建设网站系列教程之基础知识篇(二)一、 python的安装1、 在Windows上安装python(1) 打开web浏览器&#xff0c;访问.http://www.python.org(2) 点击Download链接(3) 然后就是按导航走点击确认&#xff0c;需要注意的是要把python加入到系统变量里。2、 在liunu…

ASP.NET2.0中themes、Skins轻松实现网站换肤!

可能有些朋友还不是很清楚themes、skins。下面先介绍下themes、skins.。一、简介&#xff1a; 一看Themes、Skins这2名字就都知道是用来做什么的了吧&#xff0c;下面就说下它是做什么的(怎么都知道了还说,~_~)&#xff0c;利用Themes我们可以很容易的更改控件、页面的风格&…

大型网站架构技术一览

网站系统架构层次如下图所示&#xff1a; 1.前端架构 前端指用户请求到达网站应用服务器之前经历的环节&#xff0c;通常不包含网站业务逻辑&#xff0c;不处理动态内容。 浏览器优化技术 并不是优化浏览器&#xff0c;而是通过优化响应页面&#xff0c;加快浏览器页面的加载…