6 静态页面性能优化

最新推荐文章于 2023-11-06 11:34:48 发布
最新推荐文章于 2023-11-06 11:34:48 发布
阅读量339 收藏
点赞数
分类专栏： Java web 学习记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyyccww/article/details/104559178
版权

CDN的全称是Content Delivery Network

可以看做无限大的内容磁盘缓存 本身是没有文件存储的 当用户访问一个资源的时候 根据路由规则查看本地是否存在这样一个文件 有则直接返回 没有则返回给原站然后根据一定的规则缓存起来

静态请求CDN

DNS用CNAME解析到源站 阿里云的服务

回源缓存设置

强推失效


 

其中no-cache将内容缓存 但是在用的时候要先向服务端进行一次验证 no-store不进行缓存

最后添加Etag header

验证缓存的有效性

 

 

一般使用最后一种

先展示了再说 比对如果不同就覆盖当前的页面

 

 

twyc
关注
专栏目录
优化问题，详解静态优化
r1832644594的博客
12-02 1132
在控制系统设计中随处可见，例如基于燃油经济性和驾驶体验的多目标优化的汽车发动机 MAP 标定，基于性能指标优化的飞行器结构设计参数优化，以实验数据与模型输出匹配为目标的电池 RC 等效电路模型标定等等，他们都是通过构建目标函数（某个值的性能最大，或者某两个值之间的差距最小），然后调用优化算法实现设计变量寻优。
Django之使用celery和NGINX生成静态页面实现性能优化
01-01
性能优化原理： 当我们要给client浏览器返回一个页面时，我们需要去数据库查询数据并将数据和基本页面模板渲染形成页面返回给客户端，但如果每一个用户访问时都去查询一次首页的的数据时，当日访问量很大时那么无疑...
网站静态页面性能优化
weixin_34110749的博客
11-21 243
对一个新闻文章类网站，网站生成全静态化，应该是最好的方案之一，有三点好处：（1）有利于SEO优化；（2）安全性、稳定性更加好了，无法执行脚本语言或SQL注入、就算数据库挂了也不影响；（3）访问的快速是动态网站的几倍，如PHP；随着网站文章的不断增加，文章数量、用户访问量越来越大，维护起来也越来越困难，最初的解决方案满足不了需求，如更改一个网站的菜单或版权信息，需要更新所...
静态页面资源优化
qq690452074的专栏
01-01 194
压缩js css,减少流量，比如使用体量更小的XX.min.js 把多个jscss请求组合，减少连接数。如web容器tengine就有这个功能， 自动去除空白字符和注释从而减小页面的体积，webpack打包工具可以做到。 nigx层面缓存 CDN ...
静态网页优化
sxty0220 博客之家
10-16 1048
部分优化网页部分是不现实在页面上面的，只存在于代码里面，却在整个网页占很高权重。其包括： xxx 尽管Meta本身不足以解决排名问题，但对Meta标签的书写仍然是搜索引擎优化的基础工作。清晰准确的 Meta 文字与正文内容的关键词相呼应，是排名加分的重要条件之一。 Title(标题） 网站优化最基本的就是从 Title 开始入手。在搜索结果中，每个
静态网站优化技巧总结
weixin_34242331的博客
11-28 142
preface 公司的app下载服务器是一个静态网站，可是服务器配置不高，跑得阿里云虚拟机。在有限的硬件资源下，充分挖掘Nginx的高性能，成了一个工作重点。 缓存配置方法 在网站中，公共的js脚本经常被多个页面调用，我们通过配置nginx的缓存机制，可以让浏览器在访问不同页面时，不需要多次连接到服务器上获取这样一些重复调用的资源，从而减少浏览器的等待时间，提升用户访问体验。 在Nginx中，我们...
前端性能优化与实践.zip
07-23
6. **事件的节流（throttle）与防抖（debounce）**："事件的节流与防抖"介绍了这两个常用的性能优化技巧，用于控制频繁触发的事件，比如滚动事件或窗口resize事件，以防止过度计算和性能消耗。 7. **图片优化**：...
网页的HTML静态化_网站优化之谈
09-30
搜索引擎优化（SEO）的实践显示，静态页面能够更容易地被搜索引擎爬虫抓取和索引，因为静态页面的结构相对简单，更符合搜索引擎的抓取机制。而动态页面往往因为复杂的程序和数据库交互，在生成最终页面前需要经过多...
浅谈网页基本性能优化规则小结
09-22
网页性能优化是提升用户体验的关键，尤其对于Web应用来说，快速响应和流畅的加载过程至关重要。以下是一些基本的网页性能优化规则的详细说明： 1. **静态资源压缩**：使用构建工具如webpack或gulp对CSS、JavaScript...
阿语python美多商城-性能优化-页面静态化之第10.1.2节首页广告页面静态化
zz77244920的博客
05-19 162
商品详情页面静态化提示：商品详情页查询数据量大，而且是用户频繁访问的页面。类似首页广告，为了减少数据库查询次数，提升页面响应效率，我们也要对详情页进行静态化处理。静态化说明：首页广告的数据...
关于优化，页面静态化
a281246240的专栏
04-17 398
现在互联网发展越来越迅速，对网站的性能要求越来越高，也就是如何应对高并发量。像12306需要应付上亿人同时来抢票，所以，如何提高网站的性能，是做网站都需要考虑的。            首先网站性能优化的方面有很多：1，使用缓存，最传统的一级二级缓存；2，将服务和数据库分开，使用不同的服务器,分工更加明确,效率更加高；3，分布式，提供多台服务器，利用反向代理服务器nginx进行反
性能调优之页面静态化
Richard的专栏
10-15 716
 HTML静态化 1  介绍 其实大家都知道，效率最高、消耗最小的就是纯静态化的html页面，所以我们尽可能使我们的网站上的页面采用静态页面来实现，这个最简单的方法其实也是最有效的方法。但是对于大量内容并且频繁更新的网站，我们无法全部手动去挨个实现，于是出现了我们常见的信息发布系统CMS，像我们常访问的各个门户站点的新闻频道，甚至他们的其他频道，都是通过信息发布系统来管理
十二、页面优化（页面静态化）
lahhass的博客
06-25 550
页面静态化 常用技术AngularJS、Vue.js 优点：利用浏览器的缓存 页面是纯的html，动态数据通过接口从服务端获取 商品详情页面静态化 定义一个GoodsDetailVo对象将要传的数据封装后再传 //静态内容为html 动态数据通过接口获取 @RequestMapping(value="/detail/{goodsId}") @ResponseBody p...
优化静态html页面速度的步骤好人方法,对网站速度优化的10个简单步骤
weixin_28903111的博客
06-04 748
最近萧涵参加博百优比赛，写的都是一些链接建设之类的SEO技巧，今天给大家说说10个非常简单的优化步聚，就是对你的网站速度的优化，目前GOOGLE都已经将网页打开速度列为搜索排名算法之一了，而网站速度除了服务器空间和带宽，还有网页本身的优化。1、尽量使网页符合W3C标准网页代码尽量要写标准规范，尽量采用DIV+CSS架构，因为table的代码实在要多出很多。2、精简你的CSS代码将网页的CSS代码放...
静态化之优化
weixin_30410119的博客
03-04 167
真静态优缺点： 优点：1、利于seo 2、访问速度快 3、防止sql注入 缺点：1、静态文件过多占用磁盘空间 2、如果静态文件大量存放在同一个文件夹，访问静态页面需要寻找文件，访问速度会变慢，建议创建子文件夹 新闻网、门户网站大量使用真静态 有些情况不建议使用真静态： 1、网站内容实时性很高（股票、基金），可部分静态化 2、数据量大，同时查询一次后，以后很少查询（国家学历认证网，话费查...
静态资源优化
rgsfv
01-24 323
1.JS/CSS压缩，减少流量 将文件中的空格无用字符去掉，只保留有效部分，可以减少文件大小，但是可读性很差。很多开源的JS/CSS提供两个版本的文件，一个是压缩版的，一个是可正常阅读版的。 2.多个JS/CSS组合，减少连接数 项目比较复杂的时候会有很多JS/CSS文件，可以将多个文件合并，减少文件数，从而减少连接数，提高页面加载速度。 3.CDN就近访问 网站数据缓存到各个CDN节点上，用户从最近的节点上访问数据。 一些可以提高网站性能的东西： Tengine：由淘宝网发起的Web服务器项目。它在Ngi
案例研究--几个静态页面的优化
weixin_34148340的博客
08-10 93
    深圳市桂能SEO:http://www.gnseo.cn/ 有一些比较成功的案例，可以研究一下。          其优化的几个网站：http://www.sonyar.com/           http://www.zhuomei2003.com/index.html 全站加起来只有20多静态页面，但是一些关键词排名非常靠前。...
【最优控制笔记】——1静态优化
最新发布
Piccaboo的博客
11-06 382
找到让优化指标Lu（标量）达到最小值的控制量u。
静态服务器的优化
XWen_ING的博客
09-30 145
静态服务器的优化 // 引入http模块 var http = require(“http”); var fs = require(“fs”); var url = require(“url”); var MimeType = { “css”: “text/css”, “html”: “text/html”, “jpg”: “image/jpeg”, “png”: “image/png”, “js” : “application/x-javascript” } var server = http.creat
Django+Celery+NGINX：高效生成静态页面的性能优化策略
在Django框架中，性能优化是提升网站响应速度和用户体验的重要环节。本文将详细介绍如何利用celery和NGINX这两个工具来生成静态页面，从而优化性能。首先，理解性能优化的原理至关重要，这涉及到减少数据库查询次数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值