web性能

react性能优化

这一概念提高了Web性能。在UI渲染过程中，React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。在Web开发中，我们总需要将变化的数据
Taolandd·2020-06-25 12:46

web性能监控

1前端性能监控的两种方法前端性能监控主要分为两种方式，一种叫做合成监控（SyntheticMonitoring，SYN），另一种是真实用户监控（RealUserMonitoring，RUM）。合成监控就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个审计报告。工具如YSlow、webpagetest、阿里测、谷歌Lighthous
深海的鱼z·2020-06-25 07:57

HTTP 强缓存和协商缓存

对于客户端来说，HTTP缓存是web性能优化的重要手段。
易-水寒·2020-06-25 01:02

摸鱼前端的自检（六）你不知道的web性能优化

你不知道的web性能优化你遇到过打开一个网站需要10秒以上的吗，这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？
左右同学·2020-06-25 01:18

收集一个测试工程师网站--测试工具，自动化等。

网站：http://tool.51testing.cn/网站中记录的测试工具https://zhidao.baidu.com/question/523654506735150805.html1、web性能测试工具
p1i2n3g4·2020-06-24 19:56

web性能监控及采集方式

本文就来整理下如何进行web性能监控？包括我们需要监控的指标、监控的分类、performance分析以及如何监控。
最x程序猿·2020-06-24 15:55

基于Windows下的Web性能测试和压力测试

基于Windows下的Web性能测试和压力测试Web测试随着Internet的日益普及，现在基于B/S结构的大型应用越来越多，可如何对这些应用进行测试成为日益迫切的问题。
mengyao·2020-06-24 14:22

Web性能优化之CSS性能优化篇

非常感谢原文作者的分享,个人觉得非常有用.所以将原文进行翻译,如果有错误,麻烦回复指出附上原文地址什么是高效的CSS?不同的选择器对性能的影响如何?是花括号里的属性重要还是选择器重要?.选择器测速这意味着这什么?原因与结果删除未使用的样式括号内的性能什么是”昂贵”的样式?结论什么是高效的CSS?不同的选择器对性能的影响如何?是花括号里的属性重要还是选择器重要?.我们在做优化网站的性能时,CSS的优
Zeus_Ma·2020-06-24 12:08

10分钟彻底搞懂Http的强制缓存和协商缓存

所以根据上面的特点，浏览器缓存有下面的优点：减少冗余的数据传输减少服务器负担加快客户端加载网页的速度浏览器缓存是Web性能优化的重要方式。那么浏览器缓存的过程究竟是怎么样的呢？
programmer aloys·2020-06-24 11:59

HTML/CSS/JS 是如何在浏览器中渲染成你看到的页面？【图解Chrome】

渲染器进程涉及到Web性能相关的多个方面，由于渲染器进程中处理了很多的逻辑，不是一篇文章可以全面讲解的，因此本文仅作为一个概述。
IT新时代·2020-06-24 08:35

嗨，送你一张Web性能优化地图（收藏）

事实上关于Web性能有很多可以优化的点，其中涉及到的知识大致可以划分为几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。本文主要介绍性能优化需要做的事以及需要考虑的问题。
lin123_00·2020-06-24 05:33

windows使用tracert测试分析访问网站的路由节点

tracert-命令小结前言：今天在阅读“Web性能权威指南”这本书的时候，发现tracert这个命令挺有意思的，在分析网络性能瓶颈的时候也能使用的到，在此就小记一笔以备后用。
jiujiu372·2020-06-23 22:30

Jmeter教程

Jmeter（一）基础介绍参考书籍：段念《软件性能测试与案例剖析》——第二版推荐一本书《零成本实现web性能测试——基于Apache—jmeter》，主要内容是一些关于jmeter的实战使用，想学习的可以去看看
jijerry·2020-06-23 22:10

[转载]高性能WEB开发

高性能WEB开发(5)-减少请求，响应的数据量高性能WEB开发(6)-web性能测试工具推荐高性能WEB开发(7)-JS、CSS的合并、压缩、缓存管理高性能WEB开发(8)-页面呈现、重绘、回流。
iteye_14067·2020-06-23 18:23

Fiddler抓包工具使用

位于客户端和服务器端的HTTP代理最常用的http抓包工具之一场景使用：接口测试；接口调试；线上环境调试；Web性能分析；判断前后端bug；开发环境hosts配置；mock；弱网断网测试注：了解tomcat
今天不吃方便面·2020-06-22 17:06

好未来前端面试

一面：http状态码web性能优化垂直居中布局手撕算法快排跳台阶问题（斐波那契）块级元素和行内元素变量提升问题二面：数组去重（用原生写，不能用API）给100个有序数组，有序的合并（原生写）虚拟机断点续传序列化和反序列化浏览器内核
小吴同志你好呀·2020-06-22 16:37

前端优化：九个技巧，提高Web性能

当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。1.清
请把小猪还给我·2020-06-22 07:28

【译文】使用Nginx最大化Python Web性能

更多可以查看我的博客第一部分描述提高Python应用程序的五个技巧，包括使用Nginx和NginxPlus作为web服务器，如果实现静态文件的缓存，以及应用程序生成文件的微缓存；第二部分，描述Nginx和NginxPlus用做反向代理服务器和多个应用服务器的负载均衡。Web服务和缓存原文Nginx如何与Python使用每个人都希望自己的网站和应用程序运行得更快。然而，最糟糕的情况时，每次用户增长或
吾星喵·2020-06-22 00:40

深入了解现代浏览器之三 - 渲染

渲染进程涉及到Web性能的很多方面，这里只是概述，如果你想深入了解，可以去Web基础的性能部分看看。渲染进程处理网页内容渲染进程负责处理标页内的所有事情。其中，主线程负责处理大部分代码。
小烜话前端·2020-06-21 03:26

web性能测试工具集锦——WGCLOUD篇

WGCLOUD，server基于springboot架构开发，agent采用go开发，是高性能高并发的分布式监控系统，核心模块包括：主机监控，ES集群监控，CPU监控，docker监控，网络流量监控，内存监控，业务数据监控(mysql，oracle，pg等)，服务心跳检测，应用进程管理，磁盘IO监控，系统负载监控，监控告警信息推送。WGCLOUD基于Java的压力测试工具。用于对软件做压力测试，它
tianshiyeben·2020-06-21 03:40

Web 性能优化的几个策略

开发人员多了解一些优化技术在进行web性能优化之前，我们先重温一下，访问一个页面地址到浏览器渲染完页面，都有哪些过程：资源请求/获取流程图：资源响应/页面渲染流程图这两张图无需额外解释了，所以web性能优化主要是针对这里的过程进行优化
六星教育官博·2020-06-21 03:13

浏览器HTTP缓存机制

http缓存机制是一种web性能优化的手段，对于从事web行业的我们很有必要去弄懂，起初我仅仅只是知道浏览器会对请求的静态文件进行缓存，至于如何缓存，为什么缓存并不知其所以然。
顾十三goodMan·2020-06-21 02:09

简述负载均衡和CDN技术

上面提到web性能优化需要多个角度去
forlong401·2020-06-21 01:00

打个总结:Web性能优化

前段时间优化一个公司历史老项目的Web性能，却引出了一系列的问题，让我反思良多。我通过Chrome的Lighthouse工具可以看出一些性能参数和问题反馈，我逐一对其进行优化。
freephp·2020-06-20 23:00

干货：负载均衡&CDN技术

上面提到web性能优化需要多个角度去考虑，我们无法考虑到所有的优化细节，但可以从我们已知的层面去优化，我们就先从网络层面说起。网络请求路
qianlia·2020-06-20 21:23

性能测试

web性能应该注意些什么？性能测试，简而言之就是模仿用户对一个系统进行大批量的操作
桔Bu·2020-06-10 10:41

WEB性能优化复习

一、一次完整页面请求所发生的的事情过程：1.url解析地址解析和编码HSTS缓存解析2.DNS域名解析先进行本地DNS服务器解析，递归解析：如果本地解析不到，再去域名服务器解析，迭代解析：3.TCP三次握手建立连接：4.发送HTTP请求，服务器处理请求，返回响应结果5.TCP四次挥手断开连接5.浏览器渲染二、前端性能优化前端性能优化主要从上述过程中的关键节点进行优化，这也叫CRP。1.缓存优化客户
LUYrty樱花·2020-05-27 23:25

史上最强大型分布式架构详解：高并发+数据库+缓存+分布式+微服务+秒杀

最全分布式架构设计资料获取方式~负载均衡负载均衡的原理和分类负载均衡架构和应用场景分布式缓存常见分布式缓存比较：memcached和redismemcached和redis的详解分布式缓存的问题和挑战高并发性能架构设计Web
liuhuiteng·2020-05-26 10:58

web性能监控

1前端性能监控的两种方法前端性能监控主要分为两种方式，一种叫做合成监控（SyntheticMonitoring，SYN），另一种是真实用户监控（RealUserMonitoring，RUM）。合成监控就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个审计报告。工具如YSlow、webpagetest、阿里测、谷歌Lighthous
飞翔的熊blabla·2020-04-27 10:25

HTTP缓存机制及原理

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

Web性能优化

1Web性能优化Web网站的性能细线在几个方面：网站首页加载速度动画的流畅度通过分析浏览器的渲染原理、资源对渲染的影响，得出优化网站性能的办法。
大爽兔·2020-04-12 20:06

HTTP缓存详解

除HTTP缓存之外，Web性能优化还有很多其他途径，比如预加载和预渲染、脚本异步载入等缓存的原因减少服务器负载降低延迟，加速页面的载入降低了用户的带宽，减少了流量消耗减少了冗余的数据传输缓存相关的字段通用头
莫可可小姐d远方·2020-04-12 18:30

如何取消 Fetch 请求

：疯狂的技术宅原文：https://davidwalsh.name/cance...未经允许严禁转载JavaScript的promise一直是该语言的一大胜利——它们引发了异步编程的革命，极大地改善了Web
疯狂的技术宅·2020-04-11 16:53

GZIP压缩Tomcat并提升web性能过程图解

一、前言最近做了个项目，遇到这么一个问题：服务器返回给客户端的json数据量太大（大概65M），在客户端加载了1分多钟才渲染完毕(当然这加载时间也和本地的下行带宽有关)，费时耗流量，用户体验极其不好。后来网上搜优化的方法，就是Http压缩。HTTP压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求服务器对应资源后，从服务器端将资源文件压缩，再输出到客户端，由客户端的浏览器负责解压缩并浏览。即
Erneste·2020-04-09 11:43

YSlow一款很实用的web性能测试插件

转载自https://www.cnblogs.com/wajika/p/6278825.htmlYSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。YSlow可以分析任何网站，并为每一个规则产生一个整体报告，如果页面可以进行优化，则YSlow会列出具体的修改意见。YSlow的安装：1、安装firebug插件。针对不同的浏览器插件也是不同的，例如针对chrome
8d2855a6c5d0·2020-04-09 06:47

web性能测压工具 | siege

简介Siege是一个压力测试和评测工具，设计用于WEB开发这评估应用在压力下的承受能力：可以根据配置对一个WEB站点进行多用户的并发访问，记录每个用户所有请求过程的相应时间，并在一定数量的并发访问下重复进行。Siege支持基本的认证，cookies，HTTP和HTTPS协议。安装debian/ubuntusudoapt-getinstallsiege语法格式siege[选项]siege[选项]UR
AlicFeng·2020-04-09 05:59

Web中的静态资源缓存机制

缓存是提升Web性能的重要手段之一，作为前端，有必要对它进行深入理解。一般情
LLLsf·2020-04-06 19:53

关于前端博客

专题复习四、内存到底是怎么一回事专题复习五、DOMAPI及事件监听专题复习六、jquery概述专题复习七、ajax及promise专题复习八、闭包及js跨域专题复习九、web性能
田田kyle·2020-04-06 07:16

HTTP缓存

Http缓存机制作为web性能优化的重要手段，有如下作用：减少网络带宽消耗:无论对于网站运营者或者用户，带宽都代表着金钱，过多的带宽消耗，只会便宜了网络运营商。
尾巴尾巴尾巴·2020-04-06 01:49

移动web性能测试要点

性能测试1.连接速度测试用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。另外，有些页面超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，是用户
alston123·2020-04-04 13:13

Web性能优化之 - 事件委托（代理）

*什么是事件委托委托，就是让别人帮我们做事。某件事情本身应该由你来做，而你却加到别人身上来完成。事件委托，也叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。  为了更好的帮助理解，这里有个很经典的一个例子：快递员送快递，如果一个快递员送一个公司的快递，他可以选择在公司联系每个人来取这个快递，当然另一种方法就是把快递让
果汁凉茶丶·2020-04-04 02:24

8.3 Spring Boot集成Scala混合Java开发

8.3SpringBoot集成Scala混合Java开发本章我们使用SpringBoot集成Scala混合Java开发一个Web性能测试平台。
一个会写诗的程序员·2020-04-03 23:03

Web性能优化

从你敲回车到页面出现,在中间都发生了什么?1.输入网址xxx.com找IP(DNS)[DNS会缓存,大概两个小时]3.建立TCP链接,(三次握手)4.发送HTTP请求5.等待服务器的响应6.得到响应的第一个字节7.下载直到最后一个字节8.解析HTML9.渲染减少域名查找减少cookie增加域名文件分开chrome的audits功能这可功能可以测试,并给出推荐CDN(ContentDistribut
饥人谷_hak·2020-04-02 16:18

Web性能优化笔记

网页性能优化的目的减少服务器压力增强用户体验，减少加载时间，通俗地说就是用户感觉打开你的网页很快，等待页面资源加载的时间很短方法回答这题的思路要从另一道面试题：从敲回车开始到页面展现这个过程发生了什么入手。以下是其中的一些过程：看请求的html页面有没缓存，没有就进行下面步骤dns查询建立TCP连接发送HTTP请求后台处理接收响应接收完成读取html的DOCTYPE逐行解析看到,就会像服务器发起请
Scott1738·2020-03-29 02:32

自从我这样撸代码以后，公司网页的浏览量提高了107%

HTTP协议是前端性能乃至安全中一个非常重要的话题，最近在看《web性能权威指南(HighPerformanceBrowserNetworking)》，把其中关于HTTP部分的内容拿出来分享一下，加了一点自己的想法
成长穿透迷茫·2020-03-28 23:19

关于React组件规范化的一些建议——UI组件篇

一个良好的代码规范，不仅能提升web性能，提高团队协作，还便于后期维护，拓展。“代码即文档”是我们对规范的一个愿景。下面就基于ES6的React项目配置，谈几点对React组件规范的几点建议。
梁相辉·2020-03-28 10:11

从网络通信角度谈web性能优化

博客原文地址：Claiyre的个人博客https://claiyre.github.io/博客园地址：http://www.cnblogs.com/nuannuan7362/如需转载，请在文章开头注明原文地址衡量一个网站的性能有多个指标，DNS解析时间，TCP链接时间，HTTP重定向时间，等待服务器响应时间等等，从用户角度来看，就可以归结为该网站访问速度的快慢。也就是说性能等于网站的访问速度。早些
Claiyre·2020-03-27 15:02

Web 性能优化详解

摘要：本文通过“一个页面从输入URL到页面加载显示完成”的各个步骤，来详解阐述一下每一步可以如何优化，从而让我们的网页更快的展现在用户眼前，即网站加载速度变的更快，这种优化也就是题目所说的Web性能优化
EnochQin·2020-03-27 12:38

Web 性能优化 - TCP

但是TCP设计并未过多顾及时间，由此给浏览器Web性能带来了挑战。三次握手所有TCP连接一开始都必须经过三次握手。客户端与服务器在交换应用数据之前，必须就起始分组序列号，以
三毛丶·2020-03-23 07:36

Web性能优化有哪些方式？

1).尽可能减少HTTP请求次数2).使用CDN3).避免使用src和href标签4).加入Expires或Cache-ControlHeader5).使用Gzip压缩6).在html文件顶部放置Css样式表7).在html文件底部放置JavaScript脚本8).避免使用CSS表达式9).使用外部CSS和JavaScript外部文件10).减少使用DNS查找次数11).精简CSS和JavaScr
人总要靠自己_趁年轻去努力·2020-03-21 19:38
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他