前端性能优化-页面渲染架构设计与性能优化3-静态化技术方案和实现思路

本文地址：https://www.cnblogs.com/veinyin/p/14380914.html

 

静态化是指：将动态的网页生成静态 HTML 页面，使用户更好访问，所采用的技术，分为纯静态化和伪静态化

当后端研发人员充分，需要考虑用户体验、服务器负载的业务，可以考虑使用静态化

技术优点

• 提高页面访问速度，降低服务器负担，因为不必每次访问页面时都去访问数据库

• 提高网站内容被搜索引擎搜索到的几率，搜索引擎更喜欢静态页面

• 网站更稳定，后端程序或数据库发生故障时，非静态页将无法正常访问，但静态网页有缓存，不易出现问题

技术不足

• 服务器存储占用问题，页面量级增加（新页面，更新的新旧页面都会存储起来），会占用大量硬盘空间

• 静态页面中的链接更新问题，后续如果更新页面中的链接可能有死链或错误链接

技术实现

• 跑定时任务。对一些及时性要求不高的页面，可以定时将动态内容重新生成静态 HTML 页面

• 利用模版技术。将模版引擎中模版字符替换为数据库字段中取出的值，生成 HTML 文件

协作方式：前端统一写好带有交互的静态页面，后端拆分出静态页面文件，嵌套在后端模版文件中