20.分钟剩余

这个句子大概要花你两秒钟的时间来阅读。这也是互联网用户平均期望页面加载的最长时间。

两秒钟可能看起来不太长。但是,当我们在浏览网页的时候,哪怕多一秒钟的等待时间也会让我们觉得很不方便。这也不是我们的错——随着时间的推移,我们已经习惯了高速的网速。我们最喜欢的网站花费大量的时间和资源来调整他们的网页加载,或者reybet雷竞技下载执行在技术上尽可能快。

为什么?因为页面速度影响一切,从用户体验到品牌认知,到转化率,再到收入。无论你是经营一个电子商务网站,一个商业网站,还是一个简单的博客,你的每一个页面都必须加载,加载时间真的可以成就或破坏你的在线业务。

为了达到理想的性能,必须在整个设计过程中考虑速度,并定期监控。然而,网站性能是一个令人迷惑的复杂话题,提高它需要专门的知识,什么使网站快或慢。

现在下载:免费HTML和CSS入门指南

在本指南中,我们将解开你需要知道的关于网站性能的一切。首先,我们将讨论什么是好的网页性能,以及为什么它是任何成功网站的关键。然后,我们将检查什么会影响网站性能,以及如何确保你的网站按照它应该的方式运行。

什么是网站性能?

网站性能衡量的是网站页面在浏览器中加载和显示的速度。网站性能优化是指通过各种方法来提高网站性能的做法——速度越快的网站性能越好。

良好的网站性能是任何成功网站的基石,因为它是所有访问者体验到的第一个事件。第一印象影响用户对一个网站、与其相关的业务或组织的感觉,以及他们是否会转换、购买或退出。

为何网站表现很重要

作为一个互联网用户,你已经经历了许多缓慢的网站。虽然这可能只是一个小烦恼,但糟糕表现的影响可能会影响整个企业。从用户满意度到公司的底线,其影响是深远的。raybet电子竞技让我们来谈谈你的网站所面临的速度基准,以及为什么它们如此重要。

用户体验

无论在线业务可能使用什么技术来提高性能,最终目标总是改进用户体验(UX)。所有的网站设计选择都应该培养积极的用户体验,速度也不例外。

用户体验影响你网站的方方面面。简单地说,如果你的网站很慢,你的访问者将会有一个糟糕的时间。如果你的访问者不高兴,你的在线业务也会不高兴。相反,一个高性能的网站将改善用户体验,给访问者留下积极的印象,并鼓励他们返回。

那么,多快才能获得良好的体验呢?

对于一个网站必须有多快,并没有明确的基准。从5秒到半秒,有很多数字被抛出,但最有影响力的观点可能来自谷歌。谷歌在2010年表示网页必须在两秒钟内完全加载积极的用户体验,这在今天仍然被广泛引用。

注意,两秒钟是最大-最快的网站可以在平均不到一秒的时间内加载内容。如果你感到恐慌,不要担心。只要花一点功夫,一到两秒钟几乎可以实现任何网站,当然对于基本的网站也是如此。

两秒钟是很快的,但不是随意的。当访问者参与到你的网站中时,他们希望感觉一切都在掌控之中。访问者希望你的网站能够尽可能快地提供他们所要求的内容。研究表明,用户平均可以等待大约两到三秒钟,然后才会感到心烦意乱,就像他们失去了控制。

随着时间的推移,我们已经习惯了卓越的网站性能。这让小型网站所有者处于不利地位:当有人第一次访问你的页面时,他们不会将其加载时间与同类网站的加载时间进行比较,而是将其与平均加载时间进行比较每一个他们看到的网站,包括有整个团队致力于性能优化的重量级网站。

好消息是,您不需要raybetapp一个大型团队来达到2秒门槛。有清晰的策略可以帮助你加快速度,很快我们就会了解到底是什么原因导致页面速度慢。

游客保留

网站设计的一个主要目标是在页面加载时就抓住访问者的兴趣。但是,如果你的网站一开始就加载缓慢,这一切都无关紧要——用户很容易在感到不耐烦时离开。Akamai科技公司的研究研究发现,加载时间多出2秒,页面跳出率就会增加一倍以上,53%的手机用户会放弃加载时间超过3秒的页面。

一方面,这是伟大的,我们可以自由地选择最好的网站,以满足我们的需要。另一方面,如果你是一个跳出率很高的人,那感觉就不太好了。为了留住访问者,特别是第一次访问的访问者,你的网站需要达到预期的性能。

转换和销售

有一个强大的链接网站性能,转换,和销售.这与你如何定义转化率无关——性能会影响访问者满意度,人们使用你的网站越开心,他们就越有可能下载内容,加入电子邮件列表,或完成购买。

理解这种关系是关键,因为它将你的网站性能与你的底线联系起来。速度上的微小差异可能意味着转换和反弹之间的差别:对于加载时间的每一秒,你的转换率可能会平均下降4.42%在最初的三秒钟内:

按加载时间的转化率图表

图片来源

正如营销人员所知,你失去的转化率是竞争对手获得的转化率——在这种情况下,竞争对手拥有更快的网站。所以我们更应该优先考虑速度。

品牌认知

想象一下,你发现了一家新餐馆,决定停下来吃午饭。当你到达时,你注意到前门坏了。没什么大不了的,他们很快就会修好的,你的想法。但是,当你下个星期回来的时候,门还是坏的。

当然,你会为小小的不便而烦恼。更糟糕的是,你可能会开始臆断这家餐厅——如果他们连前门都修不好,那他们做的食物的质量又有什么问题呢?

网站也是如此,但程度要大得多。一个速度明显慢的网站会引起损害你信誉和品牌形象的猜测。访问者会质疑你的能力、安全性和服务客户的能力。有些人甚至认为您的站点不安全或不合法。他们使用的其他网站都很快,为什么你的网站不能呢?

品牌认知是另一篇文章的主题.但是,可以肯定的是,在竞争激烈的在线领域,糟糕的认知会阻碍增长。

移动体验

智能手机正在缓慢但肯定地接管浏览体验。全球智能手机用户数量最近超过了30亿没有停止的迹象,移动互联网浏览和桌面浏览并驾齐驱。快速浏览你的分析可能会在你的网站上看到类似的故事。

智能手机的崛起或许是过去十年网页设计领域最大的巨变。这迫使公司重新设计他们的网站,许多公司现在选择了移动优先的设计方法重视小屏幕

然而,移动优先不仅仅是布局。移动设备的计算资源往往比标准的桌面电脑少,因此,网页的平均花费也就少了reybet雷竞技下载在手机上加载的时间比桌面上长87%

然而,这并不能成为糟糕表现的借口:如果该网站对手机不友好,一半的手机用户会减少对该网站的使用,即使他们喜欢这个行业。为了满足不断增长的用户群,你的手机网站必须针对较小的设备和较慢的连接建立轻量级网站。

搜索引擎优化

最后,网站性能会影响你在搜索结果中的位置。自2010年以来,谷歌一直在将页面速度考虑到排名算法中.在2018年,它手机页面也发布了同样的消息.这是搜索引擎奖励网站提供更好的用户体验的一种方式。

虽然页面速度目前不是最具决定性的排名因素(谷歌表示相关性的作用要大得多),但它仍可能影响网站在搜索结果中的位置,并影响流量、转化率和销售额。例如,如果谷歌认为您的网站和竞争对手的网站与查询同等相关,则两者中速度越快的排名可能越高。

什么影响网站性能?

对大多数人来说,网站在我们的浏览器中就像是一个单一的实体。但是,网站所有者知道还有更多的事情要做。

许多因素结合在一起形成了一个统一的网站,其中大多数都会以某种方式影响网站性能。以下是确定网页是快还是慢的主要组件,以及如何优化每个组件:

页面重

页面权重指的是一个网页的总大小,包含了它需要加载的所有资源(代码文件、图像、嵌入式等)。reybet雷竞技下载加载时间很大程度上取决于权重——基本上,你包含的文件越多,这些文件越大,浏览器渲染它需要做的工作就越多。

由于网站是如何建立的,许多减慢页面速度的东西都是基于前端,即用户在页面上看到的东西。把它从前谷歌性能工程师Steve Souders他写道,“80-90%的终端用户响应时间都花在了前端。”

瀑布图很好地说明了这一思想,它显示了每个资源完全加载所需的时间。如下图所示,前端内容是典型网页上的罪魁祸首:

瀑布图说明网站的表现时间

图片来源

解决方案似乎很简单-削减所有多余的资源,这样就有更少的负载。reybet雷竞技下载虽然这是可行的,但问题是前端技术变得太先进了。

对于您在页面上放置的每一个新元素,您都要增加加载其资源所需的时间。reybet雷竞技下载当网络专业人士被新的动态页面功能和体验所吸引时,加载时间就被忽略了。这就是为什么,令人惊讶的是,网站变得越来越慢尽管页面交付技术有所改进。

不要上当受骗——简单是性能和用户体验的关键,在你的设计中,你应该总是喜欢干净的布局而不是复杂的布局。但这并不是减少页面权重的唯一方法。

即使在简化了页面之后,也可能会因为文件大而导致性能停滞。这就是小型化的用武之地。缩小是指从文件中删除多余的字符,如某些空格、换行符和注释。这些信息有助于开发人员读取代码文件,但对处理它们的浏览器没有影响。在线工具可以缩小文件,WordPress用户可以利用速度插件自动缩小文件。

图片

你在网站上看到的大部分内容要么是文本,要么是图片。图像文件比纯文本HTML文件大得多,所以下载和在浏览器中呈现它们需要更长的时间。由此可见,高保真度的图像将会阻碍原本可观的加载时间。幸运的是,优化你的图像是一个简单的解决方案。

最重要的是,不要在你的网站上使用过多的图片。每个图像都是另一个要加载的资源,所以有意地选择您的。

接下来,调整你的照片到所需的维度,然后再上传它们。不要指望您的服务器或浏览器缩小它们,因为这需要额外的时间。最好在多个维度上上传相同的图像到服务器,而不是在网站的不同位置使用一张大图像。

最后,尽可能将图像文件格式限制为JPG、PNG、GIF和SVG,以保持文件较小。压缩图片也可以提高加载时间,但这是一个更加主观的过程——您希望您的图像文件足够小,以提高性能,但又足够大,以保持足够的质量。这将需要一些尝试和错误,但你会发现压缩到原始图像的75%左右产生了正确的平衡。

HTTP请求

每个网站都遵循超文本传输协议,即HTTP。HTTP规定一个网站要在浏览器中加载,浏览器必须首先向目标网站的主机服务器发送一个HTTP请求。然后,web服务器返回一个带有所请求资源的响应。

实际上,大多数网页都很复杂,需要多个HTTP请求才能完全呈现。一般来说,网页越复杂,需要的HTTP请求就越多。请求越多,页面就越慢。

减少HTTP请求可能需要一些时间,重新考虑您的站点,但这可能是值得的投资,以减少您的加载时间。简化页面将减少请求的资源数量,所以如果可以,就从这里开始。reybet雷竞技下载

另外,要警惕外部资源,从第三方服务器获取的资源。reybet雷竞技下载外部资源可以嵌入图reybet雷竞技下载像、视频和其他媒体,以及外部字体包、显示广告和附属链接和小部件——所有这些都需要额外的HTTP请求来分离服务器,可能会影响性能。

浏览器缓存

缓存是将数据存储在将来更容易获取的地方的过程。一个浏览器缓存将HTML文件和图像等网站数据暂时保存在用户的设备上。当用户返回缓存的网页时,浏览器从本地缓存加载这些文件,而不是从web服务器请求它们,节省了时间和带宽。

浏览器缓存是必须的内容是静态的网站较长时间(内容经常变化不应缓存)。如何启用缓存取决于您使用什么服务来构建和托管您的网站,但每个提供商都应该提供说明,并解释如何设置缓存内容的时间限制。

文件压缩

文件压缩有助于在web上快速传递文件。启用压缩功能的web服务器在发送请求文件之前会压缩文件(不会丢失信息)。当浏览器接收到压缩文件时,它将它们解压缩并正常呈现。

较小的文件发送和下载速度更快,因此压缩几乎总是有益的。今天,80%的网站使用压缩,特别是一种称为GZIP的压缩。了解如何在服务器上启用GZIP压缩

渲染阻塞CSS和JavaScript

Web浏览器逐个处理每个页面资源。有时这意味着文件的代码会阻止未来的资产快速加载——这被称为呈现阻塞代码。

呈现阻止代码通常是CSS或JavaScript,默认情况下,在页面内容的其余部分之前加载,即使折叠内容(即页面首次加载时第一次可见的内容)不需要此代码也可以。开发者可以删除或延迟呈现阻塞代码给人以更好的表现的印象。

举办

虽然大多数网页性能优化做法都是针对网站的前端,正确的网络主机是一个成功、高效的网站的基础。一个糟糕的服务器容易出现缺陷和性能问题,因此值得投资托管,以处理日益增长的流量和请求峰值。

共享主机的低成本可能是诱人的,但你知道你将与许多其他网站分割服务器资源-增加任何一个网站的活动都会影响你的性能。reybet雷竞技下载选择一个以上的共享主机计划将有助于保持您的页面在任何时候都是快速的。

地理位置

在所有这些技术语言中,很容易忘记服务器是位于世界某个地方的计算机。发出HTTP请求的设备和完成请求的服务器之间的距离越大,你的网站文件发送和加载所需的时间就越长。这就是为什么知道你的服务器是从哪里ping来的很重要——你的网站在华盛顿和东京的表现可能不同。

你可以用一个内容分发网络(CDN).CDN是分布在世界各地的服务器的集合,它们保存着你网站文件的缓存副本。当用户请求您的网站时,您的CDN将确定离他们物理位置最近的服务器,并从该服务器发送文件。

永久重定向

301重定向将用户从他们请求的页面发送到另一个页面。正如您所猜测的,重定向访问者所花费的时间会降低性能。一旦重定向到位,就没有什么办法了,所以最好尽量避免301s。

如何检查网站表现

网站性能优化的第一步是衡量你的网站当前运行的速度。最好的方法是对你的网页进行在线速度测试。

这些免费测试允许您粘贴任何网页的URL,并将返回页面性能的摘要。许多测试还会生成一个综合分数,量化页面的整体性能,并列出哪些领域对性能的快慢贡献最大,因此您可以查明网站上最突出的问题,并快速获得一些性能优势。

我们在下面列出了一些速度测试。当你选择一个时,请记住以下几点:

  • 每个工具计算你的表现分数都不同,所以坚持使用一个工具。通过不同工具查看结果可能会给人一种改进的错误印象。
  • 运行多个测试以模拟当您的网站被速度测试工具缓存和取消缓存时的性能。缓存网站的加载速度比未缓存网站快,所以如果您的网站在第一次测试中表现不佳,这可能就是原因。
  • 你的网站不需要一个完美的分数就可以被认为是高性能的——它甚至可能不可能,这取决于你的页面需要的资源。reybet雷竞技下载你的目标尽可能地接近完美。

网站平地机

网站评分提供了一个总分,满分为100,这封装了你的网站的有效性。评分因素包括性能、搜索引擎优化、移动体验和安全。

以谷歌的开源软件为动力灯塔工具,网站评分的性能评估占您的网站评分的30%,并检查关键贡献者,如页面大小,HTTP请求的数量,缓存,和图像大小。还有一个免费配套视频课raybet电子竞技程来帮助你提高成绩。

网站性能评估网站评分员截图

PageSpeed见解

谷歌的PageSpeed Insights工具是营销人员的另一个流行的测试选项,它可以评估你的网站在移动和桌面设备上的表现。它提供了从0到100的总分,并由Lighthouse提供支持——80分或以上的分数被认为是高性能的。

PageSpeed Insights非常严格,能够使网站在性能方面达到高标准。它还提供了一个详细但可访问的重要指标报告,以及机会(加快页面速度的建议)和其他可能有用的诊断。

网站性能评估谷歌PageSpeed Insights截图

图片来源

Pingdom

Pingdom是一个网站监控工具,也提供免费的网站速度测试。它的结果集中在您可以做出的改进以提高性能,并对每个组件进行字母评分,以提高或降低加载时间。它按文件类型和每个内容类型的HTTP请求数量分解传输大小

此外,Pingdom允许您从多个全局位置运行测试,以模拟站点在这些区域的执行情况。

网站性能评估截图

图片来源

GTmetrix

GTmetrix性能测试是另一个由lighthouse驱动的选项——它对性能进行了深入的总结,并给出了改进建议。它还包括一个有用的速度可视化(标记每个重要加载时间事件的屏幕截图时间轴)、内容瀑布、测试视频记录,以及用于跟踪随时间推移的改进的历史性能数据。

网站性能评估GTmetrix截图

图片来源

WebPageTest

WebPageTest是一个评估网络性能和安全性的开源测试工具。它在多个浏览器上运行性能测试,并允许您从多个全局位置进行测试。虽然WebPageTest不如其他工具直观,但它更适合网络专家,而不是那些寻求快速胜利或用户友好的简短总结的人。具体来说,它的性能分解是高度详细的,它的报告可能比其他工具的报告需要更长的时间来评估。

网站性能评估网页测试截图

图片来源

网站性能指标

在您的网站使用上述工具之一之后,您可能不熟悉用于衡量性能的一些术语。虽然速度是一个直观的概念,但性能并不能用一个值来概括——web开发人员可以使用多个指标来量化页面的实际“速度”。了解它们,您将更好地了解如何进行优化。

页面加载时间

页面加载时间是完全加载整个网页所需的时间。从用户请求网站的时间(例如在浏览器中输入URL或点击搜索结果页面上的链接)到页面上的最后一个资源被呈现的时间。当我们说网站应该在2 - 3秒内加载,这是我们引用的度量。

第一个字节的时间

到第一个字节的时间(TTFB)测量延迟您的web服务器。它是用户请求你的网站和你的网络服务器向用户的浏览器发送第一个信息之间的时间。

一个缓慢的TTFB表明你的web服务器有问题,这可以通过升级或改变你的服务器计划,或使用CDN来解决。但首先,你最好专注于前端的参数,比如……

开始渲染的时间

开始呈现时间是指在发送网站请求后,内容开始显示在页面上所花费的时间。它度量用户知道内容被加载之前所花费的时间。这可以通过屏幕上出现的任何视觉元素(如标题、文本块或背景)来表示。

这是一个重要的指标,因为它告诉用户他们的请求正在被处理,他们很快就会看到你的网站,这吸引了他们的注意力。开始渲染的时间通常需要一到两秒,但是表现最好的网站在一秒之内就达到了这个目标。

标题的时间

标题时间是网站标题出现在浏览器选项卡上所花费的时间,它告诉访问者你的网站正在加载。标题出现得越快越好。

互动的时间

另一个关键的网站性能指标,互动时间衡量的是从用户请求你的网站到他们可以开始与页面上的元素互动(如滚动或点击按钮)的时间。

这并不意味着页面已经完全加载——有些页面元素可能在其他元素变为交互后仍在加载。不过,如果用户可以与页面上方的内容进行交互,他们就会认为该页面已经可以使用了。

DNS查找时间

DNS解析时间是指DNS (Domain Name System)将用户输入的域名转换为IP地址所需的时间。为了从每个主机服务器检索资源,必须这样做。reybet雷竞技下载

DNS查找应该非常短,不超过150毫秒——任何更长的时间都会显著影响性能。DNS查找时间过长可能是由您的DNS提供商造成的,在这种情况下,您可以考虑付费DNS服务。这也可能是由于您的网页上的第三方资源的数量。reybet雷竞技下载例如,如果您的页面包含来自两个第三方资源的内容,那么DNS将需要将三个域(包括您自己的域)转换为IP地址,从而增加您的DNS总查reybet雷竞技下载找时间。

基于用户的指标

这些指标并不能直接衡量网站的性能,但可以作为很好的指标。如果你发现它们在减少,看看你的页面速度。

跳出率

一个页面的跳出率是指那些登陆页面,然后不点击任何东西就离开的人的百分比。如果页面加载缓慢,就会有更多的访问者不耐烦,不进行交互就离开。但是,请记住,高反弹率可以由很多原因造成的-你的页面可能加载良好,但未能捕获兴趣。

会议持续时间

会话持续时间(也称为“站点时间”)是另一个潜在的慢页面的标志。如果它倾斜得很低,这可能表明许多用户无法通过第一页加载。

转化率

转化率是指完成转化率的网站总访问者的百分比。如前所述,转化率与网站性能密切相关——快乐的访问者更有可能停留在你的网站上并完成一些想要的操作。与跳出率一样,有许多因素会影响你的转换率,但我们有必要研究一下性能是否是其中之一。

出错率

错误率是指短时间内返回错误码的HTTP请求在所有HTTP请求中所占的比例。高的错误率表明你的网络基础设施有问题,阻碍了资源的传递,减慢或拖延页面,并使访问者离开。reybet雷竞技下载

网站性能监控工具

在解决了当前任何突出的性能问题之后,建议您定期监控网站的性能。这意味着检查你的网站继续快速和一致地加载页面。

网站性能监控分为两种类型,真实用户监控和综合监控。真实用户监控,也称为被动监控或反应式监控,跟踪用户活动并详细记录您的网站对真实用户的表现。合成监视,也称为主动监视或主动监视,使用软件以常规间隔模拟真实的用户交互。这有助于在性能问题影响真正的访问者之前发现它们。雷竞技苹果下载官方版

实际用户监控和综合监控都需要专门的监控软件,并且存在一些基于云的解决方案来进行主动和被动的监控。雷竞技苹果下载官方版以下是一些突出的选择:

Pingdom

Pingdom是网站监控工具中的佼佼者,因其可靠性和当你的网站宕机或执行低于基准时及时发出警报而广受赞誉。该服务还提供了综合监控,以发现性能问题,并提供了一个用户友好的界面,允许任何经验水平的网站所有者在他们的网站上保持标签。

Pingdom其服务价格并将其计划分为合成的和真实的用户监控服务。综合监控从每月10美元开始,用于10次正常运行时间检查(即检查你的网站是否可用)和一次高级页面速度检查。真正的用户监控从每月10美元起,可以获得10万页的浏览量。

网站性能评估截图

图片来源

处于

Uptrends是另一种流行的监控工具,包括主动和被动网站监控的解决方案。它允许您在长达一分钟的时间间隔内从全球224个地点自动化性能测试,它的可视化报告非常直观,视觉上引人入胜。如果你想要一个工具在一个简单的界面中显示你需要知道的一切,尝试一个演示。

处于价格跨越五个层次,从入门计划(每月15.47美元)和商业计划(每月37.06美元)到专业计划(每月216.65美元)。每个计划的功能差别很大,允许您选择一个最适合的计划,并在网站扩展时切换计划。

网站性能评估上升趋势截图

图片来源

Site24x7

Site24x7为网站监控以及服务器监控、应用程序性能监控等提供了一套全面的工具。您可以利用其超过100个监控位置的全球网络来模拟网页交互,并跟踪网站的性能和正常运行时间。Site24x7还可以进行安全审计和API监控——这需要大量的参与,这可能会让新用户觉得这一强大的选项势不可挡

计划从每月9美元到每月89美元不等,增加了允许的网站和综合测试和页面浏览量。还有一个企业计划和30天的免费试用。

网站性能评估截图Site24x7

图片来源

TeamViewer

TeamViewer远程管理工具(以前称为Montis)是我们的最终建议。它以页面性能为中心-您可以从30多个全局位置检查页面速度,并为每次检查生成可视化报告。性能检查可以设置为按您所需的频率运行,如果性能下降到设置的阈值以下,您还可以编写警报程序。一个缺点是用户界面没有竞争对手那么引人注目。

a的价格TeamViewer订阅基于被跟踪的url数量的度量——例如,10个url是18.55美元/月,而100个url是153美元/月。

TeamViewer网站性能评估的截图

图片来源

提高网站速度

每个网站都根据自己的目标、行业和受众采取不同的设计方法。然而,良好的网站性能对所有网站来说都是必须的,无论是细分市场、服务还是内容。

缓慢的加载时间不仅会让你的用户感到烦恼,还会影响你的用户对你的品牌的看法,以及他们购买你的产品并将你推荐给朋友的可能性。慢速网站对搜索引擎优化和移动流量也不利。而且,如果你的页面表现不佳,每个访问者都会受到影响。

总而言之,网站性能优化不仅仅是让事情变得更快——它是关于加强你的整个在线表现和创建一个访问者信任的网站。虽然主要的性能提升可能不会在一夜之间发生,但数据显示,几秒钟的时间就会产生所有的影响。

新的行动呼吁

css的介绍

最初发布于2021年1月12日上午7:00:00,更新于2021年1月12日

主题:

网站性能