一、页面级优化 1，合并压缩css和js文件，减少http请求次数及请求资源的大小，可使用打包工具 webpack。 2，css放head里优先渲染，js放body后避免阻塞。 3，做效果优先使用CSS，js，第三方插件。 4，使用CDN加速。 5，使用雪碧图，将使用的图片整合成一张，通过定位选择要 ...
分类：
其他好文 时间：
2020-03-11 15:04:08
阅读次数：
41
L2-001 紧急救援 题意：就是给你一张n<500的图；让你求最短路径，最短路条数，以及路径； 做法，先用dijkstra求最短路，然后dfs找最短路条数，以及点权的最大值； 一般dfs不就可以解决这个问题吗，像n皇后求次数，注意回溯即可； 那如何dfs确定这条路是最短路径呢？贪心思想，枚举每一个 ...
分类：
其他好文 时间：
2020-02-22 20:14:25
阅读次数：
120
最近做的某个feature需要在很短的时间内上千万次请求其他部门的web服务，为了减少请求次数和提升系统响应速度决定采用cache来缓存数据。 说到cache最出名的就是memcached和redis了，因为目前公司内用redis的项目用的更多，有专门的集群和运维工程师，就果断选了redis。一言以 ...
分类：
其他好文 时间：
2020-02-20 23:58:01
阅读次数：
111
服务端朝客户端主动推送消息 轮询：效率低，基本不用 让浏览器定时朝后端发送请求(通过ajax向后端偷偷发送数据),比如每隔五秒钟发一次请求，那么你的数据延迟就可能会高达五秒 不足之处 数据延迟 消耗资源过大 请求次数太多 长轮询：兼容性好，一般大公司都会考虑使用它 # 队列+ajax 服务端给每个客 ...
分类：
Web程序 时间：
2020-02-19 20:35:51
阅读次数：
70
前端常见的性能优化 1.减少HTTP请求次数和请求的大小 雪碧图（图片精灵） 图片base64 （webpack中可以配置） 尽量使用字体图标或者SVG等矢量图 减少HTTP请求次数或者减少请求内容的大小 渲染更快：因为它们是基于代码渲染的，而对于位图（png/jpg/gif）是需要先把图片编码再渲 ...
分类：
其他好文 时间：
2020-02-18 16:21:39
阅读次数：
68
关于位图，可能大家不太熟悉， 那么位图能干啥呢？位图的内容其实就是普通的字符串，也就是byte数组，我们都知道 byte 8 位无符号整数 0 到 255 说个场景。比如你处理一些业务时候，往往会存在 是或者不是 这样的数据，那么这种数据还是频繁去查看和请求，从数据方面和请求次数方面都是非常的大的。 ...
分类：
其他好文 时间：
2020-02-03 20:42:13
阅读次数：
59
介绍 最近开始刷一些书和题,此系列是介绍在读Web最佳实践的一些收获和体会。 web前端发展现状 存在问题： 代码组织混乱 代码格式的问题突出 页面布局随意 网站整体性能差，没有意识到应用诸如缓存，动态加载，脚本压缩，图片压缩等提高性能技术 推荐做法： 压缩样式表和脚本文件 减少HTTP请求次数 简 ...
分类：
Web程序 时间：
2020-01-17 23:09:46
阅读次数：
103
一：静态资源优化： ①：合并css,js文件，制作雪碧图，减少http的请求次数； ②：静态资源cdn的分发；客户端可以通过最佳网络链路加载静态页面。 ③：js,css文件压缩，图片压缩，减少请求返回的数据量。 ④：静态资源缓存机制。 二：接口优化： ①：接口合并； ②：首屏合并，同构。 三：页面渲 ...
分类：
其他好文 时间：
2020-01-11 15:15:20
阅读次数：
108
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个） 原因：主要是为了减少http请求次数以及减少请求资源的大小 打包工具： webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类：
Web程序 时间：
2019-12-28 16:37:57
阅读次数：
129
DNS预热 一次DNS解析耗时20-120ms, 当网页中使用的域名较多时，DNS预热节省的时间还是非常可观的 先看效果 预热的目的： 减少请求次数 提前对DNS预获取 预热的方式 爬虫 APP 网页meta <meta http-equiv="x-dns-prefetch-control" con ...
分类：
Web程序 时间：
2019-12-19 19:06:18
阅读次数：
109
