一、页面级优化 1，合并压缩css和js文件，减少http请求次数及请求资源的大小，可使用打包工具 webpack。 2，css放head里优先渲染，js放body后避免阻塞。 3，做效果优先使用CSS，js，第三方插件。 4，使用CDN加速。 5，使用雪碧图，将使用的图片整合成一张，通过定位选择要 ...
分类：
其他好文 时间：
2020-03-11 15:04:08
阅读次数：
41
影响网页性能的因素 1、HTML 的解析和渲染（参见文档 《浏览器解析渲染HTML页面的过程》） 2、服务端处理的速度（负载均衡，缓存策略） 3、客户端带宽（网络状况） 我们要对网页的性能进行统计分析，首先应当确定哪些因素会对网页的性能带来影响。一般来说，前端HTML文档的结构是否合理，外部资源是否 ...
分类：
其他好文 时间：
2020-03-04 23:32:12
阅读次数：
96
一、打包 1、减少打包体积 代码压缩 移除不必要的模块 按需引入模块 选择可以替代的体积较小的模块 2、Code Splitting: 按需加载 如果你处在首页，并且首页中有占用资源过重的图表，需要对图表懒加载，否则它会大幅拖垮应用的首次渲染，加大白屏时间 如果你处在首页，你无需加载当前不可见屏幕下 ...
分类：
其他好文 时间：
2020-03-02 12:28:20
阅读次数：
80
前端性能分析 浏览器存储 浏览器是由多种存储方式的，如何选择他们呢？ cookie + 因为HTTP请求无状态，所以需要cookie去维持客户端状态 + 过期时间 expire + cookie的生成方式 + http response header中的set cookie + js中可以通过doc ...
分类：
其他好文 时间：
2020-02-01 22:59:41
阅读次数：
89
实现简单的 JS 模块加载器 按需加载是前端性能优化的一个重要手段，按需加载的本质是从远程服务器加载一段JS代码(这里主要讨论JS，CSS或者其他资源大同小异)，该JS代码就是一个模块的定义，如果您之前有去思考过按需加载的原理，那你可能已经知道按需加载需要依赖一个模块加载器。它可以加载所有的静态资源 ...
分类：
Web程序 时间：
2020-01-22 10:33:11
阅读次数：
99
对于前端性能优化我们不得不了解的几个知识点：CDN、HTTP header信息 今天我就来谈谈我对cdn的理解 1、CDN是什么：CDN全称是Content Delivery Network,即内容分发网络。将网站内容发布到接近用户的服务器上。用户访问网站时，用户访问就近服务器，然后加载这些资源。2 ...
分类：
其他好文 时间：
2020-01-21 18:08:57
阅读次数：
48
从web现状谈及性能优化 原文出处：《Karolina Szczur: The State of the Web》 性能优化指南The Internet is growing exponentially, and so is the Web platform we create. Often tho ...
分类：
Web程序 时间：
2020-01-16 00:41:36
阅读次数：
106
一：静态资源优化： ①：合并css,js文件，制作雪碧图，减少http的请求次数； ②：静态资源cdn的分发；客户端可以通过最佳网络链路加载静态页面。 ③：js,css文件压缩，图片压缩，减少请求返回的数据量。 ④：静态资源缓存机制。 二：接口优化： ①：接口合并； ②：首屏合并，同构。 三：页面渲 ...
分类：
其他好文 时间：
2020-01-11 15:15:20
阅读次数：
108
深入浅出：了解前后端分离优势、前后端接口联调以及优化问题 目录： 1. 项目有前后端分离和前后端不分离； 2. 前后端接口联调； 3.前端性能优化 ； 4.前端安全问题； 一、项目有前后端分离和前后端不分离： 在前后端不分离架构中，所有的静态资源和业务代码统一部署在同一台服务器上。服务器接收到浏览器 ...
分类：
其他好文 时间：
2020-01-02 11:51:48
阅读次数：
90
1.前端性能优化的重要方案，通过图片或者数据的延迟加载，我们可以加快页面渲染速度，让第一次打开页面速度加快，只有滑动到某个区域，才加载真实的图片，这样也可以节省加载的流量，2.处理方案把所有需要延迟加载的图爿用一个盒子包起来，设置宽高和默认占位图。开始让所有的IMg的src为空，把真实的地址放到IMG的自定义属性上，让IMG隐藏，等到所有其他资源都加载完后，我们再开始加载图爿，对于很多图爿，需要当
分类：
其他好文 时间：
2019-12-30 09:29:40
阅读次数：
71
