找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 181|回复: 0

在每个页面加载时仅加载必要的脚本

[复制链接]

1

主题

0

回帖

5

积分

新手上路

积分
5
发表于 2023-12-7 13:58:37 | 显示全部楼层 |阅读模式
代码精简是从代码中删除不必要的元素的过程。对于 WordPress 网站,这主要包括JS 脚本和CSS 样式表的缩小。 这些元素是代码的一部分,因为它们很容易被人类(或网络开发人员)阅读。此类元素的一个简单示例是代码注释。然而,机器(或网络浏览器)不需要这些项目。 通过缩小网站代码,您可以获得更小的 JavaScript 和 CSS 文件。它们不仅加载速度更快,而且浏览器分析它们的速度也更快。它们一起可以极大地提高页面加载速度。 大多数WordPress 性能插件将帮助您轻松做到这一点。一种流行的选择是免费的 Autoptimize 插件,在撰写本文时,该插件的活跃安装量已超过 100 万。 如果您是 Kinsta 客户,则不必担心安装第三方插件来利用代码精简功能。您可以直接从 MyKinsta 仪表板执行相同的操作。 MyKinsta 中的“代码缩小”工具。

中的“代码缩小”工具。 缩小发生在 Cloudflare 的边缘网络上,该网络也为 Kinsta 的 CDN 提供支持。它还被缓存。Cloudflare 负责代码压缩,并从最近的边缘 电话号码清单 服务器向访问者提供文件,从而释放站点的服务器资源 - 对于高流量站点或出现意外流量峰值的站点至关重要。有关更多信息,请阅读我们有关代码缩减的文档。 如果您是 Kinsta 客户,作为我们与 Cloudflare 集成的一部分, 边缘缓存会在 Cloudflare 260+全球网络 中的任何数据中心缓存您的 Kinsta 站点/页面 。 边缘缓存免费包含在所有 Kinsta 计划中,不需要单独的插件,并且将提供缓存的 WordPress HTML 所需的时间平均减少 50%以上大多数 WordPress 主题资源和插件通常会在所有页面上加载和运行,即使某些页面不需要它们。例如,联系表单插件可以在每个页面上加载其资源,而不仅仅是在具有联系表单的页面(例如联系页面)上。 缩小和组合这些脚本可以稍微提高站点的性能,但最好避免完全加载这些脚本和样式。 我们建议使用免费的资产清理插件来完成此任务。




它将查看页面上加载的所有资源。然后,您可以选择此特定页面上不需要的 CSS 和 JS 文件,从而减少膨胀。 Asset CleanUp WordPress 插件的屏幕截图,用于阻止某些脚本和样式在页面上加载。 “资产清理”插件。 资产清理与缓存结合使用效果最佳,因为 Web 服务器不必重复生成优化的页面。 9. 加快你的 WordPress 管理仪表板 通常,后端优化从前端优化开始,因为加快前端速度几乎总是可以解决后端的性能问题。 如果您的 WordPress 管理仪表板速度很慢,您可以反向执行相同的操作:修复后端性能问题可以帮助加快访问者的网站速度。 对于这种情况,使用服务器级APM 工具总是有用的,因为安装额外的插件可能会进一步减慢您的网站速度。 使用 Kinsta APM 查找最慢的交易。 使用 Kinsta APM 查找最慢的交易。 Admin-Ajax 的高使用率是 WordPress 网站中常见的性能瓶颈。然而,缓慢的 WordPress 仪表板也可能是由于后台 WordPress 任务造成的,例如 WordPress 备份、WP-Cron 等(如我们之前的示例)。或者可能是一个插件向您的管理仪表板添加了太多横幅。


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Discuz! X

GMT+8, 2024-9-21 13:31 , Processed in 0.083221 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表