只要比别人掌握更多的性能优化方案，你就比别人更有竞争力项目越大，对性能要求越高企业级项目标配大厂项目，性能永远是第一需求没有做性能优化的项目，都不是企业级的中高级开发者能力标准懂性能才能对技术更理解不懂性能优化，永远成不了高级工程师每一个技术，背后的原理一定和性能有关联 教程介绍 我们常说性能永远是 ...
分类：
其他好文 时间：
2021-06-02 11:35:55
阅读次数：
0
由于目前负责公司 DevOps 平台的前端开发工作的原因，工作中会经常遇到 nginx 服务器相关的维护工作，通过学习和工作实践积累了一些 nginx 服务器的相关配置经验和知识积累。 在之前的《前端性能优化 – 启用 GZip 压缩》一文中就给大家介绍过如何在 nginx 中开启 gzip。并且也 ...
分类：
其他好文 时间：
2021-05-24 14:01:55
阅读次数：
0
前端性能优化主要有两个方面： 初始阶段 >加载优化 运行阶段 >渲染优化 一、初始阶段 >加载优化 1. 首页加载慢 首页加载图片过多： 使用懒加载的方法减少首屏图片的加载量（懒加载的原理就是监听滚动条事件，如果满足滚动条距离浏览器顶部的高度 图片距离顶部的高度，将data-src赋值给src） 对 ...
分类：
其他好文 时间：
2021-05-24 05:09:59
阅读次数：
0
前提：安装node.js 1、监控工具：# npm install clinic -g 2、压测工具：# npm i autocannon -g 3、使用监控工具启动前端服务：# clinic doctor -- node server.js 4、使用压测工具压测（并发100持续20秒）：# aut ...
分类：
Web程序 时间：
2021-03-31 11:53:36
阅读次数：
0
说起性能优化我们要从用户输入url，按下回车到页面完整呈现所经历的过程入手 1、DNS 解析 2、TCP 连接 3、发送 HTTP 请求 4、服务器响应 5、浏览器解析渲染页面 在上面的五个步骤中都涉及到性能优化，我们今天主要看下从前端的角度能进行哪些优化 上面我们关心的主要是3/4/5这几个过程的 ...
分类：
其他好文 时间：
2021-01-27 13:31:58
阅读次数：
0
网络方面 web应用，总是会有一部分的时间浪费在网络连接和资源下载方面。往往建立一次网络连接是需要时间成本的。而且浏览器同一时间所发送的网络请求数是有限的。所以，这个层面的优化可以从「减少请求数目」开始： 减少http请求：在YUI35规则中也有提到，主要是优化js、css和图片资源三个方面，因为h ...
分类：
其他好文 时间：
2020-12-22 12:30:18
阅读次数：
0
window.performance 是W3C性能小组引入的新的API，目前IE9以上的浏览器都支持。一个performance对象的完整结构如下图所示： memory字段代表JavaScript对内存的占用。 navigation字段统计的是一些网页导航相关的数据： redirectCount:重 ...
减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部，JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存，不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 ...
分类：
其他好文 时间：
2020-11-17 11:52:44
阅读次数：
4
背景 对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。 优化一： vue-router ...
分类：
Web程序 时间：
2020-11-11 16:14:25
阅读次数：
17
前端需要性能优化么？ 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就是提升你的业务数据（甚至是业务收入）。 性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、 ...
分类：
Web程序 时间：
2020-10-18 17:03:58
阅读次数：
31
