当它comes to your site's performance, page speed is of the utmost importance.

但是,除非您了解该指标的工作原理 - 更具体地说,更具体地说是影响它的因素,您可能会发现很难改进。

减少你的bounce rateand increase visitor engagement, it's essential that your web pages load quickly and seamlessly.

A优化速度的网站不仅可以增强用户体验(UX),而且还可以帮助提高搜索引擎排名。

In this article, we'll explain what page speed is, why it's important, and how to measure it. Then we'll provide you with nine quick solutions you can use to improve page loading speed.

让我们开始吧!

→免费下载:建立和维护高性能网站的5个关键步骤

What is page speed?

简而言之,页面速度是指某人访问网站上的页面时的内容加载的速度。不要与网站速度混淆,页面速度代表特定页面的加载时间。

有多种因素会影响页面速度。一些最重要的包括:

  • 页面上包含多少图像,视频和其他媒体文件
  • 网站上安装了什么主题和插件
  • 您的网站(以及特定页面的)编码和服务器端脚本

所有这些元素都会影响您的页面加载速度并依次影响您的网站UX。毕竟,游客不喜欢缓慢的页面and are more likely to click away from them.

为什么页面速度很重要?

当它comes to page loading speed, every second counts. In fact, Google research shows that when loading times increase from one to three seconds, the probability of a bounce (the visitor leaving right away)增加32%

如果页面需要五秒钟的加载,则反弹的概率上升了90%:

图像源

换句话说,如果您的页面在几秒钟内没有加载,它会大大增加访问者离开您的网站的机会。此外,如果您的网页迟钝,则可能会损害您推动参与度和转化的能力。

Page speed also plays a pivotal role in搜索引擎优化(SEO)。在决定如何对网页进行排名时,Google考虑了各种各样的因素。

然而,速度是重要的排名信号用于桌面和移动搜索。

页面速度重要的另一个原因是因为它可以影响消费者对您品牌的看法。如果您的网页花费太长时间或在此过程中出现任何问题,则可能会使您看起来不专业,并且您的网站不可靠。

因此,如果您想运行一个高效的网站,则有必要专注于优化页面速度。这样做的第一步是弄清楚您的页面当前的性能。

如何测量页面速度

在对网站进行任何更改之前,您需要评估网页的性能。您可以使用多种工具测试和测量页面速度。两个流行的解决方案是pingdom网站速度测试andGTMetrix,这都是初学者友好的选择。

但是,我们建议从Google PagesPeed Insights。这是一个易于使用的工具,可让您在台式机和移动设备上测量和测试网页的速度。

Plus, as a Google-supported tool, it can help you make sure you're hitting the performance benchmarks required for high search result placements.

要使用PagesPeed Insights,只需输入要测试的网页的URL,然后选择分析按钮:

Google PagesPeed Insights。

然后,PagesPeed Insights将分析页面上的内容,并以0到100的比例分析。您将在分数低下,您会在提高页面加载速度的方式上找到建议的列表:

提高性能的建议。

值得注意的是,您将获得单独的分数和网站桌面和移动版本的建议列表。

此信息为您提供了一个可靠的起点,可以测量网页的速度,并提供切实的动作以提高页面加载速度。

9的方法来提高页面加载速度快

现在,您了解了页面速度的重要性以及如何测试网站的性能,现在该努力改进此关键指标了。

考虑到这一点,让我们看一下九种简单的方法来使您的页面加快速度更快。

1.选择一个优化性能的托管解决方案。

您使用的托管提供商在网站的管理和性能中扮演着重要角色。其中包括其页面速度。

您可以犯的最严重的错误之一就是为了获得较低的月票价而定居平庸。

便宜的托管通常转化为性能差。这可能意味着在超载服务器上的多个网站之间bob体育苹果系统下载安装共享资源,这最终可能会阻止您的页面加载时间。

另一方面,有少数performance-focused hosting solutions您可以使用为速度设计的功能强大的平台。通常,这些提供商不提供共享的托管,这意味着您永远不必担心其他网站会耗尽潜在资源池。bob体育苹果系统下载安装

2.压缩和优化图像。

图像有助于增强网页的外观并提高内容的质量。但是,大图像也可以延迟加载时间。

因此,提高页面加载速度的最简单方法之一是压缩和优化图像。这可以包括更改其文件格式,启用懒惰加载以及通过有损或无损压缩来压缩图像。

通过减少图像的文件大小,您可以减少其“重量”,最终帮助您的页面加载更快。您可以为此目的使用多种图像优化插件,例如WP Smush

安装和激活此插件后,它将自动调整并压缩图像大小,而不会影响其质量。它包括用于无损压缩,懒惰加载甚至优化图像的功能。

如果您不使用WordPress作为您的CMS,您可能想尝试tinypng.comorAttrock,可以将您的图像尺寸从25%降低到80%,以及一个免费的网站应用程序Squoosh

3.减少重定向。

网站上的重定向太多会损害加载时间。每次页面重定向到其他地方,它延长了HTTP请求和响应过程。

当然,在某些情况下可能需要重定向,例如当您转向新域时。但是,消除网站上不必要的重定向可能会导致页面加载时间明显降低。

有几种不同的方法减少WordPress中的重定向。One is to avoid creating unnecessary ones when building internal links and menus. Another is making sure your顶级域(TLD)最大一个重定向解决。

如果您需要帮助确定网站上错误设置的重定向,则可以使用Patrick Sexton重定向映射器工具

Patrick Sexton重定向映射器工具。

这将发现任何重复的重定向。您也可以使用诸如尖叫的青蛙确定您的网站上的所有重定向以及它们导致的位置。这应该使识别未达到目的的重定向更加容易。然后,您可以通过网站删除不需要的内容.htaccessfile.

4.缓存您的网页。

缓存是加快网页的最有效方法之一。缓存存储您网站文件的副本,最大程度地减少服务器生成并将网页提供给访问者浏览器所需的工作。

缓存您的网页可以帮助您降低第一个字节的时间(TTFB),通过要求服务器使用更少的资源来加载页面。bob体育苹果系统下载安装

有多种缓存网页的方法。您可以在服务器级别执行此操作,这意味着您的主机为您处理。

另一个选择是使用缓存插件例如W3总缓存,,,,这是一个免费的WordPress插件,可以使您的网页快速轻松地缓存。安装并激活它后,只需导航到常规设置>页缓存and select the使能够option.

5.启用浏览器缓存。

浏览器缓存是您可以利用缓存的另一种形式,以提高页面加载速度。该技术使浏览器能够存储各种信息,包括样式表,图像和JavaScript文件,因此每次用户访问它时都不必重新加载整个页面。

与W3总缓存类似,WP Rocket是您可以在WordPress站点上使用的功能强大的缓存插件。它采用页面缓存和缓存预加载来优化页面的速度,并创建闪电加载时间。WP Rocket是一个高级插件,有多种定价计划从中选择。

6.在CSS和JavaScript文件中使用异步和延期加载。

您的网站由CSS和JavaScript文件组成。这些脚本可以同步或异步加载。

同步表示文件一次加载一个,以显示在您网页上的顺序。

With this method, when the browser encounters a script, it will stop loading other elements on the page until that file has been fully loaded first.

反过来,异步加载启用多个文件可以同时加载,这可以加快页面的性能。设置涉及消除渲染阻滞资源bob体育苹果系统下载安装

如果您使用的是WordPress,则可以使用自动化和异步JavaScript插件的组合来轻松处理此任务。

7.缩小CSS,JavaScript和HTML。

优化文件加载的方式可以帮助提高页面加载速度。同样,可以缩小您的CSS,JavaScript和HTML代码。这意味着要删除不必要的空间,字符,注释和其他不需要的元素,以减少文件的大小。

Decreasing your files' sizes also makes it easier to combine them. The result is cleaner code, and leaner web pages that load faster.

Of course, combing through every line of code for each of your site's files isn't exactly efficient.

相反,您可以使用免费插件来缩小CSS,JavaScript和HTML:自动化反而。这个流行的插件使得易于汇总和缩小您的脚本和样式:

自动化WordPress插件的设置。

考虑到其提供的各种功能和设置,一开始配置此插件可能会有些不知所措。为了使您的工作更轻松,请随时查看本指南如何自动设置在您的网站上。

8.利用内容输送网络(CDN)。

AContent Delivery Network (CDN),也称为“内容分销网络”,是一个可以帮助提高页面加载速度的服务器网络。它通过托管和传递网站静态内容的副本从全球的服务器托管和传递副本来做到这一点。

CDN与您的主机一起使用而不是代替您的主机。除了托管主要网站的服务器外,您还可以利用CDN在战略选择的数据中心之间分发网站文件的副本。

这可以最大化性能,通过减少距离数据请求必须在浏览器和主机服务器之间旅行。通过从靠近每个访问者的服务器上加载网页的内容,CDN有助于减少网络延迟并产生较低的TTFB。

你有一个各种CDN选项可供选择,其中之一是选择提供CDN的主机您可以直接从自己的仪表板启用它。

9.消除不必要的插件。

并非所有插件都是相等的。网站上的插件太多会导致不必要的膨胀使其减慢。

此外,已经过时或无法维护良好的插件可以摆姿势安全威胁,,,,and even introduce compatibility issues that hamper performance.

因此,将您在WordPress网站上使用的插件数量最小化是一个明智的想法。当然,最简单的方法之一是禁用和删除任何插件您目前不使用。

我们还建议您查看您已安装的插件,以评估它们是否确实需要。可能有一些工具具有重叠的功能和功能,而另一些工具根本不再与您的需求相关。

最后,某些插件可能比其他插件降低了您的网站。要识别降低页面速度的任何插件,您可以尝试单独测试它们。

首先,停用所有插件(在登台站点上最安全):

停用WordPress插件。

然后将它们一个接一个地重新打开。每次激活插件时,都会使用速度测试工具(例如PagesPeed Insights)来查看您的分数和时间是否受到影响。

许多插件可能会将您的页面速度提高到少量。但是,如果您看到突然的大幅增长,可能是时候找到具有相同目的的替代工具(但可以更好地优化)。

最终,降低页面加载速度不仅可以改善网站的整体性能和UXSEO as well。幸运的是,您可以使用多种方法来减少加载时间。

除了利用CDN和缓存页面之外,您还可以使用插件来优化图像,推迟加载脚本并缩小网站的文件。

用一个优化性能的托管解决方案can also have a major influence on your site's speed.

不过,请记住 - 您的网页每秒都会大幅度增加访问者将离开的机会。您可以在失去潜在客户的同时经营业务多长时间?

Canva HubSpot Website Ebook

点击我

最初发布于2020年10月15日1:00:00 PM,更新于5月25日2021年

主题:

网站性能