如何找出为啥 wordpress 博客加载如此缓慢

Posted

技术标签:

【中文标题】如何找出为啥 wordpress 博客加载如此缓慢【英文标题】:How to find out why wordpress blog is loading so slow如何找出为什么 wordpress 博客加载如此缓慢 【发布时间】:2015-12-14 09:58:18 【问题描述】:

我们有一个 Wordpress blog,加载时间在 10 到 45 秒之间。我已经备份了网站和数据库,更新了插件(和 Wordpress 版本),但都无济于事。

我正在尝试找出问题出在博客本身还是主机 (dreamhost)。在联系 dreamhost 之前,我想先解决所有问题。

关于如何找出导致 wordpress 博客缓慢的原因的任何指示或建议?

编辑:当简单地在不同屏幕之间导航 UI 时,后端管理面板的加载时间也很非常。不确定这是否比博客上的内容更多地指向主机,因为内容可能不会在管理面板上的页面加载时间中发挥那么大的作用?

【问题讨论】:

首先,您的页面非常大。我大约 5mb。您应该尝试优化图像以减小页面大小。其次,这可能是一些主机问题,因为初始请求需要 12 秒才能完成。我认为您应该联系主机支持并尝试与他们解决问题 快速修复:合并和缩小您的 CSS/JS,因此您只在页眉/页脚中加载 1-2 个文件。获取缓存插件并配置它。请务必联系您的房东。 Google Insights 是评估网站内容的好工具。正如 onedevteam 所说,您应该优化图像,但您的服务器似乎响应任何请求都很慢。我建议联系您的托管服务提供商。 图像会极大地消耗页面速度,您正在加载 300x300 的图像但仅以 65x65 显示它们,浏览器必须调整它们的大小。使用内置 Google 的 PageSpeed 服务的 Chrome 开发者工具。 我在原始帖子中添加了一个编辑,其中包含一些可能有助于缩小问题范围的更多信息。 【参考方案1】:

您始终可以使用 Google 的 Page speed insights 测试页面速度。

根据您博客的结果,您应该首先减小图像大小。 您可以使用 Photoshop 等照片编辑软件或kraken 等在线工具来完成此操作。 在 Photoshop 中,您可以通过 File->Save for web 来完成此操作。

下一个问题是服务器响应时间。为了减少服务器响应服务器需要处理更少的php。缓存有助于解决这个问题。您可以安装wp-super-cache。该插件还有助于许多其他有助于优化您的网站的功能。 (服务器响应时间还取决于许多其他因素。请参阅this。)

对于 css 和 js 缩小,您可以使用 Autoptimize。

您还可以在 </body> 之前添加脚本,而不是 <head>

【讨论】:

【参考方案2】:

尝试使用P3 (Plugin Performance Profiler) 检查插件(和 WP 核心)对您网站加载时间的影响。当您意识到有些插件根本不关心性能时(例如,只有一个像 NextgenGallery 这样的插件可能会占用高达 60% 的加载时间),您会感到非常惊讶。

【讨论】:

【参考方案3】:

我敢猜测您的媒体库很大;不仅有图片的数量,还有图片的大小。为了以最佳速度运行,您应该在这些照片进入网站之前对其进行大量编辑,以使它们更接近所需的显示尺寸。有很多 1,000 像素以上的图片会导致网站加载非常缓慢。

【讨论】:

我应该声明后端仪表板也有非常长时间的延迟,只需导航管理面板。不确定这是否有助于将问题缩小到博客的内容或主机提供商。 @mariocatch,我不确定这会缩小问题的范围。无论如何,管理面板仍然需要加载媒体库中的所有内容。

以上是关于如何找出为啥 wordpress 博客加载如此缓慢的主要内容,如果未能解决你的问题,请参考以下文章

为啥多点连接如此缓慢?

为啥 Rails 渲染视图如此缓慢?

为啥从 Redshift 读取到 Spark 如此缓慢?

为啥在索引 Parquet 文件上计算形状如此缓慢?

为啥 Composer 中的依赖项更新如此缓慢?

为啥我的 python DataFrame 执行如此缓慢