什么是预渲染

文章类型:Javascript

发布者:hp

发布时间:2023-04-02

一:原理

预渲染是一种提高网站性能的技术,它的原理是在用户访问网站页面之前,先将该页面完全渲染成静态 HTML 页面并缓存,

然后在用户请求该页面时直接返回缓存的静态 HTML 页面。避免每次用户请求页面时都需要进行服务器端渲染或客户端渲染,从而提高页面加载速度和用户体验。

预渲染技术可以使用浏览器或者专门的预渲染工具来实现。在使用浏览器进行预渲染时,可以通过浏览器插件或者命令行工具来完成预渲染操作。

而在使用专门的预渲染工具时,可以通过配置文件或者命令行参数来指定要预渲染的页面。

二:流程:

当用户请求某个网站页面时,服务器会先检查该页面是否已经被预渲染,并且缓存是否过期。

如果页面已经被预渲染,并且缓存未过期,则服务器会直接返回缓存的静态 HTML 页面。

如果页面未被预渲染,或者缓存已经过期,则服务器会使用浏览器或者预渲染工具模拟用户访问该页面,并将其完全渲染成静态 HTML 页面。

渲染完成后,服务器会将静态 HTML 页面缓存起来,并将其返回给用户。

三:使用场景

1:对于那些内容不需要频繁更新的页面,如公司官网、产品介绍页面、新闻资讯等

四:总结

1:预渲染技术的优点是可以加快页面加载速度,提高用户体验。

2:预渲染可以显著降低服务器端和客户端的渲染压力,提高页面响应速度。

上一篇什么是 CSP