前端优化-Eday个人博客

Eday个人博客

永远热爱

累计撰写 12 篇文章
累计创建 25 个标签
累计收到 1 条评论

目录CONTENT

以下是前端优化相关的文章

2025-04-21
网站性能优化具体手段——渲染优化及缓存优化渲染优化关注点：浏览器获取到资源之后进行渲染部分的相关性能优化。浏览器渲染过程处理“黑盒”：资源文件： html解析：DOM css姐姐：CSSOM 样式结构合并：RenderTree 页面布局：节点的结构关系及样式信息到浏览器视口的那个位置占据多大空间绘制：绘制元素的可视内容如颜色、边
- 2025-04-21
- 3
- 0
- 1
- 前端
2025-04-15
网站性能优化具体手段——加载优化及构建优化加载性能优化、渲染性能优化、构建性能优化、缓存性能优化加载性能优化：首屏时间：浏览器显示第一屏（浏览器当前视窗）页面所消耗的时间问题：首屏时间过长会让用户烦躁，更轻易跳出或关闭网站 1、针对不是首屏的资源进行懒加载：文件资源一般较大，加载完成费时费力，还易引起渲染卡顿懒加载实现——getBo
- 2025-04-15
- 3
- 0
- 0
- 前端
2025-04-15
网站优化性能分析方案根据页面生命周期分析性能变慢的因素及性能来分析方案： 1.输入url请求创建网络请求现成 2.建立http请求： DNS解析 TCP连接 3.前
- 2025-04-15
- 6
- 0
- 0
- 前端
2025-04-15
网站页面生命周期 tips：从浏览器地址输入URL后，到页面渲染出来，整个过程都发生了什么？出于单进程浏览器的流产型，安全性，稳定性考虑，若将所有模块放到一起进行，则只要有一个链路崩溃就会造成整个浏览器崩溃，再加上还有一些不稳定的第三方插件。所以浏览器厂商会推出多进程架构的浏览器输入URL：通过URL解析出协议、
- 2025-04-15
- 4
- 0
- 0
- 前端
2024-11-13
JavaScript优化方向和策略针对JavaScript性能优化，以下是一些主要的优化方向和策略：代码重构： • 提取方法：将复杂的代码块转换为单独的方法/函数，以提高代码的结构和可读性。 • 用符号常量替换魔术数字：提高代码的可读性和可维护性。懒加载： • 只在需要时加载对象，减少内存使用量，加快应用程序的加载速度。代码压
- 2024-11-13
- 39
- 0
- 0
- 前端