首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
优化,性能
订阅
良家肥仔
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
你知道的前端性能优化手段有哪些
个人认为,所谓的前端优化,核心都是在围绕两个点,如何让静态资源(HTML\CSS\JS\图片\音视频等)更快的发送到浏览器,如何让浏览器更快的渲染这些元素
前端性能优化-页面加载渲染优化
首先我们需要通过 DNS(域名解析系统)将 URL 解析为对应的 IP 地址,然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接,随后我们向服务端抛出我们的 HTTP 请求,服务端处理完我们的请求之后,把目标数据放在 HTTP 响应里返回给客户端,拿到响应数据的浏览…
浏览器缓存知识梳理
在前端性能优化的方式中,最重要的当然是缓存了,使用好了缓存,对项目有很大的帮助。比如我们访问网页时,使用网页后退功能,会发现加载的非常快,体验感很好,这就是缓存的力量。 什么是缓存呢? 当我们第一次访
前端性能优化 24 条建议(2020)
性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出,或者放在文末。 1. …
浏览器重绘(repaint)重排(reflow)与优化[浏览器机制]
很多人都知道要减少浏览器的重排和重绘,但对其中的具体原理以及如何具体操作并不是很了解,当突然提起这个话题的时候,还是会一脸懵逼。希望大家可以耐着性子阅读本文,仔细琢磨,彻底掌握这个知识点! 第四步和第五步是最耗时的部分,这两步合起来,就是我们通常所说的渲染。 网页生成的时候,至…
写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里,笔者通过本文整理出关于前端性能优化的九大策略和六大指标
项目实战-埋点系统初探
前端开发攻城狮开开心心的 coding,非常自豪的进行了业务、UI 分离开发,各种设计模式、算法优化轮番上阵,代码写的 Perfect(劳资代码天下第一),没有 BUG,程序完美,兼容性 No.1,代码能打能抗质量高。下班轻松打卡,回家看娃。 实际上,开发环境与生产环境并不能等…
[译] 用 Web Worker 改善 Vue 组件性能
有时开发者需要和一些“很重”的组件打交道 -- 这通常是指由于执行了复杂的任务,所以创建和渲染开销都很大的组件。 比方说,我昨天就在使用“StoryBlok”工具库创建富文本编辑器的时候遇到了麻烦。 事情是这样的,从 StoryBlok API 获取富文本内容的时候,得到的数据…