web性能

Web性能指标

Web性能指标模型一、RAIL模型RAIL是Response、Animation、Idle和Load的首字母缩写，是一种由GoogleChrome团队于2015年提出的性能模型，用于提升浏览器内的用户体验和性能
YoungEvita·2022-09-13 11:41

阿里二面：SpringBoot中如何设置HTTP缓存？

介绍在工作之余阅读缓存相关的书籍时，看到了http缓存相关的知识，HTTP缓存机制是一个web性能优化的重要手段，无论是做前端还是做web后台，都可能会用得到它，应该是知识体系库中的一个基础环节，以前这一块学的不是很扎实
chenzixia·2022-08-15 10:50

如何在SpringBoot中设置HTTP缓存，你知道么？

介绍在工作之余阅读缓存相关的书籍时，看到了http缓存相关的知识，HTTP缓存机制是一个web性能优化的重要手段，无论是做前端还是做web后台，都可能会用得到它，应该是知识体系库中的一个基础环节，以前这一块学的不是很扎实
啊码·2022-08-15 07:45

《HTTP/2 基础教程》 阅读摘要

的动机与方式3.1当前的性能挑战3.1.1剖析Web页面请求3.1.2关键性能指标3.1.3HTTP/1的问题1.队头阻塞2.低效的TCP利用3.臃肿的消息首部4.受限的优先级设置5.第三方资源3.2Web
SHERlocked93·2022-07-29 10:54

《Web性能权威指南》笔记

序言最近因为过生日，公司可以替每个过生日的员工买本书，我选择了这本《Web性能权威指南》，因为我觉得作为一个Web开发者，没有系统的学习过一本Web相关的书籍，大部分都是Java相关书籍。
四问四不知·2022-07-25 11:15

tomcat 并发 优化web性能

Tomcat并发1、Apache+Tomcat结合起来用Apache负责静态页面，Tomcat负责动态页面，同时减少connectionTimeout的时间，以应对并发量大线程回收来不及的情况。2、压力过大的问题，可以做负载均衡，一个TOMCAT无论如何也不可能担当如此多的线程负载，而且JVM过大，其内存管理成本将显著加大。2G的内存，做3-4个TOMCAT实例（512RAM*4），更为科学合理。
cnmcxiari·2022-07-05 12:23

2.前端性能优化-web性能指标

web性能指标RAIL性能模型基于用户体验的核心指标FCP(FirstContentfulPaint)首次内容绘制LCP(LargestContentfulPaint)最大内容绘制FID(FirstInputDelay
豆浆油条_煎bingo子·2022-06-13 10:03

一些面试题的整理

useState原理https://www.jianshu.com/p/2f371e1e9ce0useState的原理及模拟实现https://www.jianshu.com/p/f828ec70e710web
sskingfly·2022-06-12 00:23

2020年你不应该错过的CSS新特性

接下来的内容我将分为：Web动效、Web排版、Web性能、Web可访问性、Web美化和
前端开发博客·2022-05-31 12:24

从旧金山到上海, HTTP/3 非常快!

HTTP/3是超文本传输协议(HTTP)的第三个版本，它对Web性能来说意义重大,让我们看看HTTP/3如何让网站的速度变得更快！等等，HTTP/2发生了什么?不是几年前才开始推广HTTP/2吗?
SpringLeee·2022-05-06 08:00

前端周刊第十五期

如果外链不能访问，关注公众号前端每周看，里面有解决办法大事件2021年前端性能清单（PDF、ApplePages、MSWord）——Web性能是一个棘手的问题，不是吗？
·2022-04-17 13:24

前端周刊第十五期

如果外链不能访问，关注公众号「前端每周看」，里面有解决办法大事件2021年前端性能清单（PDF、ApplePages、MSWord）——Web性能是一个棘手的问题，不是
夕阳白雪·2022-04-17 12:00

web性能优化的一些方法

前端性能优化的目的1.从用户角度，优化时候能够让页面加载更快，对用户的操作响应更及时，能够给用户提供更为友好的体验2.从服务商角度，优化能够减少页面请求，或者减少请求所占宽带，能够节省可观的资源性能优化的一些方法一.减少http的请求次数网页加载的时间与http请求密不可分，而外部资源的加载的速度则与主机服务提供商服务器架构和分布地点有关。我们可以通过检查自己的网站上多余的图片、css、JavaS
diefengluo5019·2022-04-13 15:48

node.js实现文件和数据的压缩与解压缩

在web性能优化的时候，经常会使用到压缩神器gzip。当客户端(浏览器)向服务端发起资源请求时，服务器首先会对比较大的资源进行压缩，然后再返回给客户端，以此加快资源的访问速度。
coder_路远·2022-04-03 13:53

Web服务器性能测试工具介绍

web性能测试工具相关工具：webbench、Apachebench压力测试相关指标吞吐量（Requestspersecond，RPS），某个并发用户数下，单位时间内处理的请求数。
十月的夏·2022-03-19 07:05

Web性能技巧-超越基础

ThisarticlewassponsoredbyNewRelic.ThankyouforsupportingthesponsorswhomakeSitePointpossible!本文由NewRelic赞助。感谢您支持使SitePoint成为可能的赞助商！We’vehadalotofperformancetalkovertheyearshereatSitePoint,andwebelieveit
culh2177·2022-03-18 03:45

懒加载--预加载

WEB性能优化--图片媒体篇目的为了提升客户端效果体验。
·2022-03-09 10:20

Web 性能优化：21种优化CSS和加快网站速度的方法

这是Web性能优化的第4篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法Web性能优化：图片优化让网站大小减少62%Web性能优化：缓存React事件来提高性能CSS必须通过一个相对复杂的管道
强哥科技兴·2022-02-20 17:29

web性能常见优化技巧

常见技巧输入网址后浏览器的做了什么：1.DNS域名解析；2.建立TCP连接；3.发送HTTP请求；4.服务器处理请求；5.返回响应结果；6.关闭TCP连接；7.浏览器解析HTML；8.浏览器布局渲染；思路：尽量优化每一步。优化：DNS服务自行配置host，可以省去DNS查询这个步骤。花钱提高带宽后端优化sql语句的查询速度，使其更快的返回给前端数据.连接复用，后端设置keep-alive后端开启g
·2022-02-16 15:49

web项目性能优化（整理）

Web性能优化分为服务器端和浏览器端两个方面。
JavaLover·2022-02-16 12:20

React特点

它并不直接对DOM进行操作，它引入了一个虚拟DOM的概念，安插在JavaScript逻辑和实际的DOM之间，这一概念提高了WEB性能，我们所谓的DOM树其实就是一个树状结构嵌套的JavaScript对象
Poppy11·2022-02-14 22:01

Web性能优化：基本思路和常用工具

听了荣华的演讲之后，我对性能优化有了更深层次的认识。性能优化的重要性性能优化是为了赢得用户，为了降低成本。性能优化思路Web常见优化点Java常见排查工具
whitejava·2022-02-13 01:13

【腾讯Bugly干货分享】彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法

公众号（weixinBugly），未经作者同意，请勿转载，原文地址：https://mp.weixin.qq.com/s/qOMO0LIdA47j3RjhbCWUEQ作者：李志刚导语Http缓存机制作为web
weixin_30266829·2022-02-12 16:44

彻底弄懂 HTTP 缓存机制 —— 基于缓存策略三要素分解法

导语HTTP缓存机制作为Web性能优化的重要手段，对从事Web开发的小伙伴们来说是必须要掌握的知识，但最近我遇到了几个缓存头设置相关的题目，发现有好几道题答错了，有的甚至在知道了正确答案后依然不明白其原因
GarfieldEr007·2022-02-12 16:12

CDN和负载均衡是什么？

就像上面提到的，web性能优化是要从多个角度去考虑的，我们是没办法考虑到所有的优化细节，但是我们可以
青沐沐沐·2022-02-09 05:29

2019文章分类汇总

Web性能领域常见的专业术语一名攻城狮都必须懂的前端性能优化～面试经常被问的web安全问题面试官问:TCP为啥要3次握手和4次挥手？握两次手不行吗？B站、
苏南South·2022-02-05 16:49

HTTP 缓存

虽然HTTP缓存不是必须的，但重用缓存的资源通常是必要的，HTTP缓存是一个web性能优化的重要手段。HTTP缓存的类型通常HTTP缓存策略分为两种：强缓存协商缓存。
·2022-02-05 00:40

FlutterWeb性能优化探索与实践

在这过程中，性能问题是我们面临的最大挑战，本文结合实际业务场景进行思考，介绍美团外卖商家端在FlutterWeb性能优化上所进行的探索和实践，希望对大家能有所帮助或启发。
·2021-12-20 17:59

Sentry 监控 - Snuba 数据中台本地开发环境配置实战

创建版本快速使用Docker上手Sentry-CLI-30秒上手SourceMapsSentryForReact完整接入详解SentryForVue完整接入详解Sentry-CLI使用详解SentryWeb
为少·2021-12-02 10:00

Sentry 监控 - Snuba 数据中台架构(SnQL 查询语言简介)

创建版本快速使用Docker上手Sentry-CLI-30秒上手SourceMapsSentryForReact完整接入详解SentryForVue完整接入详解Sentry-CLI使用详解SentryWeb
为少·2021-11-29 14:00

Sentry 监控 - Snuba 数据中台架构(编写和测试 Snuba 查询)

创建版本快速使用Docker上手Sentry-CLI-30秒上手SourceMapsSentryForReact完整接入详解SentryForVue完整接入详解Sentry-CLI使用详解SentryWeb
为少·2021-11-26 18:00

深圳|顺丰科技-诚招前端开发工程师 职级T8-T11 薪资20k-40k * 15

地点：深圳简历投递：[email protected]职位：前端开发工程师职责：了解业务需求，基于H5/PC端开发实现业务功能；参与Electron桌面客户端的web性能优化、
·2021-10-21 15:49

全国大学生软件测试大赛web性能测试

目录一.环境的准备1.从比赛官网下载jmeter2.解压后，启动二.答题1.下载题目2.阅读题目要求3.录制脚本4.完善和回放脚本4.提交大赛官网运行，查看成绩5）点击mooctest->submit提交答案,一.环境的准备1.从比赛官网下载jmeter从全国大学生软件测试大赛官网下载带有插件的jmeter、没有插件的的无法下载和提交题目。下载地址：Mooctest|工具下载注意：请使用最新版本的
曹红杏·2021-10-11 20:36

web性能优化

1、浏览器请求并发限制：每个浏览器对同一域名下的资源的请求有并发限制，例如chrome就是最多为6条：(1)搭建node服务器，接受图片请求服务：(2)前端去node服务器那边同时请求8张图片：(3)在chrome控制台network中查看，发现同一时间线下只能最多处理6个请求优化：采用多域名访问的方式，因为浏览器对同一域名的并发请求有限制，那么可以将图片等静态资源放在另外不同域名的服务器中，那么
·2021-10-03 20:54

web性能优化—— 打包构建优化

作者：麦乐来源：恒生LIGHT云社区压缩与合并资源的合并与压缩所涉及的优化点包括两方面：一方面是减少HTTP的请求数量，另一方面是减少HTTP请求资源的大小。下面我们将详细探讨：HTML压缩、CSS压缩、JavaScript压缩与混淆及文件合并。HTML压缩什么是HTML压缩？准备一个html文件未压缩前的大小6kb，这里使用node工具来压缩：varfs=require('fs');varmin
·2021-09-09 14:09

【web性能】渲染大数据量-时间分片

当我们遇到需要一次性向页面插入十万条数据的情况下，该如何保证页面不卡顿，维持一定的页面渲染性能场景：插入十万条数据，渲染到页面十万条数据分析：我们知道，UI渲染在浏览器渲染进程中属于宏任务，且涉及到页面的绘制，因此执行完当前的的脚本，进入宏任务阶段后，同时由于数据量大，整个渲染耗费时间较长方案：把数据分批插入到页面✅（本篇内容）虚拟列表，渲染应该渲染的1.分批每次插入20条（类似于手动给他分页加载
Adder·2021-07-02 19:36

【web性能】虚拟列表-渲染大数据量

当我们遇到需要一次性向页面插入十万条数据的情况下，该如何保证页面不卡顿，维持一定的页面渲染性能场景：插入十万条数据，渲染到页面十万条数据分析：我们知道，UI渲染在浏览器渲染进程中属于宏任务，且涉及到页面的绘制，因此执行完当前的的脚本，进入宏任务阶段后，同时由于数据量大，整个渲染耗费时间较长方案：把数据分批插入到页面虚拟列表，渲染应该渲染的✅（本篇内容本文基于vue实例做介绍）实际上思路就是，在首屏
Adder·2021-07-02 19:28

关于WEB性能的思考

有关WEB性能的思考，不涉及方法论。之所以萌生出写这篇文章的想法，主要是最近看的一些参考资料，让我联想到了web性能。可能会好奇，我最近究竟看的是什么呀？
gaoshu883·2021-06-25 05:32

aiohttp 并发测试web性能

aiohttp并发测试web性能importasyncioimportjsonfromaiohttpimportClientSession,TCPConnectorfromdatetimeimportdatetime
Pala风·2021-06-24 11:20

web性能优化14条

|1.尽可能的减少HTTP的请求数|content||2.使用CDN（ContentDeliveryNetwork）|server||3.添加Expires头(或者Cache-control)|server||4.Gzip组件|server||5.将CSS样式放在页面的上方|css||6.将脚本移动到底部（包括内联的）|javascript||7.避免使用CSS中的Expressions|css|
暮雨默默·2021-06-21 01:23

优化参数性能及理念

4.最早请求时间，文档完成时间，最后资源获取时间5.让用户尽早和重要的内容交互，这样就要确定什么内容是重要的，那些是后来加载的6.对于大多数应用来说，宽带的趋势不是性能的限制，限制web性能的主
skoll·2021-06-15 04:17

Web性能优化

title:Web性能优化date:2018-11-0316:46:40tags:[JavaScript]categories:JavaScript1.浏览器会查看是否有缓存除了html文件外尽量使用缓存
祈念念念·2021-06-14 22:42

网站性能优化和安全

Web性能、安全及SEO性能优化及安全篇感谢网上有那么多的分享blog，讲的挺详细的，有了一个很全面的了解。
提笔忘字书生·2021-06-12 12:31

Web性能优化

很大的话题，我的习惯是，很简单的说一下。压缩源码和图片js混淆压缩（必须代码规范），css普通压缩jpg质量压缩到50%或70%，PNG用开源压缩软件选择合适的图片格式颜色数多，用jpg.相反，用png。通过服务器端判断支持webp,就用webp和svg.（webp很强大）合并静态资源包括css、js、litterpicture,减少http请求。开启服务端Gzip压缩博客，文本多的用起来。使用C
奔跑的达达·2021-06-11 11:03

web性能优化

HTML尽量给图片加上宽高，减少页面重绘，防止图片缩放用link而不是@import样式倒入css样式放页头js放页尾缩小favicon.ico并缓存CSS避免使用css表达式background-color：expression(xxx)减少查询层级：如.header.logo要好过.header.top.logo减少查询范围：如.header>li要好过.headerliJavascript尽
饕餮潴·2021-06-09 18:49

一文搞懂HTTP2.0和HTTP1.0的区别

HTTP2.0HTTP2.0大幅度的提高了web性能，在HTTP1.1完全语义兼容的基础上，进一步减少了网络
工程师-小白·2021-05-21 22:12

Web性能权威指南

百度网盘地址：https://pan.baidu.com/s/1gpyHWetFOS_TWsaZKq4Z6A解压码：gv8m封面图片
亮亮你看起风了·2021-05-18 03:58

JS中的图片预加载原理及运用的小案例

相信大家在接触到图片预加载时，都会有很多疑问，图片预加载有什么用处，它的原理是什么，以及它是如何提高web性能的？接下来，我给大家一一解决这些这些疑惑一：首先什么是图片预加载？
编程小飞侠·2021-05-12 00:18

从HTTP/1.1到HTTP/2，让WEB性能更上一层楼

年互联网已经发生了翻天覆地的变化，然而HTTP1却一直保持它原有的样子默默无闻的支撑着所有的WEB请求，无数的开发者为了提升HTTP1的性能也开创了很多种优化的方法与实战技能，直到HTTP2的出现我们提升WEB
新栋BOOK·2021-05-11 15:25

#JS续：8.2 彻底搞懂HTTP缓存机制及原理（转载）

本文转载：彻底弄懂HTTP缓存机制及原理-木上有水-博客园「面试题」简述浏览器缓存是如何控制的正文：前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节
饥人谷_远方·2021-05-07 02:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他