首页 > 其他好文 > 详细

页面优化常用技术

时间：2018-09-06 12:32:34 阅读：198 评论：0 收藏：0 [点我收藏+]

标签：数据 pac 常用 vue.js 多少详情数据不一致 get 信息

1. 页面缓存+URL缓存+对象缓存

2. 页面静态化，前后端分离

3. 静态资源优化

4. CDN优化

### 1、页面缓存

1. 取缓存

2. 手动渲染模板

3. 结果输出

解决数据及时性`页面缓存有效时间比较短`

### 2、URL缓存

1. 带额外参数的页面缓存

`注意`

```

适用于变化不大的页面

```

### 3、对象级缓存

缓存力度比较大，比如分布式session中存储的有用户信息的token

### 4、页面静态化（前后端分离技术）

1. 常用技术AngularJS、Vue.js

2. 优点：利用浏览器的缓存

`springboot中提供了静态页面相关的设置`

```

详情可以查阅文档中的spring.resource

```

1. 浏览器本地缓存

(1)Pragma

(2)Expire

(3)Cache-control 300s 单位秒

### 5、GET和POST的区别

1. 传参数有区别

2. GET是幂等的，代表从服务端获取数据，无论调用多少次，都是一样的，不会对服务端产生影响。

3. POST向服务端提交数据，服务端数据会发生变化。

### 6、静态资源优化

1. JS/CSS压缩，减少流量

2. 多个JS/CSS组合，减少连接数 (常用tengine、webpack)

3. CDN就近访问

```

发起请求--->浏览器缓存--->cdn节点--->ngix缓存--->页面缓存---->对象缓存

```

缺点：数据不一致

页面优化常用技术

标签：数据 pac 常用 vue.js 多少详情数据不一致 get 信息

原文地址：https://www.cnblogs.com/facous/p/9597168.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！