确实是押韵的!
最近,我在播客上建议WordPress可以从整合Turbolinks中受益。这个概念很简单:
- 最初的站点构建的杠杆服务器端渲染。
- Turbolinks拦截相同的原始链接点击。
- 它采用Ajax获取新页面的HTML,替换当前内容而无需全页重新加载。
从本质上讲,这将服务器渲染的应用程序转换为具有最小添加复杂性的单页应用程序(SPA)。
优势?提高速度。整页刷新可能比水疗互动明显慢。尽管Turbolinks是一项相对成熟的技术,但它仍然非常有效。斯塔尔·霍恩(Starr Horne)最近关于Honeybadger迁移到Turbolinks的博客文章强调了这一点:
Honeybadger不是水疗中心,也可能永远不会。水疗中心不满足我们的技术需求。考虑以下因素:
- 我们的应用程序主要显示静态信息。
- 我们处理重要的数据以生成单个错误报告。
- 我们的四个开发人员组成的小团队优先考虑简洁,简单的代码库。
...多年来,我们已经使用了一种成功的方法,可以提供类似水疗的性能,而无需JavaScript开销...钥匙是在没有完整的水疗复杂性的情况下达到了水疗速度。
这反映了我对WordPress的观点。它的服务器渲染默认值非常好,但是像Turbolinks这样的简单增强功能可以提高性能。但是,添加它仍然是可选的。
仅坚持使用服务器端渲染并不是固有的缺陷。轻巧的页面和有效的缓存可以减轻性能问题。
Chrome最近的创新也很重要:
- “油漆握持”最小化页面负载之间的空白屏幕闪烁。
- “门户”元素有助于无需重新加载的页面之间的平滑过渡。可访问性考虑在这里至关重要。
这种方法(通过水疗中心般的功能增强了Server侧渲染),这非常有助于Next.js和Gatsby等框架的普及。
但是,让我们不要忽视真正的水疗中心的力量。网络延迟通常是主要网站性能瓶颈。如果将应用程序设计用于传输小型数据包(而不是大型HTML块),并且有效地重新呈现最小的DOM元素,则性能增长很大。注意的是,JavaScript本身可以成为瓶颈。
挑战在于权衡。完整的水疗中心通常会消除服务器端渲染,而具有SPA功能的服务器渲染的应用程序可以将主线程与JavaScript超载。
幸运的是,一系列渲染选项允许灵活的建筑选择。
以上是其他水疗中心的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

对于Astro,我们可以在构建过程中生成大部分网站,但是有一小部分服务器端代码可以使用Fuse.js之类的搜索功能来处理搜索功能。在此演示中,我们将使用保险丝搜索一组个人“书签”


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

WebStorm Mac版
好用的JavaScript开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

SublimeText3 Linux新版
SublimeText3 Linux最新版