zoukankan      html  css  js  c++  java
  • 前端性能优化-页面渲染架构设计与性能优化3-静态化技术方案和实现思路

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

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

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

    技术优点

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

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

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

    技术不足

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

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

    技术实现

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

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

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

     

     

    感谢您的阅读及指正,让我们一起进步。
    欢迎联系我交流:veinyin@gmail.com
    作者:VeinYin
    博客地址:https://www.cnblogs.com/veinyin/
    如需转载请注明出处。
  • 相关阅读:
    async/await语法
    generator生成器函数
    数组练习
    解决异步(重点promise函数)
    iterator遍历器
    各种遍历方法(重点for....of)
    ES6代理proxy
    Symbol新数据类型
    函数(rest 箭头)
    ES6常用方法(字符串,数字,数组,对象)
  • 原文地址:https://www.cnblogs.com/veinyin/p/14380914.html
Copyright © 2011-2022 走看看