客户端与服务器端模板(哪一个？)

Question

我最近一直在阅读一些关于整个客户端与服务器渲染的非常有趣的文章.

http://www.onebigfluke.com/2015/01/experimentally-verified-why-client-side.html

http://www.quirksmode.org/blog/archives/2015/01/angular_and_tem.html

http://tomdale.net/2015/02/youre-missing-the-point-of-server-side-rendered-javascript-apps/

在谈到客户端时,我已经成为了一个粉丝男孩,但在我阅读这些文章之后,有些观点开始出现在支持服务器端呈现,令我惊讶的是......主要观点是:

• 1)您可以升级您的服务器,但不能升级您的用户设备 - 这意味着,是的...... 您可以控制服务器,因此如果它正在执行,您可以选择升级/扩展.您无法强制用户升级其设备.

• 2)第一个油漆与最后一个油漆 - 现在在experimentally verified...上面的链接上显示用户第一次看到页面(第一个油漆)和用户何时可以使用页面100%(最后一个油漆).现在从用户看到页面时我能想到的是,它需要大脑一些时间来处理从视觉皮层到额叶皮层的信号,然后到达用户实际开始点击他/她的手指的前置皮层,当然,如果首先渲染html,那么在后台进行加载(js文件,绑定等)时,大脑会处理一些事情.

真正让我感到有点的是Twitter报道了人们有多达10秒的加载时间进行客户端渲染,没有人应该体验过!有点儿说," 好吧,如果你没有足够好的设备,抱歉,你只需要等待. "

我一直在想,是不是有使用的好办法既客户端和服务器端模板引擎和两个客户端和服务器使用相同的模板引擎和代码.在这种情况下,它只是要弄清楚它是否是为客户提供渲染页面或让客户端自己渲染它的好处.

无论如何,如果你愿意,可以分享你对我的说法和文章的看法.我全都耳朵!

Answer 1

基本上你会看到一个同构的web应用程序,它共享前端和后端的相同代码.

同构JavaScript

运行客户端和服务器端的JavaScript应用程序.同构JavaScript框架是JavaScript框架发展的下一步.这些新的库和框架正在解决与传统JavaScript框架相关的问题.

我敢打赌,这个家伙对我的解释要好得多.

因此,当用户访问该页面时,服务器将呈现包含内容的整页.因此它加载速度更快,并且不需要额外的ajax请求来加载数据等.然后,当用户导航到另一个页面时,使用单页应用程序的常用技术.

那么,我为什么要关心？

• 旧浏览器/弱设备/禁用Javascript
• SEO
• 一些页面加载改进

旧浏览器/弱设备/禁用Javascript

例如,IE9不支持History API.因此,对于旧浏览器(如果用户也禁用了javascript),他们只会像过去那样在页面中导航.

SEO

Google表示它支持SPA,但SPA不太可能出现在谷歌搜索的最佳结果中,是吗？

页面速度

如上所述,第一页加载一个HTTP请求,这就是全部.

好的,所以

有很多文章:

• http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/
• http://www.sitepoint.com/isomorphic-javascript-applications/
• https://www.lullabot.com/articles/what-is-an-isomorphic-application

但是我应该关心吗？

当然,这取决于你.

是的,这很酷,但重写/改编现有的应用需要很多工作.如果你的后端是PHP/Ruby/Python/Java /无论如何,我给你带来了坏消息(这不一定是不可能的,但接近于此).

这取决于网站,你可以尝试收集一些统计数据,如果用旧设备的用户比例很小,这不值得麻烦,为什么不...

让他们忍受

如果您只关心使用旧设备的用户,那么请点击2015年,如果他使用IE8浏览带有iPod Touch 2的网站,那么这是您的用户问题.例如,Angular在大约一年前放弃了IE8的支持,那你为什么不提醒用户他们需要升级;)

干杯!