E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
前端性能
数据结构与算法在前端领域的应用
关于我我是一个对技术充满兴趣的程序员,擅长前端工程化,
前端性能
优化,前端标准化等。做过.net,搞过Java,现在是一名前端工程师。除了我的本职工
fe_lucifer
·
2023-10-23 18:35
资深老前辈的总结!软件测试工程师必备的27个基础技能!
性能测试分为
前端性能
测试(单用户操作系统响应速度),后台性能测试(多用户并发场景)。
自由家
·
2023-10-23 18:33
软件测试
自动化
自动化测试
功能测试
自动化
python
selenium
web
从0到1搞定
前端性能
测试(非常详细)
本文介绍了应用前端的性能指标、测试
前端性能
的方法以及常见前端问题的具体修复方案,希望通过本文能够帮助前端研发人员和测试人员
测试开发Kevin
·
2023-10-22 16:04
性能测试
测试基础知识
测试开发
前端
性能优化
前端性能
监控performance对象解析
前端性能
监控对象window.performance有四个属性window.performance={memory:{totalJSHeapSize:'可使用内存大小',usedJSHeapSize:'
竹香书画
·
2023-10-22 15:37
测试学习8-2
前端性能
测试工具原理与行业常用工具WebPagetest功能简介测试结果分析其他
前端性能
指标解读Webpagetest实际使用中需要解决的问题基于Loa
我(^_^)
·
2023-10-22 04:46
测试
性能测试
web前端面试题最全版总结
一、前端必备1、web
前端性能
优化1.1性能评级工具PageSpeed是由谷歌官方开发的一款可以分析页面载入的各个方面,包括资源、网络、DOM以及时间线等等信息的在线检测工具。
折海棠赠晩宁.
·
2023-10-21 19:54
笔记
前端
javascript
前端面试题
【2023最全教程】性能测试基础知识学习路线(建议收藏)
其他代码级性能测试、
前端性能
测试等属于比较细分的领域,建议大家有需要的时候针对性得去学。而对于服务器端的性能测试,即使是不做性能测试的人,最好也要有一点了解。
测试界的彭于晏
·
2023-10-21 18:57
技术分享
软件测试
自动化测试
职场和发展
自动化测试
测试工程师
软件测试
性能测试
前端 js 之 浏览器工作原理 和 v8引擎 01
学完,不亏文章目录一、输入url之后做了什么二、简单了解下浏览器内核三、浏览器渲染过程(渲染引擎)四、js引擎五、chrome五、v8引擎原理八、浏览器性能优化九、
前端性能
优化关于浏览器的周边知识(以下
夏夏好好哒
·
2023-10-19 16:20
Js.
前端
javascript
腾讯云前端面试题及答案
CSS盒模型行内元素和块级元素区别重排和重绘事件的捕获和冒泡,冒泡的使用场景cookie,localstorage,sessionstorage跨域,解决跨域的方法,jsonp具体原理前端安全问题,攻击
前端性能
优化
祝小祝__
·
2023-10-19 03:27
腾讯云
前端
云计算
vue项目打包时配置externals,忽略打包第三方库(
前端性能
优化方案)
在vue.config.js里这样写constisProduction=process.env.VUE_APP_MODE==='production'constcdn={//忽略打包的第三方库/***externals对象属性解析:*'包名':'在项目中引入的名字'*以element-ui举例我再main.js里是以*importELEMENTfrom'element-ui'*Vue.use(EL
阿炜死了
·
2023-10-18 17:24
vue
web
javascript
网络优化
内存优化
性能测试:概念,性能指标,监控指标,常见的性能测试,新测试模型,性能测试策略
1.3软件效率是指什么1.4软件效率的哪些方面可以用来衡量软件的性能1.5要解决性能问题,需要注意以下几个问题1.6性能测试的好处2.性能测试基础理论2.1软件测试分类2.2软件性能测试的不同角度2.3
前端性能
出处不详,经久不息
·
2023-10-17 21:24
五.
性能测试(自用)
性能测试
前端浏览器缓存知识梳理
在
前端性能
优化的方式中,最重要的当然是缓存了,使用好了缓存,对项目有很大的帮助。比如我们访问网页时,使用网页后退功能,会发现加载的非常快,体验感很好,这就是缓存的力量。什么是缓存呢?
前端开发博客
·
2023-10-17 05:12
java
编程语言
python
http
web
浏览器性能优化(初笔记后续修改补充)
参考:【前端工程师面试宝典】学习说明_互联网校招面试真题面经汇总_牛客网(nowcoder.com)性能优化
前端性能
优化的手段方面:加载优化、执行优化、渲染优化、样式优化、脚本优化加载优化:减少HTTP
猫羊
·
2023-10-17 00:17
前端
性能优化
前端
面试
从龟速 11s 到闪电 1s,详解
前端性能
优化之首屏加载
点击上方前端瓶子君,关注公众号回复算法,加入前端编程面试算法每日一题群全文共6511字/词,阅读大概需要13分钟,太长不看党请直接移步「开始优化」部分直接查看优化手段背景前段时间公司服务器网络波动,网站访问变慢,一些性能问题也随之暴露了出来。纷纷反馈在这样的弱网条件下,访问新项目时,加载了近1分钟都没加载出来,而访问其他页面顶多也就30-40s。在网络恢复后,尝试访问了下页面,无缓存首次打开需要等
前端瓶子君
·
2023-10-17 00:45
java
javascript
vue
面试
dwr
前端性能
优化
页面的性能指标DCL(DOMContentLoaded),DOM解析完毕。FP(FirstPaint),表示渲染出第一个像素点。FP一般在HTML解析完成或者解析一部分时候触发。FCP(FirstContentfulPaint),表示渲染出第一个内容,这里的“内容”可以是文本、图片、canvas。FMP(FirstMeaningfulPaint),首次渲染有意义的内容的时间,“有意义”没有一个标准
友人C君~
·
2023-10-17 00:12
web前端
性能优化
7种性能测试方法,帮你提供工作效率80%
根据在实际项目中的实践经验,我把常用的性能测试方法分为七大类:后端性能测试、
前端性能
测试、代码级性能测试、压力测试、配置测试、并发测试,以及可靠性测试。接下来,我将详细为你介绍每一种测试方法。
学掌门
·
2023-10-16 21:05
IT
软件测试
测试工具
性能测试的方法有哪些?7大类快来看看你会了那些...
根据在实际项目中的实践经验,我把常用的性能测试方法分为七大类:后端性能测试(Back-endPerformanceTest)、
前端性能
测试(Front-endPerformanceTest)、代码级性能测试
小码哥说测试
·
2023-10-16 21:31
技术分享
自动化测试
软件测试
软件测试
测试工程师
自动化测试
职场和发展
性能测试
前端性能
优化方法
前端性能
优化一、请求响应优化减少DNS查找:每次主机名的解析都需要一次网络往返,从而增加了请求的延迟时间同时还会阻塞后续的请求。
大南瓜鸭
·
2023-10-16 06:27
前端性能
优化之一次性渲染多条数据的优化
https://blog.csdn.net/baiqiangdoudou/article/details/102372740回调函数解决
QRFF
·
2023-10-16 00:33
前端工程化知识系列(6)
目录50.你有经验创建
前端性能
测试和负载测试,以确保应用在高负荷下仍能正常运行吗?51.如何进行前端持续改进和技术债务管理,以确保前端代码保持高质量和可维护性?
云边散步
·
2023-10-15 16:52
前端工程化
前端
前端工程化知识系列(4)
目录31.你是否了解
前端性能
优化的指标,例如首次内容绘制(FCP)、最大内容绘制(LCP)和累计布局位移(CLS)?如何针对这些指标进行优化?
云边散步
·
2023-10-15 14:34
前端工程化
前端
前端工程化知识系列(2)
目录11.有没有使用过
前端性能
优化工具或技术?可以谈谈你的经验,如减少HTTP请求、懒加载、CDN等。12.什么是网站速度优化的最佳实践?可以列举一些加速网页加载时间的方法。
云边散步
·
2023-10-15 14:03
前端工程化
前端
前端性能
优化经典:javascript防抖节流
大家好,我是前端岚枫,一枚二线城市的程序媛,今天主要跟大家分享我整理的前端的一些性能优化,js防抖节流,它是项目比较常见的性能优化方案,也是面试中常遇到的问题。希望下面文章对大家有所帮助。我们在做项目过程中会用一些方法,比如防抖、节流、去重、深拷贝浅拷贝、数组扁平化、乱序、柯里化等经典。我们平时在开发的时候,会有很多场景会频繁触发事件,比如搜索框实时发请求,onmousemove,onscroll
前端岚枫
·
2023-10-15 07:52
前端性能
测试Lighthouse的使用
Lighthouse是一个开源项目,提高网页的质量,生成的测试报告会提供优化方案,以来提高网页的性能。重点就是关注优化建议官方介绍Lighthouse的地址:https://developer.chrome.com/docs/lighthouse/一、使用方法1、使用谷歌开发者工具进行测试打开开发者工具,点击Lighthouse,输入网址进行测试。设置:ClearStorage:是否清除缓存,想要
thea2020
·
2023-10-14 17:45
前端
前端性能
优化方法
1)使用csssprites较少http请求次数2)使用缓存3)压缩css,js4)使用cdn,减少服务器负担5)懒加载图片6)预加载cssjs文件4)避免DOM结构的深层次嵌套5)使用DOM添加样式时,把样式放到类中,直接给元素添加类减少重构、回流
_木_槿_
·
2023-10-14 16:16
代码层面探索
前端性能
| 京东云技术团队
本文主要是从代码层面探索
前端性能
,主要分为以下4个小节。使用CSS替代JS深度剖析JS前端算法计算机底层使用CSS替代JS这里主要从动画和CSS组件两个方面介绍。
京东云技术团队
·
2023-10-14 07:22
前端
前端
京东云
性能优化
5 分钟撸一个
前端性能
监控工具
简单而言,有三点原因:关注性能是工程师的本性+本分;页面性能对用户体验而言十分关键。每次重构对页面性能的提升,仅靠工程师开发设备的测试数据是没有说服力的,需要有大量的真实数据用于验证;资源挂了、加载出现异常,不能总靠用户投诉才后知后觉,需要主动报警。一次性能重构,在千兆网速和万元设备的条件下,页面加载时间的提升可能只有0.1%,但是这样的数(土)据(豪)不具备代表性。网络环境、硬件设备千差万别,对
前端js
·
2023-10-14 03:42
Web 网站性能优化思路
web
前端性能
优化减少HTTP请求因为HTTP每次的请求的代价都是很昂贵的,所以减少HTTP请求的数目可以有效的提高访问性能。
tingshuo123
·
2023-10-13 10:44
重绘与重排(回流)
如何提高渲染时间,优化
前端性能
,必有减少重绘和重排。之前在
前端性能
优化上叶有介绍到这个。这篇文章系统性总结一下。
heiyay
·
2023-10-11 22:36
前端
重绘
回流
渲染
性能瓶颈分析整体思路
其中
前端性能
这里不做讨论,网络的话,测试性能的时候最好保持网络干扰最小。
测试狗一枚
·
2023-10-11 04:02
#
性能测试
HTTP 请求之合并与拆分技术详解
1.背景随着网站升级HTTP/2协议,在浏览页面时常常会发现页面的请求数量很大,尤其是小图片请求,经典的雅虎
前端性能
优化军规中的第1条就是减少请求数,在HTTP/1.1时代合并雪碧图是这种场景减少请求数的一大途径
腾讯技术工程
·
2023-10-11 02:36
网络
java
编程语言
python
人工智能
【
前端性能
优化指南】5 - 静态资源的优化
上一站-页面解析与处理在旅程的上一站中,我们介绍了基本的页面解析机制,通过对资源加载顺序和脚本加载的控制,避免了无谓的阻塞,优化了解析性能。也正如上一站中所说,这时浏览器除了解析页面DOM外,还会对页面包含的静态资源发起请求,请求回来后会执行或使用资源。这一站咱们就来具体看看这个阶段。首先还是从宏观上来了解一下:1.总体原则这一部分会涉及到各类常见的静态资源:JavaScript脚本、CSS样式表
AlienZHOU
·
2023-10-09 22:04
网站性能优化有哪些方法
网站性能优化有哪些方法一、总结一句话总结:web
前端性能
优化:浏览器访问优化、CDN加速、反向代理应用服务器性能优化:分布式缓存、异步操作、使用集群、代码优化web
前端性能
优化方法有哪些1.浏览器访问优化
weixin_30498807
·
2023-10-09 19:18
数据库
运维
memcached
前端性能
优化与计算方式
文章目录1.NavigationTiming1.1什么是NavigationTiming1.2NavigationTiming具体说明1.2.1缓存处理阶段1.2.2网络请求阶段1.2.3dom渲染阶段1.3使用1.3.1如何查看1.3.2项目中的使用2.CoreWebVitals-CWV网页性能三大指标2.1LargestContenfulPaint(LCP)扩展:关于图片上传2.2FirstI
_语墨
·
2023-10-07 19:11
性能优化
性能优化
网络
前端
javascript
前端性能
优化
构建压缩gzip安装compression-webpack-pluginimportCompressionPluginfrom“compression-webpack-plugin”;chainWebpack:(config)=>{if(process.env.NODE_ENV===“production”){//生产模式开启config.plugin(“compression-webpack-p
lyn911
·
2023-10-07 02:52
常见问题
如果让你实现一个promise怎么样实现
前端性能
理解,优化有哪些移动端适配方案express中间件如何实现了解TCP吗,数据结构简单介绍一下以及你的想法webpack项目太大了怎么办深拷贝如果弹出的菜单位置过于贴近边框
Odeng
·
2023-10-06 09:45
防抖和节流的原理和使用场景
中的一些事件如浏览器的resize、scroll,鼠标的mousemove、mouseover,input输入框的keypress等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低
前端性能
骑码走天涯
·
2023-10-05 16:34
WEB
前端性能
优化实战
网站的速度是关系用户体验的最重要因素之一,谁都会愿意得到快速的反馈,等待是一件让人烦躁的事情。所以性能优化对于网站来说是非常重要的的事情,它带来的好处不用解释。跑车和轿车之间的较量问题:如果跑车是轿车速度的两倍,是跑车快还是轿车快?比赛1:从起点到终点的比赛:毫无疑问跑车肯定先到达终点,秒杀轿车;比赛2:将4个人从起点运到终点:跑车此时就比较尴尬,因为只能带1位乘客,而轿车可以一次带4位乘客,显然
一俢
·
2023-10-04 13:10
服务器显示屏出现白屏,
前端性能
优化之白屏时间
前言该篇文章会为您分享在
前端性能
优化中非常重要的一环-白屏时间,将从白屏时间的概念、重要性以及白屏的过程一一进行阐述,同时提供性能优化的策略与实践。
陳寶平
·
2023-10-04 09:40
服务器显示屏出现白屏
前端性能
优化——页面加载白屏时间长的原因有什么,页面白屏如何优化?
当用户点开一个链接或者是直接在浏览器中输入URL开始进行访问时,就开始等待页面的展示。页面渲染的时间越短,用户等待的时间就越短,用户感知到页面的速度就越快。这样可以极大的提升用户的体验,减少用户的跳出,提升页面的留存率。一、概念白屏时间:即用户点击一个链接或打开浏览器输入URL地址后,从屏幕空白到显示第一个画面的时间。白屏时间的长短将会直接影响用户对该APP/网站的第一印象。2)白屏时间计算:在标
xiaoLiang o
·
2023-10-04 09:39
性能优化
前端
前端性能优化
页面白屏
前端性能
优化:js中优化条件判断语句
在开发过程中,由于追求开发速度,我们往往很多时候都没有注意代码的可读性与性能,这里介绍几个技巧,让你写出可读性强、简洁的js代码1、多个条件满足之一时,推荐使用Array.includes//优化前functiontest(val){if(val==='js'||val==='java'||val==='python'){console.log('编程语言')}}//优化后functiontest
海布里的冬季
·
2023-10-03 15:55
前端性能
优化方案都有哪些?
前端的资源是多方面,包括HTML、css、js脚本、Image、视频等等。现在只说下常见的优化方案:一、页面级优化。1.减少HTTP请求数量,尽可能的保持页面结构简洁。减少资源的使用、合理设置HTTP缓存,资源合并与压缩(web服务器开启gzip压缩等)css雪碧图、图片懒加载(或者加载首屏)。将外部脚本置底,避免浏览器加载js脚本而堵塞内容加载。异步执行inline脚本,懒加载脚本js,即当触发
beijixing_233
·
2023-10-03 11:15
前端周刊第十五期
如果外链不能访问,关注公众号前端每周看,里面有解决办法大事件2021年
前端性能
清单(PDF、ApplePages、MSWord)——Web性能是一个棘手的问题,不是吗?
四六十
·
2023-10-03 10:38
前端开发常用的Chrome插件推荐
1、Lighthouse
前端性能
优化测试工具Lighthouse插件是一款开源的自动化检测工具,由谷歌官方团队提供,正儿八经的行业标杆。可以对需要测试的页面运行一系列评估,然后反馈给开发者详细
程序员的小傲娇
·
2023-10-02 05:42
web前端
开发语言
前端
前端框架
web
html5
前端性能
优化及其优化点
前端性能
优化web前端与CS架构GUI软件开发与部署过程CS架构GUI软件开发与部署过程:开发完成后通过生成包,发布到对应的应用下载商城之中,再将包放在对应的操作系统之中,最后代码将运行在该操作系统中,
care_yourself
·
2023-10-01 01:06
前端性能
优化之懒加载,预加载
一、懒加载这里以手机淘宝为例,我们并不需要在进入页面时显示所有资源,当用户下拉时我们再展示后续内容:我们来做一个demo如下:index.html懒加载......lazyload.jsimage.png我们也可以引用zepto.lazyload.js包帮我们实现:image.pngimage.png二、预加载当需要图片内容很多时(比如游戏),我们需要先把图片文件全部加载一下,然后再进入页面预加载
zxhnext
·
2023-10-01 00:51
前端性能
优化
前端性能
优化的核心更快的资源加载速度更快的渲染速度/交互速度提到了性能就不得不说下性能指标性能指标用户对性能延迟的看法Google前端页面性能RAIL模型核心内容如下:Response响应Animation
web_xyk
·
2023-09-29 19:58
web前端开发
前端
性能优化
懒加载、预加载、
懒加载是什么:能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题是提到
前端性能
优化中图片资源的优化的非常有效的方法原理原理:先将img标签中的src链接设为同一张图片(空白图片)
chasing_dream
·
2023-09-28 19:43
如何优化
前端性能
?
聚沙成塔·每天进步一点点⭐专栏简介⭐优化
前端性能
1.减少HTTP请求2.压缩资源3.使用浏览器缓存4.使用CDN5.延迟加载6.使用响应式设计7.减少重绘和回流8.代码优化9.使用现代Web技术⭐写在最后
几何心凉
·
2023-09-27 08:52
前端入门之旅
前端
javascript
开发语言
前端性能
测试工具-lighthouse
Lighthouse简介Lighthouse是Google的一款开源工具,它可以作为一个Chrome扩展程序运行,或从命令行运行。只需要给Lighthouse提供一个要审查的网址,它将针对此页面运行一连串的测试,然后生成一个页面性能的报告。Lighthouse使用在开发者工具中运行1.打开被测网址2.打开网页开发者工具,选择Lighthouse选项3.选择对应的设备、测试类别等,点击”分析网页加载
sssammmm
·
2023-09-27 05:06
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他