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

2023-12-23 18:28:37

(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). 选型建议:

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

文章来源:https://blog.csdn.net/wanmeijuhao/article/details/135146556
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。