`

架构优化-前端与应用

 
阅读更多

 

 

一、前端优化:浏览器访问、反向代理、CDN(内容分发网络,静态文件缓存)

二、浏览器访问: 

1、减少HTTP请求,包括合并css、合并js、合并图像文件(通过合并减少请求文件数量)

2、使用浏览器缓存(静态文件)

3、启用文件压缩GZIP,减小文件大小

4、css文件放上面,js文件放下面,

  因为css文件加载完后就会渲染页面,放在上面会加快页面渲染

  js文件加载后会执行,有时候会阻塞页面

5、服务器动静分离,减小应用服务器压力,也可以减小cookie传输

6、减少cookie传输 

 

三、反向代理:1、缓存静态文件,加速静态文件相应速度

 2、可以缓存一些变化不大的动态页面,当页面改动,需要使用一些方法使缓存失效

 3、负载均衡

四、应用服务器优化:分布式缓存、异步操作、集群

分布式缓存:

1、作用,缓存访问速度快,可以提高访问速度 ,缓存经过计算的数据,可以减小计算消耗 

  使用规则遵循二八定律,缓存读写比高(2:1以上)的20%数据。

2、合理使用:数据修改频率、没有热点(不遵循二八原则),缓存可用性、缓存预热和缓存穿透(访问没有的数据,总是可以访问到数据库)

 

五、分布式缓存种类:

1、JBoss Cache为代表的同步的分布式缓存,缓存服务器与应用服务器部署在同一台机器上

2、Memcached 不互相通信的分布式缓存,通常被网站使用。

代码优化:1、多线程(无状态对象和锁) 

 2、资源复用(主要针对创建和销毁开销比较大的资源如数据库连接、网络通信连接、线程等)通过单例或对象池进行管理

 

六、一些关键词的理解:

带宽

响应时间

下载速度

吞吐率: 相同并发吞吐率越高,说明单位时间内处理的请求越多,性能越好。

用户请求等待时间:越小越好,即处理的越快 

服务器平均请求处理时间:越小越好,即处理的越快

七、压力测试工具ab使用

ab工具压力测试查看以上三个指标 ab -n1000 -c10 http地址

系统负载:cat /proc/loadave ,系统负载对

 

八、浏览器的一些优化

进程切换:Nmon监控查看ContextSwitch,对于并发情况下,那种服务器ContextSwitch小即CPU切换次数少

          则该服务器性能好。因为CPU切换要花费很多系统资源 

keep-live:长连接,

缓存:动态内容静态化、

      浏览器缓存,Last-Modified、Expires、Cache-Control

      Web服务器缓存

 

九、反向代理服务器:nginx,Squid,Varnish

十、动静分离:静态页面赋予不同的二级域名(浏览器对同一种域名下文件并发数目是有限的)

 

十一、分布式缓存Memcache:读写与服务器扩展  

 

十二、项目后期可能需要工具来部署项目,文件分发

JSch - Java实现的SFTP ,可以实现文件上传分发 、 WebDAV 

 

 

 

分享到:
评论

相关推荐

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

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

    单页Web应用-JavaScript从前端到后端 高清完整中文版pdf(完整版)

    《单页Web应用:JavaScript从前端到后端》大约三分之二的内容专门讲解单页Web应用的客户端开发,先定义何为JavaScript单页应用,接着介绍书中使用的单页Web应用的架构,然后依次讲解Shell模块、功能模块、Model模块...

    系统中前端应用架构设计(演讲者-宁涛).ppt

    系统中前端应用架构设计,描述系统的前端建构如何去更好的更优化的设计

    在线学习平台的前端设计优化与实现

    因此对网站应用的前端设计与 优化则显得更加重要。 本文论述的在线学习平台上线于2012年底,随着业务的发展、功能的增多、 用户量的增加,原有的前端架构不堪重负,不能适应快速的发展,产生了大量性 能问题,影响了...

    阿里巴巴Java性能调优实战(2021-2022华山版)+Java架构核心宝典+性能优化手册100技巧.rar

    性能优化手册是一套java性能学习研究小技巧,包含内容:Java性能优化、JVM性能优化、服务器性能优化、数据库性能优化、前端性能优化等。 内容包括但不限于: String 性能优化的 3 个小技巧 HashMap 7 种遍历方式...

    GMTC北京 2018年全球前端技术大会PPT合集(42份).zip

    使用Flutter快速构建集美观与高性能于一体的移动应用 如何使用UI技术提升在线看房体验 前后端分离在APICloud的实践 前端团队的成长性探讨 前端体验中的设计原理 前端多类型 ssr 业务框架的实践优化和自研探索之路 ...

    单页Web应用 JavaScript从前端到后端

    剩下三分之一的内容讲解单页Web应用的服务器端开发和其他与单页Web应用相关的知识,如Node.js、MongoDB、CDN、搜索引擎优化、数据分析、错误日志以及各个层级的缓存等。本书两个附录分别介绍JavaScript的编码规范和...

    ArchSummit北京 2017年全球架构师峰会PPT合集(84份).zip

    06.架构升级与优化 07.金融应用架构 08.互联网产品与创业 09.互联网视频技术架构:优化和创新 10.云化架构的创新实践 11.架构创新与演进(解决方案专场) 12.业务系统架构的蜕变与进化 13.大数据平台架构 14.人工...

    GMTC深圳 | 2021年全球大前端技术大会演讲PPT(50份).zip

    GMTC 全球大前端技术大会是由极客邦科技旗下 InfoQ 中国主办的技术盛会,关注前端、移动、AI 应用等多个技术领域,促进全球技术交流,推动国内技术升级。主要面向各行业前端、移动开发、AI 技术感兴趣的中高端技术...

    【spring-boot-seckill分布式秒杀系统 v1.0】从0到1构建的java秒杀系统源码+安装说明

    1、前端优化:活动开始前生成静态商品页面推送缓存和CDN,静态文件(JS/CSS)请求推送至文件服务器和CDN。 2、网络优化:如果是全国用户,最好是BGP多线机房,减少网络延迟。 3、应用服务优化:Nginx最佳配置、Tomcat...

    基于JavaScript的WebGIS前端开发及优化

    近年来网站客户端开发规模越来越大并且有很多由AJAX开发的复杂页面, 系统中的客户端脚本大量增加,前端开发就产生了诸如代码量大、组织困难、难 ...把前端优化技术 应用到项目实现中,具体分析了各自的性能优化效果。

    大型网站性能优化实战从前端网络CDN到后端大促的全链路性能优化

    本书结合作者近几年的工作经验,总结了一套...架构篇是设计思想的提升,包括企业总体架构、应用架构设计、统一应用分层等;框架篇主讲中间件和工具的使用,包括消息队列、缓存、Job、集中式日志、应用监控和微服务等;

    全球架构师峰会展示ppt-part1

    1.keynote主题演讲 2.数据库架构 3.fintech技术突围之道 ...6.架构升级与优化 7.金融应用架构 8.互联网产品与创业 9.互联网视频技术架构 10.云化架构的创新实践 11.架构创新与演进 12.业务系统脚骨的蜕变和进化

    2017中国系统架构师大会PPT资料集合.zip

    58速运数据库降压架构优化实践 京东分布式KEY-VALUE存储设计与挑战 Qunar网数据库架构的发展 阿里巴巴数据库计算存储分离架构与实践 京东金融数据库多场景架构实践 财付通交易核心演进之路 开源大容量redis - pika ...

    2021全球前端技术大会(北京)PPT汇总(23份).zip

    2021全球大前端技术大会关注前端、移动、AI 应用等多个技术领域,促进全球技术交流,推动国内技术升级。主要面向各行业前端、移动开发、AI 技术感兴趣的中高端技术人员,大会聚焦前沿技术及实践经验,旨在帮助参会者...

    2019GMTC全球大前端技术大会34份PPT汇总.zip

    前端工程化是前端业务以及技术架构复杂度提升导致的必行之路,工程化是与实践密不可分的。本专场我们通过分享业内一些经过实践检验的工程化方案,希望能够为大家在前端工程化的探索道路上提供借鉴和帮助。 2.性能...

    计算机专业毕业设计-微信小程序案例-微信小程序的美甲店铺座位预约系统NodeJS-毕设源码+说明文档.rar

    5. 数据统计与分析:生成各类统计报表,如每日/月预约量、用户消费习惯等,帮助店铺优化运营策略。 **技术架构:** - 前端:微信小程序原生开发,结合微信地图API实现地图导航功能。 - 后端:基于NodeJS的Express...

    GMTC北京 2017年全球前端技术大会PPT合集(46份).zip

    反作弊技术架构与设计 共享代码衍生多款应用的定制框架及经验分享 混合应用平台构建实战 在前端服务化上的实践与探索 React在大型后台管理项目中的工程实践 移动虚拟化分身大师那些事儿 渐进式动画解决方案 移动...

    Web前端开发职业技能等级标准.pdf

    充分考虑到了Web前端开发从业人员的职业发展路径与成长路径,以职业素养、职业技能、知识水平为主要框架结构,设计了HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应用、项目...

Global site tag (gtag.js) - Google Analytics