daily-interview / fe-interview

:smiley: 每日一道经典前端面试题,一起共同成长。
https://blog.csdn.net/u010494753
MIT License
173 stars 22 forks source link

nuxt有哪些特性?为什么要用nuxt做服务端渲染?它解决了什么问题? #49

Open artdong opened 4 years ago

artdong commented 4 years ago

nuxt有哪些特性?为什么要用nuxt做服务端渲染?它解决了什么问题?

artdong commented 4 years ago

nuxt特性

Nuxt.js 渲染流程

应用一个完整的服务器请求到渲染(或用户通过 切换路由渲染页面)的流程

服务端渲染解决的痛点

SPA前端渲染存在两大痛点:

(1)SEO。搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息,使网站无法在搜索引擎中被用户搜索到。

(2)用户体验。大型webApp打包之后的js会很庞大,于是就有了按模块加载,像require.js一样,异步请求。webpack盛行,就变成了代码分割。即便如此,受制于用户设备,页面初次渲染还是有可能很慢,白屏等待时间太长,对日益挑剔的用户群体来说,无法接受。

服务端渲染解决了前端渲染的两大痛点:SEO、首屏加载速度慢。