psmb/ajaxify

懒加载 Neos 网站上的任何内容

安装量: 6,940

依赖者: 0

建议者: 0

安全性: 0

星标: 13

关注者: 4

分支: 9

开放问题: 2

类型:neos-package

1.0 2024-03-26 22:40 UTC

This package is auto-updated.

Last update: 2024-08-26 23:34:55 UTC


README

使用 Psmb.Ajaxify 增强您的 NeosCMS 体验,这是一个强大的包,通过 AJAX 流畅地异步加载特定页面组件,只需一行 Fusion 代码。为什么这么做?它通过延迟加载非关键部分(如评论)来显著加速初始页面加载。

See it in action

TL;DR

安装:

composer require psmb/ajaxify

集成

@process.myUniqueKey = Psmb.Ajaxify:Ajaxify 添加到任何 Fusion 路径。确保 myUniqueKey 在全局范围内保持唯一。

将示例 AJAX 加载脚本集成到您的 Fusion 代码中

prototype(Neos.Neos:Page).head.ajaxLoader = Psmb.Ajaxify:CssTag
prototype(Neos.Neos:Page).body.javascripts.ajax = Psmb.Ajaxify:JsTag

或者,通过您首选的构建工具集成这些资源或创建自定义加载器。

完成

完成。现在您的部分页面将通过 AJAX 请求进行懒加载。

注意:确保您的 Fusion 组件不依赖于标准变量以外的任何上下文变量。如果您需要重复使用 EEL 表达式,请勿将其嵌入到上下文中。相反,将其封装在 Neos.Fusion:Value 对象中以便于通用使用。

定制

您可以自由地覆盖 Psmb.Ajaxify:Loader 对象,以根据您的需求调整加载器。

兼容性和维护

该包目前正在维护以下版本

贡献

请随意使用 Psmb.Ajaxify 调整和优化您的 NeosCMS 设置。流畅地加载页面并提供更平滑的用户体验。