前端性能优化十一:页面静态化

(1). 定义:

. 静态化是使动态化的网站生成静态HTML页面以供用户更好访问的技术.. 一般分为:a. 纯动态化:直接生成HTML页面.b. 伪动态化:由后端语言来生成的html.

(2). 技术优势:

. 提高了页面访问速度,降低了服务器的负担:a. 因为访问页面时不需要每次去访问数据库.. 提高网站内容被搜索引擎搜索到的几率,因为搜索引擎更喜欢静态页面.. 网站更稳定:a. 如果后端程序、数据库出现问题,会直接影响网站的正常访问.b. 而静态化页面有缓存,更不容易出现问题.

(3). 技术不足:

. 服务器存储占用问题:a. 在sku上百万的产品中,因为页面量级在增加,要占用大用硬盘空间.(1). 更新的文件、旧文件可能存在硬盘上,没有被删除,会占用空间.. 静态页面中的链接更新问题会有死链或者错误链接问题.a. 生成完之后的网站链接.b. 后续的变更,由于缓存更新、推送失败,会导致页面中的链接是旧的.c. 就会造成死链或者错误链接问题.

(4). 技术实现:

. 跑定时任务:a. 适用不常变更的页面,不及时.b. 将已有的动态内容进行重定,生成静态的HTML页面.. 利用模板技术:a. 将模板引擎中模板字符替换为从数据库字段中取出来的值,同时生成HTML文件.

(5). 协作方式:

. 前端统一写好带有交互的完整静态页面(切页面).. 后端拆分出静态页面文件,并嵌套在后端模板文件中.

(6). 选型建议:

. 后端研发人员充分,又需要考虑用户体验、服务器负载的业务.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/237807.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java容器学习,一文读懂Java容器使用知识文集。

🏆作者简介,普修罗双战士,一直追求不断学习和成长,在技术的道路上持续探索和实践。 🏆多年互联网行业从业经验,历任核心研发工程师,项目技术负责人。 🎉欢迎 👍点赞✍评论…

SOLIDWORKS Simulation有限元技巧:模拟放置物品时出现的误区

在solidworks simulation中,我们所知simulation能够对零部件和装配体进行有限元分析,而在这种情况下,为了简单分析,同时也为了减少不必要的运算,很多时候我们会选择对整个装配体或是零部件进行简化,如图二&…

免费分享一套Springboot+Vue前后端分离的个人博客系统,挺漂亮的

大家好,我是java1234_小锋老师,看到一个不错的SpringbootVue前后端分离的个人博客系统,分享下哈。 项目视频演示 【免费】SpringbootVue个人博客系统 毕业设计 Java毕业设计_哔哩哔哩_bilibili【免费】SpringbootVue个人博客系统 毕业设计 …

css linear-gradient和radial-gradient的区别

linear-gradient 和 radial-gradient 是 CSS 中用于创建渐变背景的两种主要方法 1.linear-gradient(线性渐变) linear-gradient 创建沿着一条直线方向的渐变效果。它接受一个角度参数或者两个以上的颜色值作为输入。语法如下: /* 使用角度…

Flink 状态管理与容错机制(CheckPoint SavePoint)的关系

一、什么是状态 无状态计算的例子: 例如一个加法算子,第一次输入235那么以后我多次数据23的时候得到的结果都是5。得出的结论就是,相同的输入都会得到相同的结果,与次数无关。 有状态计算的例子: 访问量的统计&#x…

工业5G路由器提升驾考效率,实现智慧驾考物联网

为了提高驾考的考试效率,更好地服务广大学员,车管所驻考场监控中心结合物联网技术采用智慧驾考系统,实现考场监控、考试员远程监考、学员视频实时回传、自动评判等功能,为驾考公平公正安全提供保障。 该系统由智能监控管理平台和…

深入了解Spring MVC工作流程

目录 1. MVC架构简介 2. Spring MVC的工作流程 2.1. 客户端请求的处理 2.2. 视图解析和渲染 2.3. 响应生成与返回 3. Spring MVC的关键组件 3.1. DispatcherServlet 3.2. HandlerMapping 3.3. Controller 3.4. ViewResolver 4. 结论 Spring MVC(Model-Vi…

基于Java版本与鸿鹄企业电子招投标系统的二次开发实践-鸿鹄企业电子招投标系统源代码+支持二开+鸿鹄电子招投标系统

随着市场竞争的加剧和企业规模的扩大,招采管理逐渐成为企业核心竞争力的重要组成部分。为了提高招采工作的效率和质量,我们提出了一种基于电子化平台的解决方案。该方案旨在通过电子化招投标,使得招标采购的质量更高、速度更快,同…

TCP_滑动窗口介绍

简介 TCP协议中有两个窗口,滑动窗口和拥塞窗口,两者均是一种流控机制;滑动窗口是接收方的流控机制,拥塞窗口是发送方的流控机制。 本文介绍滑动窗口,接收方为TCP连接设置了接收缓存。当TCP连接接收到正确、按序的字节…

决策树相关算法_ID3_C45_信息熵_剪枝

决策树算法的主要思想源于Quinlan在1986年提出的ID3算法和1993年提出的C4.5算法,以及由Breiman等人在1984年提出的CART算法,其主要优点是: 可读性;分类速度快。 决策树学习通常包括3个步骤: 特征选择;决策树…

推荐几个靠谱的视频素材网站,让你的作品更吸引人~

视频素材是视频制作的重要组成部分,它可以提升视频的质量,增加视频的吸引力,让你的视频更容易获得观众的喜爱和关注。如果你想往视频行业发展,或者只是想做一个视频自媒体,那么你一定会遇到一个问题:视频素…

应用在水箱液位检测中的电容传感芯片

水箱水位检测原理通常包括使用传感器来检测水位的变化。常见的传感器类型包括液位开关、液位计和液位传感器。液位开关是一种简单的传感器,它可以检测水位是否达到预定的高度。当水位升高时,开关会打开;当水位降低时,开关会关闭。…

2023年全球架构师峰会(ArchSummit北京站2023)-核心PPT资料下载

一、峰会简介 ArchSummit聚焦业界强大的技术成果,秉承“实践第一、案例为主”的原则,展示先进技术在行业中的典型实践,以及技术在企业转型、发展中的推动作用。旨在帮助技术管理者、CTO、架构师做好技术选型、技术团队组建与管理&#xff0c…

pip 常用指令 pip help 命令用法介绍

📑pip 常用命令归类整理 pip help 是一个用于获取 Python 包管理器 pip 的帮助信息的命令。它可以帮助我们了解 pip 的各种命令和参数的用法。 pip help 命令的参数主要包括 pip 的各种子命令,例如 install、uninstall、freeze、list 等。你可以使用 p…

MATLAB中var函数用法

目录 语法 说明 示例 矩阵方差 数组方差 指定方差权重向量 指定方差的维度 数组页的方差 排除缺失值的方差 方差和均值 var函数的功能是求取方差。 语法 V var(A) V var(A,w) V var(A,w,"all") V var(A,w,dim) V var(A,w,vecdim) V var(___,nanfla…

【HTML】使用js给input标签增加disabled属性

目录 1.常规text标签 2.radio标签 1.常规text标签 在JavaScript中,您可以通过修改元素的属性来给input标签增加disabled属性。这可以通过使用setAttribute方法来完成。以下是一个简单的例子: // 假设您的input元素的id是myInput var inputElement doc…

springboot(ssm智慧生活商城系统 网上购物系统Java系统

springboot(ssm智慧生活商城系统 网上购物系统Java系统 开发语言:Java 框架:ssm/springboot vue JDK版本:JDK1.8(或11) 服务器:tomcat 数据库:mysql 5.7(或8.0) 数…

2022复盘2023规划(技术篇)

2022复盘&2023规划(技术篇) 说明: 以下是我对我自身知识掌握度的分级解释 Lv0 简单了解技术点的应用场景 Lv1 前端: 掌握基础知识,能进行简单组件的开发与页面绘制; 后端: 掌握知识点基础&a…

力扣 | 136. 只出现一次的数字

给你一个 非空 整数数组 nums ,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。 你必须设计并实现线性时间复杂度的算法来解决此问题,且该算法只使用常量额外空间。 示例 1 : 输入&#xff1a…

Fabric:使用GoLand+Fabric-SDK-Go操作Fabric网络

遇到bug, 未完待续!!! 写在最前 前序博客已经介绍了使用命令的方式在Fabric上创建通道以及部署执行链码的方法,但这个过程太繁琐,尤其是当Fabric网络中peer节点和组织Org过多时,需要频繁的更改环境变量。 Hyperledger Fabric官方提供了Fabri…