web性能

【网站】Tomcat启用GZIP压缩，提升web性能

一、前言最近做了个项目，遇到这么一个问题：服务器返回给客户端的json数据量太大（大概65M），在客户端加载了1分多钟才渲染完毕，费时耗流量，用户体验极其不好。后来网上搜优化的方法，就是Http压缩。HTTP压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求服务器对应资源后，从服务器端将资源文件压缩，再输出到客户端，由客户端的浏览器负责解压缩并浏览。即：通过减小HTTP响应大小来减少响应时间
happydecai·2018-08-08 17:04

web性能优化 2

Web性能优化大致可分为一下几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控1.度量标准与设定目标1.1度量标准首次有效绘制（FirstMeaningfulPaint，简称FMP，当主要内容呈现在页面上
蛮吉大人123·2018-08-06 14:52

LR-Analysis各项指标详解

一、常用到的性能测试术语1.事务（Transaction）在web性能测试中，一个事务表示一个“从用户发送请求->webserver接受到请求，进行处理->webserver向DB获取数据->生成用户的
Root_123·2018-07-10 17:11

web性能权威指南

第一章网络技术概述很多在线公司的业绩已经证实1.网站越快，用户的黏性越高2.网站越快，用户忠诚度更高3.网站越快，用户转化率越高延迟：分组从信息发送到目的地所需的时间带宽：逻辑或物理通信路劲最大的吞吐量延迟的构成1.传播延迟(消息欧星发送端到接收端需要的时间，是信息传播距离和速度的函数)2.传输延迟(把消息中的所有比特转移到链路中需要的时间，是消息长度和链路速度的函数)3.处理延迟4.排队延迟(到
hixiaoxiaoniao·2018-07-07 14:22

python实现可视化动态CPU性能监控

本文实例为大家分享了python可视化动态CPU性能监控的具体代码，供大家参考，具体内容如下打算开发web性能监控，以后会去学js，现在用matp来补救下，在官网有此类模板，花了一点时间修改了下，有兴趣的可以去官网看看
Paspi·2018-06-21 11:44

HTTP缓存机制

合理利用缓存是提高Web性能的一个重要方法，加快了客户端渲染速度，同时减轻了服务器的压力。下面我们来介绍HTTP缓存的一些机制。分类HTTP缓存可以分成两类：fromcache和304缓存。
没有角的牛·2018-06-14 00:00

Nginx反向代理设置

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。
茜茜770·2018-05-17 14:01

Spring-Boot初学之配置文件application.properties（web性能）

转载于：https://blog.csdn.net/ice_lemon_g/article/details/73607552Spring-Boot配置文件web性能（服务器）配置项（常用配置项为红色）参数介绍
_初六·2018-05-14 17:14

web性能压力测试工具：WebBench详解

1.Webbench官方主页：http://home.tiscali.cz/~cz210552/webbench.htmlWebbench的官方介绍：WebBenchisverysimpletoolforbenchmarkingWWWorproxyservers.Usesfork()forsimulatingmultipleclientsandcanuseHTTP/0.9-HTTP/1.1requ
duanyu117·2018-05-08 20:41

使用RAIL模型优化web性能

简介RAIL模型是一种以用户为中心的性能模型。最终目标不是让网站在任何设备上都可以运行很快，而是使用户满意。RAIL代表四个指标：Response响应：在100ms内响应Animation动画：在10ms内生成一帧Idle空闲：将推迟的工作分为50ms的块，利用空闲时间完成Load加载：在1000ms内呈现内容加载优化可以通过LighthousePageSpeedWebPageTestPingdo
Jeffrey·2018-05-06 00:00

mongodb自带web性能监控

mongodb自带一个web界面监控。配置比较简单，只需要在启动时候加参数：--httpinterface或者将httpinterface=true写到配置文件中重启。在浏览器中输入：ip:mongodb端口号+1000比如说数据库端口为20011则监控页面为：ip:21011/export/mongodb/bin/mongod-f/export/mongodb/conf/mongod.conf-
DB柠檬茶·2018-04-27 15:32

《web全栈工程师的自我修养》

5.WEB性能优化（服务器端和浏览器端）1.压缩源码和图片javascript文件源代码可以采用混淆压缩的
雨泉十代·2018-04-24 18:35

深度剖析HTTP缓存机制及原理

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
杜小白Zero·2018-04-16 13:45

web性能随笔

1、吞吐率不是指单位时间内处理的数据量，而是请求数。影响服务器吞吐率的因素非常多，比如服务器的并发策略、I/O模型、I/O性能、CPU核数等，当然也包括应用程序本身的逻辑复杂度等。2、充分利用HTTP中的浏览器端Cache策略，减少重复下载。3、吞吐率随并发用户数变化：先增，充分利用，后减，直线下降。4、服务器平均请求处理时间随并发用户数变化：先不变，后直线上升。（用户等待时间同）5、阻塞和非阻塞
bei_fang_du_lang·2018-04-13 15:51

从输入url开始能做哪些优化

参考《计算机网络自顶向下方法》《Web性能权威指南》老生常谈-从输入url到页面展示到底发生了什么whathappenswhenyoutypeina
toBeTheLight·2018-04-12 00:00

Web性能压力测试工具之WebBench详解

webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相应请求数和每秒钟传输数据量。webbench不但能具有便准静态页面的测试能力，还能对动态页面（ASP,PHP,JAVA,CGI）进行测试的能力。他支持对含有SSL的安全网站例如电子商务网站进行静态或动态的性能测试。Webbench最多可以模拟3万个并发连接去测试网站的负载能力。官方主页：http://home.tiscali.cz/
iscona·2018-04-02 16:43

HTTP 请求头中的 X-Forwarded-For

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。
云南厨子·2018-03-21 18:21

【协议森林】17 彻底弄懂HTTP缓存机制及原理

Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
Derllk·2018-03-18 12:41

前端利器，6 款开源 Web 性能优化辅助工具推荐

转自：原文链接Web性能优化是一个老生常谈的话题，也是前端页面开发十分重要的部分。当页面加载速度越慢，用户流失的概率就越大，性能和交互直接影响用户体验。
lee_zhou·2018-02-23 11:53

前端利器，6 款开源 Web 性能优化辅助工具推荐

Web性能优化是一个老生常谈的话题，也是前端页面开发十分重要的部分。当页面加载速度越慢，用户流失的概率就越大，性能和交互直接影响用户体验。下面推荐几款Web性能优化辅助工具推荐，希望能对大家有所帮助。
开源中国_·2018-02-23 11:21

极致Web性能 —— SPA性能指南

作者：Jogis原文链接：https://github.com/yesvods/Bl...转载请注明原文链接以及作者信息前言前端框架时代，为开发体验、效率与页面性能带来，非常大的革命。大家纷纷拿起一系列打包工具(webpack/parceletc.)，配合一系列加载器快速搭建起一个SPA页面。SPA应用带来的好处非常明显；提升页面切换体验降低切换时间易于部署&前后端分离但是也带来一系列性能问题：初
Jogis·2018-02-12 00:00

代码方面的WEB性能优化

缓存DOM查询vari; for(i=0;i item1 item2 item3 item4 item5 item6 window.onload=function(){varparent=document.getElementById('parent');//li太多了，就代理到ul元素上，这个通过事件冒泡机制传到ul元素上//这样就可以只绑定一次事件就可以了parent.addE
AndyNikolas·2018-02-06 00:00

Web性能优化

Web性能优化方案有很多，最著名的的当然要属YSlow团队的“Web性能最佳实践和规则”。这里结合近年来前端的发展情况及目前主流技术，对Web性能优化的具体实施做一个简单的梳理和总结。
stevobm·2018-01-30 20:13

HTTP 缓存

--PhilKarltonWeb开发的优化阶段中，缓存是必不可少的一个因素，而其中HTTP缓存机制是Web性能优化的一个重要手段，善于利用HTTP缓存，能够大大提升Web页面的访问速度。
时间被海绵吃了·2018-01-18 00:00

【web性能】获取web各个阶段响应时间：服务器响应时间、首页白屏时间、dom渲染完成时间等

【web性能】Webperformance获取web各个阶段响应时间：DNS解析时间、TCP建立连接时间、首页白屏时间、dom渲染完成时间、页面onload时间等准确地测量web应用程序的性能特性是使web
starkwang·2018-01-14 00:00

【web性能】雅虎Yslow23条优化规则

作为前端的开发者，这些性能优化必须铭记于心。1.减少HTTP请求次数尽量合并图片、CSS、JS。比如加载一个页面，如果有5个css文件的话，那么会发出5次http请求，这样会让用户第一次访问你的页面的时候会长时间等待。而如果把这个5个文件合成一个的话，就只需要发出一次http请求，节省网络请求时间，加快页面的加载。2.使用CDN网站上静态资源即css、js全都使用cdn分发，图片亦然。3.避免空的
starkwang·2018-01-14 00:00

web全栈

各个组件  Html正规样式 Nosql数据库NoSQL，泛指非关系型的数据库，大数据背景，非关系型数据库速度更快 Node.js一专多长，关注商业目标，关注用户体验 结构html表现css 行为js Web
酱油油MGD·2018-01-07 00:00

浏览器的渲染机制

关于浏览器的渲染机制，这应该是每一个前端需要了解的一个很重要的知识点这对于后面的web性能优化有着至关重要的作用。如图：1.首先浏览器解析html，生成一个dom树。
_claus·2017-12-26 00:19

三种web性能压力测试工具

压力和性能测试工具很多，下文讨论的是我觉得比较容易上手，用的比较多的三种http_load是Linux下的一个网站压力测试工具，下载地址：http://www.acme.com/software/http_load/http_load-12mar2006.tar.gz程序非常小，解压后也不到100K居家旅行携带方便呵呵http_load以并行复用的方式运行，用以测试web服务器的吞吐量与负载。但是
像敏锐的狗·2017-12-09 08:36

性能优化的十条最经典的建议

WEB性能优化写在前面Web性能优化是一个近年来新兴的一个产业，该发展迅速主要取决于企业越来越重视用户体验。
志_恒·2017-12-03 22:37

web性能优化三图片的相关优化

有损压缩-一张jpg图片的解析过程，损失的信息不会构成用户使用困扰可以看出，在一张紧jpg解析过程中会有损失，但是图片的损失还不会影响到用户的视觉png8/png24/png32之间的区别png8png24png32256色2^24色2^24色支持透明不支持透明支持透明文件小介于两者之间文件大在实际项目中选择png图片的时候，可以按照实际场景进行抉择，因为每种图片格式都有自己的特点，针对不同的业务
写代码的我·2017-11-30 00:00

彻底弄懂HTTP缓存机制及原理

转载地址前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
MarvinGuo·2017-11-29 11:19

彻底弄懂HTTP缓存机制及原理

转载地址前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
MarvinGuo·2017-11-29 11:19

web性能优化二-文件压缩与混淆

html压缩html压缩使用在线网站进行压缩在线压缩工具nodejs提供的html-minifier工具后端模板引擎渲染压缩（ejs/jade模板引擎）gulp/webpack等构建工具提供的插件的压缩css压缩首先对无效代码的删除，减少文件的大小，提升css渲染速度;对css语义进行合并使用在线网站进行压缩在线压缩工具；使用html-minifier对html中的css进行压缩；使用clean-
写代码的我·2017-11-28 00:00

web性能优化一

web性能优化对于任何大型项目都是必不可少的一环，那么如何做好web端的性能优化，从哪些方面入手？
写代码的我·2017-11-28 00:00

Web性能优化与Http2

因此，页面加载对于Web性能是重中之重。加载的快慢可以总结成受两个因素影响：阻塞与延迟。1、阻塞。浏览器在解析到脚本时
gb4215287·2017-09-28 09:26

彻底弄懂HTTP缓存机制及原理

转载自http://www.cnblogs.com/chenqf/p/6386163.html前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节
goolong·2017-09-27 14:08

彻底弄懂HTTP缓存机制及原理

转载自http://www.cnblogs.com/chenqf/p/6386163.html前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节
goolong·2017-09-27 14:08

Web性能优化最佳实践:JavaScript&CSS篇

的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。
马里奥Joseph·2017-09-21 21:23

Mycat使用性能监控管理工具获取相关性能缺陷和监视信息

Mycat性能监控测试管理工具有3种：1、Mycat控制台命令行；2、Mycat-web性能管理系统；3、第三方监控工具如Spotlight。
boonya·2017-09-15 17:10

前端面试系列（一）：网站优化的解决方案

文件合并（目的是减少http请求）Web性能优化最佳实践中最重要的一条是减少HTTP请求，减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSSSprites、
一天一颗蛋的开心·2017-09-02 10:30

Web性能优化之中文字体(梁王的开发笔记)

前言最近在优化项目性能，由于要想完美的贴合设计稿，所以使用了font-face加载字体，然而分析.png这么恐怖的吗，加载字体就耗了20多M。所以这很有必要优化一下。解决方案的寻找font-displayhttps://css-tricks.com/font-display-masses/这篇文章很好的介绍了font-display这个属性简单来说就是可以设置网站在字体加载前使用系统字体，当字体下
梁王io·2017-08-06 14:22

web性能优化——关键渲染路径（上）

文章同步更新于Githubblog从收到HTML、CSS和JavaScript字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，优化性能其实就是了解这些步骤中发生了什么，即关键渲染路径。优化关键渲染路径是指优先显示与当前用户操作有关的内容。通过优化关键渲染路径，我们可以显著缩短首次渲染页面的时间。此外，了解关键渲染路径还可以为构建高性能交互式应用打下基础。构建对象模型浏
Pines_Cheng·2017-08-06 00:00

web性能优化——优化内容

与桌面应用不同，网络应用不需要单独的安装过程：只需输入网址，便可启动和运行-这是网络的一个关键特色。不过，要做到这一步，我们通常需要获取几十个（有时甚至是几百个）不同的资源，所有这些资源加起来的数据量高达几兆字节，并且必须在短短几百毫秒内汇聚起来，以实现我们想要达到的即时网络体验。在满足上述要求的前提下实现即时网络体验绝非易事，优化内容效率至关重要的原因就在于此：避免不必要的下载、通过各种压缩技术
Pines_Cheng·2017-08-06 00:00

web性能优化之CSS篇

1.使用GPU缓存减少Painting2.使用CSStransition完成一次性动画3.动画过程避免布局渲染4.CSS3动画通常是不被阻塞的，可以获得独立线程进行绘制5.css样式名尽量简短，样式选择尽量简短6.尽量减少不必要的样式属性7.尽量不要在样式属性值中写表达式未完待续，继续追加
guobotry·2017-08-05 00:00

web性能优化之规范篇

1.css置顶，js置底：原因是浏览器是从上到下渲染的2.图片精灵合并图片3.chrome浏览器gzip压缩后发送4.cache-control和expires合理设置5.keep-alive合理使用：Connection:Keep-Alive Keep-Alive:timeout=206.If-Modified-Since和Last-Modified配合判断文件是否修改（文件修改时间）7.If-
guobotry·2017-08-05 00:00

web性能优化——使用RAIL模型评估性能

RAIL简介RAIL是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面，且这些方面以不同的方式影响着性能：RAIL核心思想是以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。主要包含以下几个方面：立即响应用户；在100毫秒以内确认用户输入。设置动画或滚动时，在10毫秒以内生成帧。最大程度增加主线程的空闲时间。持续吸引用户；在1000毫秒以
Pines_Cheng·2017-08-05 00:00

web性能优化之javascript篇

1.清空数组用arr.length=0，不要用arr=[]；这样相当于又创建了一个新对象赋值给arr2.对象使用完成后尽量置空obj=null,这样利于浏览器GC3.使用Canvas绘图可以有效避免渲染树4.WebWorkers异步线程（高级浏览器中特性，如果有兼容性要求请慎用）5.能使用局部变量的尽量不用全局变量6.如果字符串连加比较多的话尽量先用数组存储，然后join。注意java端尽量用St
guobotry·2017-08-05 00:00

web性能优化之DOM篇

1.使用createDocumentFragment,display:none,cloneNode等方法，避免浏览器多次layout2.使用requestAnimationFrame或者fastdom（避免连续的强制同步布局发生）3.classList代替className4.DOM批量读写，不要一会读一会写5.加载页面是尽量给图片设定宽高，避免图片加载完成后重新渲染部分页面6.实现元素的动画，它
guobotry·2017-08-05 00:00

web性能优化 高性能网站建设指南

公司的平台需要对访问速度等进行优化，大致的方向就是从缓存、压缩、减少请求等方面进行处理，不光需要对网络有一定的理解，也需要对浏览器的机制以及前端的技术等有些许的了解，在这个过程中，阅读了《高性能网站建设指南》，其中就描述了雅虎的工程师们，总结出的“性能黄金法则”：“只有10%20%的最终用户响应时间花在了下载HTML文档上。其余的80%90%时间花在了下载页面中的所有组件上”。
傲十郎·2017-08-04 00:00
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他