web前端性能优化都有哪些方法

我们在上文中给大家简单介绍了web前端编程开发都需要注意哪些问题等内容,而本文我们就继续来学习一下,web前端性能优化都有哪些方法。

 

图片[1]-web前端性能优化都有哪些方法-人生海web技术分享

 

1、重用已经加载的数据

 

 

在应用本地缓存Ajax数据,并使用它来避免将来的请求。如果用户从团队列表页面跳转到“编辑团队”页面,则可以重用已经获取的数据来实现即时跳转。

 

 

请注意,如果你的实体被其他用户频繁编辑,那么这个方法就没用了,并且你下载的数据可能很快就会过期。在这些情况下,请考虑在获取新数据时先以只读方式显示现有数据。

 

 

2、服务端渲染

 

 

服务端渲染意味着在服务器上预渲染你的应用,并使用整页HTML响应文档请求。这意味着客户端可以看到完整渲染的页面,而不必等待额外的代码或数据加载!

 

 

由于服务器只是将静态HTML发送给客户端,因此你的应用尚无法进行交互。你需要加载应用程序,然后重新运行渲染逻辑,接下来将必要的事件侦听器附加到DOM上。

 

 

3、等待非必需数据时不要阻塞渲染

 

 

有时生成页面数据的过程需要缓慢的复杂后端逻辑。在这种情况下你可以先加载较简单的数据版本,只要这些数据足以让你的应用程序运转起来即可。

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享