页面优化常用技术

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缓存--->页面缓存---->对象缓存

```

缺点:数据不一致

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

时间: 2024-11-14 00:54:23

页面优化常用技术的相关文章

web页面开发常用技术

常用浮动清除 1 在浮动下面添加一个空div <div class="clear:both;"></div> 2 父元素设置高度 3 父元素设置overflow:hidden; (推荐) 4 自动添加一个空DIV(推荐) .st2_2:after {display: block;clear: both;content: "";visibility: hidden;height: 0;} .st2_2 {zoom: 1;}

网站优化—页面静态化技术

数据库检索的问题 主要是为了减少数据库的操作,让MySQL能够提供更强大的服务 ? 使用缓存技术 磁盘缓存:就是将用户请求数据库的数据,保存到磁盘文件形成一个静态的HTML文本,下次用户的访问的时候,直接返回该HTML文本. 内存缓存:将MySQL的数据取出之后,保存到内存(memcache,不算一个NOSQL数据库,但是是一个缓存系统)之中,下次直接从内存中返回.(效率非常高) 注意:只要不使用sql语句作为查询条件的数据库(仓库)就叫做NOSQL数据库 优化MySQL 设计:存储引擎的选择,

前端技术-前端页面优化

前端页面优化 时间花哪里去了? 只有10%-20%的最终用户响应时间花在了下载html文档上,其余80%-90%时间花在了下载页面的相关组件上.如:图片.Flash等. 所以主要优化: 减少http请求缓存减少文件大小:压缩文件+优化代码 健康的优化因该是根据页面的加载过程,全面的优化过程 第一步.浏览器预处理 查询Cache:读取Cache 或者发送304请求 第二步.查询DNS 优化规则--减少DNS查找 DNS缓存浏览器DNS缓存 计算机DNS缓存 服务器DNS缓存(TTL) 使用Keep

前台页面优化全攻略(三)

经过前两篇文章的实践,你的网站加载速度一定有了非常明显的变化.能把实践跟到这篇文章的人想必一定是极客中的极客.如果你仍对网站的加载速度不满意,可以看看再尝试一下本文中几近疯狂的终极优化方案. 你可以对网站进行快速的优化,但网站日常的节食却很难.也许你已经花了很大的力气去优化你的CSS和JavaScript代码,但是你所做的努力马上又会因为老板或客户期望的新功能而付之东流.所以看来不论是人还是网页,减肥都贵在坚持. 这篇终极减肥方案可能不适合所有的网站,但是我相信它可以引起你对网页大小的重视. 1

前台页面优化全攻略(二)

在上一篇文章中,我们讨论了一些基本的页面优化和减肥方案,现在我们的页面已经被缩减了30%-50%,如果你还没有阅读上一篇文章,我建议你完成那些基础热身之后再继续进阶的训练. 如果你已经尝试了基础的热身,那我们就继续采取一些更极客的解决方案. 1. 移除网站中社交网络的组件 看到这个标题请不要惊讶,我并不是让你放弃第三方社交平台,而是希望你能放弃那些肥胖的官方组件.你的网站中有社交平台的分享按钮么?这些按钮会为你的网站增重大概0.5M.我们知道,这些分享功能都是由JavaScript实现的,有些分

[转载]页面优化——网页优化

前端是庞大的,包括HTML.CSS.Javascript.Image.Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么 1. 从用户角度而言,优化能够让页面加载得更快.对用户的操作响应得更及时,能够给用户提供更为友好的体验. 2. 从服务商角度而言,优化能够减少页面请求数.或者减小请求所占带宽,能够节省可观的资源. 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用. 前端优化的途径有很多,按粒度大致可以分为两类,第一

前端开发工程师 - 04.页面架构 - CSS Reset &amp; 布局解决方案 &amp; 响应式 &amp; 页面优化 &amp;规范与模块化

04.页面架构 第1章--CSS Reset 第2章--布局解决方案 居中布局 多列布局 全屏布局 第3章--响应式 浏览网页使用的设备屏幕大小迥异,如何保证页面在不同设备上都正常显示呢? --  解决方法:响应式 优点:无需为不同设备编写对应的页面 --> 降低开发成本.维护成本 缺点:页面中某些部分在某些设备上会被隐藏(资源加载了,但是只是用CSS隐藏了) 为什么在手机端的页面会很小呢? 所有的移动端的页面都引入了viewport视窗 刚开始所有的元素都是加载到一个比较大的viewport视

ASP.NET页面优化性能提升方法记录

今天与大家分享:一种优化页面执行速度的方法.采用这个方法,可以使用页面的执行速度获得[8倍]的提升效果. 为了让您对优化的效果有个直观的了解,我准备了下面的测试结果截图: 测试环境:1. Windows Server 2003 SP22. Viaual Studio 2008,使用自带的WebDev.WebServer.EXE运行网站程序.3. (ThinkPad SL510):Core2 T6670 2.2GHz, 4G内存 二个红框中的数字反映了优化前后的执行时间.数字表明:优化前后,执行时

Android无线开发的几种常用技术(阿里巴巴资深工程师原创分享)

本文由阿里巴巴移动安全客户端.YunOS资深工程师Hao(嵌入式企鹅圈原创团队成员)撰写,是Hao在嵌入式企鹅圈发表的第一篇原创文章,对Android无线开发的几种常用技术进行综述. 嵌入式企鹅圈现拥有七个专栏(Linux内核驱动情景分析.资源紧缺型SOC嵌入式架构设计.嵌入式交叉工具链及其应用.嵌入式设计和编程.微信硬件平台和物联网解决方案.Android开发.开发资源共享).更多Android.Linux.嵌入式和物联网原创技术分享敬请关注微信公众号:嵌入式企鹅圈.我们百分百原创,资深工程师