在前景反弹之前提高页面加载时间的 10 种方法

已发表: 2016-11-06

目录

  • 1 1. 清理代码
  • 2 2. 缩小 HTML 和 CSS
  • 3 3. 使用 GZip 压缩
  • 4 4. 最小化重定向
  • 5 5. 重定位脚本
  • 6 6. 限制 WordPress 插件
  • 7 7. 调整图像大小
  • 8 8. 压缩图像
  • 9 9. 使用 CDN 交付图像
  • 10 10. 外部托管
  • 11结论

创建了一个具有令人愉快的英雄形象和有影响力的标题的一流网站,建立了良好的社会证明可信度——但窥视并没有转化……

可能是因为最大的转换杀手潜伏在幕后。 通常,页面速度对您网站的转化率的影响比任何其他因素都大。

您的网站速度真的会对您的销售产生如此大的影响吗?

页面速度的影响

网站速度很重要……

快速加载的网站在各个方面看起来和表现都更好:良好的用户体验、更好的参与度、更高的转化率,甚至更高的搜索排名。 虽然有些人认为页面加载时间不是唯一的强排名信号,但它是一个对包括销售和收入在内的其他重要因素产生巨大影响的指标。

几年前,由于 0.5 秒的延迟,谷歌的流量下降了。 今天,如果一个电子商务页面在 3 秒内无法加载,它可能会损失大约一半的流量。 这就是为什么一些最受欢迎的在线品牌现在可以在不到一秒的时间内加载的原因。

今天,移动互联网的使用速度超过了桌面,并且转换不仅限于一个特定的页面。 虽然你有一个很好的标题,价值主张足够清晰,你有一个漂亮的网页,具有社会信誉——但如果页面没有很好的加载时间,那么你就不会获得登陆页面的转换。

您可以使用以下 10 种简单方法来加快网站的页面加载时间并避免潜在客户跳出:

1.清理代码

整洁和有据可查的代码不仅是开发人员的首要任务,它也使页面加载速度更快。 最小化站点文件的大小和缩进、换行、多余的空格和多余的标签等小问题会极大地损害您的页面加载时间。

清理代码

是的,JavaScript 文件是一种在屏幕周围添加吸引人的小东西的有趣方式,但很多时候,它对登录页面非常有害。 AJAX 和其他一些类似的奢侈也是如此。

但是,如果您已准备好添加这些宝贵的脚本,请确保至少首先加载首屏内容。 您可以使用各种工具检查页面的 JavaScript 是如何加载的,然后根据需要优化页面。

2. 缩小 HTML 和 CSS

通过最小化 HTML 和 CSS 代码并减少请求潮流,您将能够以最精简的方式提供网页数据。 检查文件的最佳方式是使用 Google 的 PageSpeed Insights,只需输入您的 URL 并将结果发送给可靠的开发人员。

3. 使用 GZip 压缩

GZip 压缩与内容编码和最小化浏览器发出的服务器请求有关。 它可以帮助您减小文件大小以加快加载时间。 您可以使用 GIDNetwork 检查您网站上的当前压缩并获得一些改进它的想法。

4.最小化重定向

标准的 SEO 做法是 301 重定向,用于告诉访问者和搜索引擎该页面已被永久删除。 这是网站随时间进行更改时使用的常见做法,它可以帮助您减少 404 错误和损坏的链接。

最小化重定向

但是,过多的重定向也会对页面速度产生负面影响。

5. 重定位脚本

脚本放置在影响加载时间方面起着重要作用。 例如,如果您的跟踪脚本位于着陆页的头部或折叠上方,您的浏览器将需要下载并处理这些脚本,然后才能访问人们实际看到的页面内容。

当不同的人在同一个页面上工作时,重复的脚本是很常见的。 这可能会使事情变慢一点。

底线是简化和最小化文件以减少服务器和浏览器之间的来回。

6.限制WordPress插件

是的,这似乎很容易! 如果您这么认为,只需打开 WordPress 并查看您的团队成员安装了多少 WordPress 插件,用于社交共享和跟踪等常见事情。

如果您能正确诊断出哪些插件值得保留以及哪些需要删除,您就会知道是否要添加哪些插件。 有一个插件 P3 (Plugin Performance Profiler) 可以测量您网站的插件性能并测量它们对页面加载时间的影响。

通过使用此插件,您可以轻松了解安装该插件后它将如何对您有用。

7.调整图像大小

允许浏览器在每次加载页面时将原始 1200 像素图像的大小调整为 600 像素,乘以所有帖子和页面的所有访问量,会产生很多根本没有必要的额外工作。 这确实会影响连接性较差且处理能力有限的移动设备。

调整图像大小

理想的做法是在将图像上传到服务器之前调整它们的大小。 而且,如果看起来工作量太大,还有一个内置的 WordPress 工具可以帮助您调整图像大小。 通过这样做,您将能够限制 Internet Explorer 等浏览器中的潜在错误。

8.压缩图像

调整图像大小后,下一步应该是再次压缩它们以减小文件大小。 这通常是一个被忽视的步骤,但优化您的图像可以快速加快页面加载时间,所以使用这个容易实现的目标来减少它们所需的空间和工作量。

有许多免费工具可用,例如compressor.io 或 TinyJPG,它们能够显着减小文件大小。

9. 使用 CDN 交付图像

CloudFare 和 MaxCDN 等流行的内容交付网络可以显着提高高度可视化网站的性能。 此外,使用 CDN 交付您的图像就像从靠近您网站访问者的远程服务器调用增援一样。 这实际上意味着它将尝试首先使用最近的一个,并最终减少将内容从服务器传递到用户的 Web 浏览器所需的大量时间和精力。

10. 外部托管

这是另一个重要的选择,可以将较大的文件(如音频和视频、图像)从您的服务器上移走,并使用 Wistia 或 Imgur 等外部托管平台来存储视频。 这一点至关重要,因为人们正在大量采用富媒体,而在 2017 年,几乎 70% 的网络流量将是视频。

正如我们已经看到图像大小的影响,音频和视频等更大的文件应该在外部托管。 外部托管服务提供商不仅可以解决您的性能问题,还可以提供额外的好处,例如提高受众范围、参与度和转化率。

结论

我们都知道,如果网站在 5 秒内没有加载,访问者就会离开您的网站。 这意味着,无论您利用何种最佳实践来获得这些转化,人们都不会停留足够长的时间来实际看到您的任何努力。

有一些基本的页面速度改进,例如删除不需要的插件和升级您的主机。 先进的技术包括缩小文件。 但有总比没有好。

在实施所有这些更改时,这可能是一个耗时的过程,但这是让您的目标网页有更好的机会将潜在客户转化为客户的最佳方式。