XFOptimize凭借其强大的缩小，预连接和预加载功能，
可以加快您的Xenforo论坛的速度并更快地提供页面。通过优化页面加载过程，您可以节省宝贵的时间，并通过Google或其他服务提高页面速度评分。
特征：
- 缩小和压缩HTML，内联CSS和JS
- 将附件全尺寸图像更改为移动设备的响应式较小副本！
- 预连接外部资源以减少页面加载阻塞
- 预加载重要资源，如图像、CSS 或 JS
- 预加载核心 Xenforo 资源
- 各种功能的自动或手动设置
- 页面源资产深度智能检测
XFOptimize捆绑了强大的缩小库，可以从页面源代码中去除空格，HTML注释，CSS和JS注释。通过压缩 HTML，您可以将较小的页面文件传递到访问者的浏览器。
自定义
Xenforo 缩小功能，例如：
- 在TinyMinify或HTMLMinifier库之间进行选择
- 低、中、高空格压缩
- 删除 HTML 注释
- 删除内联 CSS 注释
- 将内联样式标签移动到页眉
- 删除 JS 注释
- 缩小脚本标签
- 将所有脚本标签移动到页脚
- 选择要忽略的元素，如 pre、code 和 textarea
您可能已经看到了所有那些在访问论坛时需要加载的讨厌的文件。从Javascript库，外部图像，分析脚本或字体文件中，所有这些小文件都通过要求浏览器查找保存它们的域名来增加页面加载的时间。
如果您的页面需要加载来自
fonts.google.com 字体，而 Javascript 文件需要加载
来自 adsense.google.com，则这些域查找会导致页面加载出现所谓的"阻塞"，在这些任务完成之前无法完成更多加载。
XFP优化
"预连接"到这些域，以便它们与加载页面的其余部分同时完成。更重要的是，XFOptimize可以
自动扫描整个页面并预先连接任何外部资源。设置它并忘记它？这就是这里的想法！
另一个非常强大的功能是能够为页面预加载资源。您可能听说过"首屏"内容，这是访问者无需向下滚动即可看到的区域。XFPOptimize可以预加载大型资产，例如庞大的Javascript或CSS库，图像甚至媒体，并使它们更快地可用。这样，您的网页可以更快地呈现并改善评分，例如Google Core Web Vitals或Lighthouse指标。
此外，更快的加载速度意味着您的访客的等待时间更短！
更重要的是，XFOptimize提供了
三种预加载方法：
- 手动：通过将 data-preload="true" 属性添加到模板 HTML 来控制预加载哪些资源或图像
- 仅帖子：预加载论坛帖子中的第一个附件
- 优先级：XFOptimize最强大的工具，优先级模式可智能地选择关键内容，例如帖子中的早期附件图像，资源管理器页面中的嵌入式图像，Xenforo媒体库全尺寸图像等。通过支持其他流行的Xenforo插件，如DragonByte电子商务，优先级功能旨在随着反馈而随着时间的推移而增长。
XFOptimize有很大的雄心壮志来提高Xenforo的速度和加载，还有更多功能有待实现。购买XFOptimize的早期采用者将获得可用的引入价格。随着XFOptimize在功能和改进方面的增长，价格可能会增加。
由于可能频繁更新和功能更改，因此介绍性价格针对的是参与Beta开发过程的用户。
一般常见问题解答
问：在哪里可以找到设置？安装后我该怎么办？
答：只需转到
管理员 ->选项 -> [Nulumia] XF针对所有不同的设置进行优化。每个组都用不同的标题标记，即。最小化，预加载，预连接等
问：缩小安全吗？它会破坏我的网站吗？
答：默认情况下，缩小（包括插件中的大多数高级设置）处于禁用状态。您可以通过上面提到的设置页面启用它们。
每个Xenforo网站都是不同的，有许多变量，例如您使用的样式或安装的插件数量。虽然缩小系统已经在几个具有许多插件的大型网站上进行了大量测试，但缩小功能的一部分可能无法在您的网站上很好地工作。但是，这就是为什么XFOptimize允许自定义minifier的原因，因此您可以选中或取消选中设置
以最适合您。
问：什么是"在移动设备上将附件与缩略图交换"设置？
答：在移动设备上，通过利用 srcset 属性，全尺寸附件将被替换为附件缩略图版本。这将通过提供较小的副本来大大加快图像的交付速度。
根据您的缩略图尺寸设置，这应该更接近典型的移动屏幕尺寸，并且可以节省大量带宽，而不是显示完整的图像。访客仍然可以通过点击来触发灯箱弹出窗口来查看全分辨率图像。
高级备注：如果您的缩略图非常小，则在使用此设置时，缩略图的质量可能会很差。您可以考虑更改附件缩略图尺寸，以匹配样式的
响应式 Narrow 属性（建议：480 像素）。这将需要重建附件缩略图，这将消耗服务器资源，特别是在具有大量附件的主板上。
问：我可以/应该仍然将其与Cloudflare一起使用吗？
答：是的，XFOptimize是在几个运行Cloudflare CDN
的大型网站上开发和测试
的 Q：这个插件会让我的网站更快吗？
答：显然每个人都想知道这个问题的答案。重要的是要注意，
XFOptimize不能取代拥有一个干净，精益和高效的网站。这包括臃肿的样式，凌乱的插件甚至自定义开发的问题，这会增加太多的混乱。
XFOptimize将有助于简化并使事情尽可能高效 -
但如果您的网站确实臃肿，则无法神奇地修复网站膨胀。
话虽如此，XFOptimize已经在几个大型网站上运行和测试了一段时间，这些网站利用了许多大型插件和自定义系统。
该插件最初是为了将这些网站的Google Core Web Vitals和Lighthouse分数提高到尽可能接近100/100而创建的，到目前为止，它仍然被用于取得巨大成功！
问：我正在使用插件，但我的灯塔或GTMetrix分数仍然很低。什么原因？
答：可能存在一个明显的问题，该
问题正在减慢您的网站速度。您应该花时间学习如何阅读这些类型服务的报告，并确定罪魁祸首问题。
Xenforo论坛速度变慢和分数差的最常见原因（XFOptimize无法修复）是：
- 开发不良的样式
- 插件太多
- 允许在站点上使用过大的附件 - 例如 1600px+。线程，尤其是具有许多大型完整附件的线程，对您的论坛的影响最大。
- 太多的Javascript库（想想Google Adsense，Tracking codes，Facebook Pixel，那些花哨的Jquery捆绑包等）
- 运行更多您真正需要的Google字体变体
- 具有慢速或共享服务器（由长 TTFB 标识，或"第一个字节的时间"）
- CLS（内容布局偏移）或 LCP（最大内容性绘制）问题。这些也可能与您的样式，CSS或插件有关
缩小常见问题
问：哪种缩小方法更好？
答：如果可能的话，
建议使用 HTMLMinifier 方法而不是 TinyMinify。虽然HTMLMinifier更有可能在缩小页面时遇到麻烦，但它提供了更多的功能和功能。您应该尝试运行 HTMLMinifier 并启用尽可能多的设置，同时检查前端是否存在问题。
问：我正在运行小程序，但我看到错误/我的论坛行为不正确。我该怎么办？
答：首先，由于缩小器而可能遇到的任何问题都是暂时的，可以通过禁用缩小立即修复。但是，您应该取消选中 HTMLMinifier 下的每个设置，直到您不再遇到任何问题。同样，这是一个个案基础，因为您正在使用哪种样式或插件。
问：某些缩小设置是否更有可能导致错误？哪些是最好的？
答：HTMLMinify 下的每个设置都会提到它是低风险、中风险还是高风险。最有可能导致问题的设置是那些设置，例如缩小<script>标签的内容，或将所有<script>标签合并为一个。如果使用这些设置中的任何一个，则应彻底检查前端是否存在问题，如果遇到任何错误，则应禁用。
问：我如何知道缩小版是否正常工作？
答：在启用minify之前，请右键单击您网站上的任意位置，然后选择"查看页面源代码"。它应该显示为数百行 HTML 代码。
启用后，选择"再次查看页面源代码"。您的页面源代码现在应该只有一行代码！
预连接常见问题解答
问：预连接页面资源？我不知道我的页面上正在运行什么！听起来很复杂..
答：不，只需将预连接设置为"自动检测"，XFPTimize就会为您处理一切！在 Xenforo 页面上的所有内容都已从模板呈现后，即页面的最终输出，就会发生自动预连接。这意味着XFOptimize几乎可以捕获插件，模板自定义，模板修改和动态代码添加的所有内容！
问：什么样的东西会预先连接？
答：来自外部域或网站的任何类型的资产都将被检测并加载到预连接队列中。这包括字体文件，媒体，图像，脚本，CSS库，gravatars等。
问：我希望更好地控制预先连接的内容。我可以自己做吗？
答：虽然我们对 XFOptimize 有信心完成工作，但您可以禁用自动检测，并在
Admin -> Options -> [Nulumia] XFOptimize 中使用"全局预连接资源"选项，或者在样式属性中按样式设置预连接 URL！
预加载常见问题解答
问：我应该使用三种预加载模式中的哪一种？
答：建议使用优先模式，除非您有理由选择手动或仅发布。优先级将在许多其他页面类型和部分预加载重要资产，但也包括手册和帖子！
问：如何使用手动预加载方法？
答：可以通过将 data-preload="true" 属性添加到 <img> 或<script> 标签本身或其容器元素来设置手动预加载。请记住，您可以（并且应该）在启用优先级模式时使用手动方法！这是因为优先级模式不能总是猜测您可能正在使用哪些您认为应该预加载的自定义资源。
让我们看一下如何使用 Manual 方法：
将属性添加到图像标记：
XML:
<img src="image.jpg" data-preload="true">
只需在模板中添加上面示例中的属性，XFPTimize就会检测并预加载图像！但是，如果我们在容器元素中有多个资产，例如我们想要预加载的<div>，该怎么办？我们可以简单地将属性设置为容器元素：
XML:
<div class="block">
<div class="block-container">
<div class="block-row block-body" data-preload="true">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="funny-cat.jpg">
</div>
</div>
</div>
XFPOptimize将查找和检测图像并预加载它们。就是这么简单！
问：但是...那么更复杂的东西呢，比如来自内联样式的背景图像？
答：是的！XFOptimize也会找到这些，例如从
style="background-image： url（'image1.jpg'）;"
