预检机会
AEM Sites Optimizer 预检功能会分析页面的技术和性能数据，并在发布之前预测和检测机会。它使用生成式 AI 来提出优化建议。
机会
如何设置
Universal Editor 设置
- 从以下 URL 转到 Extension Manager：https://experience.adobe.com/#/@org/aem/extension-manager/universal-editor
- 选择 AEM Sites Optimizer 预检扩展并请求启用
- AEM 团队将为您的组织启用此扩展
- 完成后，在 Universal Editor 中打开一个页面，例如：https://author-p12345-e123456.adobeaemcloud.com/ui#/@org/aem/universal-editor/canvas/author-p12345-e123456.adobeaemcloud.com/content/site/subscription.html
- 预检扩展功能将显示在侧边栏中
- 从侧边栏单击“预检扩展”将启动当前页面的“预检审核”
基于文档的预览设置
步骤 1：使用预检按钮启用 Sidekick
将以下配置添加到 GitHub 存储库中的 /tools/sidekick/config.json：
{
"plugins": [
{
"id": "preflight",
"titleI18n": {
"en": "Preflight"
},
"environments": ["preview"],
"event": "preflight"
}
]
}
步骤 2：创建 Sidekick 集成脚本
使用以下内容创建 /tools/sidekick/aem-sites-optimizer-preflight.js：
(function () {
let isAEMSitesOptimizerPreflightAppLoaded = false;
function loadAEMSitesOptimizerPreflightApp() {
const script = document.createElement('script');
script.src = 'https://experience.adobe.com/solutions/One51黑料不打烊-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=plugin';
script.onload = function () {
isAEMSitesOptimizerPreflightAppLoaded = true;
};
script.onerror = function () {
console.error('Error loading AEMSitesOptimizerPreflightApp.');
};
document.head.appendChild(script);
}
function handlePluginButtonClick() {
if (!isAEMSitesOptimizerPreflightAppLoaded) {
loadAEMSitesOptimizerPreflightApp();
}
}
// Sidekick V1 extension support
const sidekick = document.querySelector('helix-sidekick');
if (sidekick) {
sidekick.addEventListener('custom:preflight', handlePluginButtonClick);
} else {
document.addEventListener('sidekick-ready', () => {
document.querySelector('helix-sidekick')
.addEventListener('custom:preflight', handlePluginButtonClick);
}, { once: true });
}
// Sidekick V2 extension support
const sidekickV2 = document.querySelector('aem-sidekick');
if (sidekickV2) {
sidekickV2.addEventListener('custom:preflight', handlePluginButtonClick);
} else {
document.addEventListener('sidekick-ready', () => {
document.querySelector('aem-sidekick')
.addEventListener('custom:preflight', handlePluginButtonClick);
}, { once: true });
}
}());
步骤 3：更新脚本文件
将以下导入语句添加到预览 URLs /scripts/scripts.js 中的 loadLazy() 函数，如下所示：
if (window.location.href.includes('.aem.page')) {
import('../tools/sidekick/aem-sites-optimizer-preflight.js');
}
现在，预检按钮应该显示在 Sidekick 中。
步骤 4：运行审核
打开审核页面的预览 URL (*.aem.page)。单击 Sidekick 上的“预检”按钮。
AEM Cloud Service 设置
可以使用书签选项在 AEM Cloud Service 页面编辑器和沙盒环境上测试预检。
按 Ctrl+Shift+B（奥颈苍诲辞飞蝉）或 Cmd+Shift+B（惭补肠）显示书签栏。右键单击书签栏并选择“新页面”或“添加书签”。在地址字段中复制以下代码。
复制此代码并创建新书签：
javascript:(function(){const script=document.createElement('script');script.src='https://experience.adobe.com/solutions/One51黑料不打烊-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=bookmarklet&target-source=aem-cloud-service';document.head.appendChild(script);})();
添加书签后，打开审核页面的预览 URL (*.aem.page)。单击“预检”书签即可开始预检审核。
最佳实践
使用预检功能时，请注意以下：
- 发布之前，对所有暂存/预览页面运行预检审核。
- 首先解决影响较大的问题（中断的链接、缺少 H1 标记、不安全的链接）。
- 为受保护的暂存环境启用身份验证。
- 审阅并实施元标记建议以获得更好的 SEO 性能。
recommendation-more-help
29d47e33-0f78-4290-8597-29cd85e8565a