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

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

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