使您的网页加载缓慢的隐藏因素 | 如何避免它们

已发表: 2019-12-28

您知道吗,如果加载时间超过 4 秒,并且 46% 的用户不会重新访问性能不佳的网站,四分之一的访问者会放弃该网站?

此外,研究表明,额外的两秒加载时间可以将您的网站跳出率提高 103%。 由于只有 100 毫秒的额外加载时间,不仅会导致转化率下降 7%。

页面速度在整体网站性能的成功中起着至关重要的作用。 它会影响您网站的许多关键指标。 例如,您的网站可见性和您网站的转化率就是其中两个。

优化整个网站的速度是一项明确的要求,但弄清楚如何使其成为可能可能会很棘手。 这就是为什么本文旨在找出隐藏的因素并对其进行适当的解决的原因。

在实施以下解决方案之前,您可以使用高质量的网站流量估算器估算您的网站流量,以获得清晰的概念。 现在让我们进入主要讨论。

使您的网页加载缓慢的因素

完成估算后,这意味着您了解网站性能的当前阶段。 现在,在找到问题后,您可以开始优化影响网站速度的关键因素。 让我们来看看导致您的网站变慢的主要因素。

1. 渲染阻塞 JavaScript

JavaScript 用于使您的网页具有功能性和交互性,但这也可能会出现问题。 未优化的 JavaScript 会降低您的页面加载能力。

渲染意味着加载,渲染阻塞意味着它尽可能快地阻止页面加载。 当浏览器尝试显示网页时,它必须停止; 在这种情况下,如果遇到要加载的任何 JavaScript 文件,这将阻碍页面快速加载。

这称为“阻止渲染的 JavaScript”,或者换句话说,阻止页面加载速度更快的 JavaScript。

如何避免

要摆脱阻止渲染的 JavaScript,请删除外部 JS 文件,并改用内联 JavaScript。 使用异步加载,以便 JavaScript JS 可以单独加载,而不会影响您的页面速度。 您还可以在 JS 加载中使用 defer 属性,直到页面的其余部分对用户可见。

2. 不使用内容交付网络 (CDN)

内容交付网络 (CDN) 由位于不同地理位置的多个服务器组成。 使用 CDN,您可以在其中存储站点数据的副本,并且您的数据将从最近的服务器加载给用户。

如何避免

在 WordPress 中,您可以轻松解决问题。 这一次,你可以获得Cloudflare、MaxCDN等一些优质插件,对于图像和视频,你可以使用Jetpack CDN。 此外,如果您的网站使用 jQuery,您可以在不使用服务器的情况下使用 CDN。

3.未优化的图像

图像大小和格式最重要。 大型且未经优化的图像是减慢网站速度的主要原因之一。 此外,高分辨率图像会占用您网站的大量带宽。

图像格式是降低网站速度的另一个重要方面。 例如,JPEG 或 JPG 的大小比 PNG 或 GIF 等其他格式小得多。 这就是为什么您在网站上使用 JPEG 格式以获得更快的用户体验的原因。

如何避免

要解决此问题,请在将站点图片上传到您的网站之前检查其文件大小。 删除未优化的图像,因为它们可能会花费您的带宽覆盖费用。 使用 JPEG 而不是使用 PNG 可能是一个很好的解决方案。 此外,您可以使用瀑布测试来扫描图像大小以检查其完美程度。

4.过多的华而不实的内容

虽然华丽的内容可以用来增加用户之间的交互性,但有时它可能会导致您的网页变慢。 其背后的主要原因是它体积庞大,阻碍了您的网站快速加载。

如何避免

您可以以平衡的方式减少 Flash 内容,这将提高您的网站速度。 但是,您应该寻找 HTML5 替代品并用它替换现有的 Flash 内容以获得加载体验。

5. 大量的 HTTP 请求

加载过多的 JavaScript、CSS 和图像文件会创建过多的 HTTP 请求。 当用户使用您的网站发送数据请求时,如果 HTTP 请求过多,通常需要花费时间来呈现数据。

如何避免

要解决此问题,您可以使用 Sprites 来减少 HTTP 请求。 尽可能消除图像文件的数量。 您也可以缩小 CSS 和 JavaScript 文件。

6.使用轻量级插件和主题

主题是任何网站的核心组成部分,但如果您没有选择正确的主题来实现您的目的,它可能会成为一种负担。 市场上有大量的主题。 所有主题都没有保持相同的质量。 以无组织方式编码的主题可能会导致加载缓慢的问题。

插件用于向某个网站添加不同的功能。 您可能需要使用不同类型的插件,例如联系表单生成器、WordPress 表格插件、SEO 插件等。 这是一件非常好的事情,但是当您的网站需要时间加载时会变得很麻烦。 未相应编码的插件可能会导致加载缓慢的问题。

如何避免

为了摆脱这个问题,当你要选择它们时,使用轻量级质量的主题和插件是明智的。 您将获得许多优质的 WordPress 主题和插件,但您需要仔细确认它们。

7. 数据库开销

如果您的数据库充满了无关的项目,例如瞬态、日志以及来自插件和主题的其他条目,这些条目可能会随着时间的推移而创建。 这种类型的过多开销会消耗不必要的数据库。

甚至有时它可能会使 webserver 在等待数据库响应时超时。

如何避免

通过消除开销来优化数据库是解决这个问题的一个很好的解决方案。 在这种情况下,大多数 Web 主机将让您使用 phpMyAdmin 访问您的数据库。 如果您不习惯使用 phpMyAdmin,可以使用WordPress 命令行界面(WP-CLI)

8. 过于庞大的编码

您使用代码运行应用程序的次数越多,您的网站加载所需的时间就越长。 这意味着如果您的编码结构包含不必要的元素,如字符和空格,则加载整个网站需要时间。

如何避免

通过删除不必要的元素来缩小您正在使用的代码。 如果您觉得手动缩小有困难,您可以使用像优化这样的高质量插件来最小化所有文件。 不要偷懒使用内联 CSS。

9. 展示太多广告

的确,展示广告是通过高流量网站获利的好方法。 这可能会导致加载快速的网站出现问题。 例如,弹出式广告、插页式广告和自动下载等富媒体广告可能会创建数百个可能导致您的网站无响应的 HTTP 请求。

如何避免

首先,不要让太多的广告成为网站速度变慢的另一个原因。 确保您限制了展示广告的数量,以确保您的网站获得更好的性能。

10. 缺乏使用缓存技术

缓存意味着当用户浏览您的网站时浏览器存储静态副本。 然后,当用户再次访问您的站点时,浏览器可以显示这些缓存数据而无需重新加载。 过多的缓存数据可能是使您的网站变慢的原因之一。

如何避免

在 WordPress 中,市场上有许多解决缓存问题的可靠解决方案。 您还可以缓存一些重要的东西,如 HTTP、数据库查询等,但不要搞砸。

最后的话

加载快速的网站对于拥有更好的网站用户体验至关重要。 因为您网站的响应时间与其成败息息相关。 最重要的是,良好的页面速度取决于上面提到的各种因素。

很难确切地找到您的网站速度变慢的原因,但是非常需要衡量每一个可能的步骤并将其付诸行动。 您应该确保您的网站具有延迟加载时间,这可以提高 SEO 和 UX,以确保更好的可用性和更高的转化率。

结论

消费者95%的决定都是在潜意识层面做出的。

Gerald Zaltman's – 哈佛商学院教授

因此,如果您的网页速度不够快,那么其他一切最终都会受到影响。 每一秒都很重要,你不知道每一毫秒都会产生很大的不同。 通过遵循上述方面,您可以优化您的网站,以便以最佳方式加速。

我希望这篇文章能帮助您了解使您的网站变慢的因素以及如何精确地修复它们。 如果您还有什么要与我们分享的,请在评论框中告诉我。


如果您还没有订阅我们的 YouTube 频道,请订阅我们的 YouTube 频道以获取与 WordPress 相关的提示和技巧。 另外,请在 Twitter 和 Facebook 上关注我们。 您还可以加入 Facebook 上流行的 Fluent Form 社区。