联合创智
上市公司品牌战略 & 品牌设计

联合创智
所在位置: 首页 > 新闻 > > 网站速度优化快速指南

网站速度优化快速指南

2023-02-25

此文是西宁包装设计公司关于设计公司如果推广和营销企业的分享,西宁包装设计公司旨在想让更多的设计公司提高设计业务能力!


注:配图为UCI设计公司作品


西宁包装设计公司转发原文直译:

欢迎来到网站速度优化的奇妙世界!很有可能,你来这里不是出于无聊的好奇,因为优化你的网站速度肯定不是大多数人为了好玩而做的事情。

相反,你可能遇到了网站的问题…你希望通过优化网站速度来解决这个问题。

可能你的跳出率高。也许你的网络营销效果很差。也许你的朋友(或者更糟糕的是,一个客户)给你发了一条短信说,"我试着查看你的网站,但它花了很长时间才加载。"

不管你为什么在这里读这篇文章,你来对地方了。在这篇文章中,我们将讨论你可以做些什么来评估和提高你的网站的速度——而不需要雇佣一个开发者来仔细检查你的网站。

为什么网站速度很重要?

如今,我们都期待即时的满足。我们希望食物能快速准备好,食品杂货(以及几乎所有其他东西)能送到我们家门口,包裹能在两天内(或更短时间内)送到……网页能在不到一秒的时间内加载。

事实上,根据谷歌的说法,简单地将页面的加载时间从一秒增加到3秒可以提高32%的跳出率。而那只是2秒钟的差别!在10秒的加载时间内,跳出率上升了123%。

由于谷歌的目标是将人们与他们正在寻找的网页和网站联系起来,他们非常重视提高跳出率的东西。毕竟,跳出率高说明用户体验差。由于谷歌不想让人们去令人沮丧的劣质网站,加载速度慢的网站会被谷歌的算法降格。

无论是有机搜索结果还是付费搜索结果都是如此。

所以,如果你想提高搜索引擎优化性能、扫描电镜性能或者只是你的整体用户体验,提高你的网站速度是一个很好的开始。

什么是网站速度?

有很多不同的方法来评估网站速度,但最重要的是用户体验:在你的用户感觉你的页面被加载之前需要多长时间?

这实际上是一个重要的问题,因为在你的用户认为页面已经加载完毕之后很久,许多页面还在继续加载元素(广告、脚本、跟踪代码等)。这就是为什么谷歌报告说,平均移动登录页面需要22秒才能"完全加载",但我们大多数人很少遇到一个页面实际上需要这么长时间才能出现。

你的用户关心的是感知的加载时间。这与您的满载时间非常不同。

所以,抛开谷歌的"22秒"这个数字,一个页面的正常加载时间是多少?根据度量标准,平均感知负载速度约为8.66秒。

以下是不同行业和国家的数据分类:

这些数字都是基于移动登录页面的,但是由于超过50%的网流量是移动的(并且页面在移动设备上的加载速度往往比桌面慢),所以在本文中,我们将重点关注移动设备的加载时间。

现在,所有这些数字都远低于谷歌报告的22秒。这是个好现象,但有个问题。

回到谷歌对网站速度的研究,谷歌报告称,如果加载时间超过3秒,53%的人会离开移动页面。

您在图表上看到任何低于3秒的感知加载时间了吗?我也不知道。

这对你来说是个好消息。标准真的没有定得那么高。由于大多数网站在移动设备上加载缓慢,缓慢的加载时间会导致糟糕的营销业绩,如果你能把大多数页面的加载时间降低到3秒以内,那么你就有机会在竞争中脱颖而出。

你目前的网站速度是多少?

在这一点上,你可能想知道你的网站速度到底是多少。你如何衡量?

嗯,有几种方法可以检查这个。

首先是拿出手机,使用秒表应用。在一个新的私人浏览器标签上打开你的页面,并记录页面加载的时间。

这有利于检查你的实际用户体验,但它可能并不总是测量网站速度的最准确的方法。根据您的网速和各种其他因素,您的页面加载速度可能会快于(或慢于)大多数客户。

不过,如果你正在寻找一个好的直觉,这是一个不错的开始。例如,我比较了几十个网站,注意到某些平台——如Shopify——在优化感知加载时间方面做得很好。它们的完整加载时间可能并不是很长,但是从用户的角度来看,这并不重要。

另一种更官方的检查加载时间的方法是使用网站速度测试工具。这些工具使用特定国家的特定服务器加载您的页面,并使用这些数据来评估您网站的速度。它们也为你提供了更多的信息,比如关于你的页面上哪些元素减慢了速度的细节。

有很多网站速度工具,但这里有几个我最喜欢的:

1.谷歌的页面速度洞察

老实说,虽然我认识的许多技术人员都对PageSpeed洞察有所抱怨,但对于快速、直接的分析来说,谷歌的PageSpeed洞察是一个很好的资源。

举个简单的例子,让我们使用我的个人自由职业网站。就在我建立它之后,我拍了一些我的PageSpeed洞察结果的截图,它们会让你很好地感受到你可以从谷歌的工具中获得的那种信息。

首先,谷歌向你展示了你的网站与谷歌见过的其他网站的比较:

总而言之,还不算太寒酸。不是世界上最快的网站,但也不可怕。

好消息是,谷歌给了你很多关于网站加载速度的信息,以及你可以做些什么来改善这些信息:

这些建议中有许多是给开发人员的相当技术性的建议,但是其中一些您可能可以自己处理。我们一会儿会谈到这些。

2.GTMetrix

公制单位是寻找洞察力的另一个好地方。在许多方面,这些信息比你从谷歌页面速度洞察上获得的信息更容易接近,所以它通常是我的第二大资源。

为了向你展示它是如何工作的,让我们来看看我最近为一家名为新世界维京的公司建立的网站:

在这里,你可以看到网站的状态非常好。它在1.4秒内加载,页面速度得分为95%。他们能改进一些东西吗?当然,但是和大多数网站相比,这个网站真的很快。

关于GTMetrix的伟大之处在于,它还包括您的YSlow分数,该分数使用雅虎!的网页性能标准,给你一个网站速度的替代措施。没人用雅虎!但是如果你正在寻找提高网站速度的方法,有另一套标准可以参考是很好的。

在这里,你可以看到有一些额外的方法来提高网站速度,但大多数都是相当技术性的。同样,我们将探讨如何自行改进您的网站,但如果您身边有开发人员,您可能希望请他们看一下您的GTMetrix得分,并向您提供他们的意见。

3.Pingdom

最后,为了真正深入、持续地分析你的网站,你可能想试试乒坛.除了帮助你评估你的网站的速度,Pingdom还会随着时间的推移监控你的页面速度。

当然,你必须为他们的页面监控服务付费,但是从14.95美元起,这并不算贵。

也就是说,如果你不是很懂技术,又没有现成的渠道可以联系到懂技术的人,那么Pingdom可能比你需要的更多。这完全取决于你,你的资源和你的网站的需求。

如何提高你的网站速度

既然我们已经讨论了你的网站速度如何影响你的在线营销表现,以及一些你可以用来检查你的加载时间的工具,让我们来看看一些简单的方法来提高你的网站速度。

最大化你的网站速度是一个巨大的话题,需要大量的技术知识。这可能超出了您自己想要解决的问题,但是您可以做几件简单的事情来提高性能,而无需雇用开发人员。让我们来看看。

缩小图像尺寸

不幸的是,图像是一把双刃剑。虽然高质量的图像是创建一个引人注目的网站的重要组成部分,但它们也会大大降低你的加载时间。

请记住,大多数人只能忍受2-3秒的页面加载时间,所以如果这些漂亮的图片不能快速加载,它们可能会扼杀潜在的销售,而不是帮助他们!

根据一般经验,大多数图像应该小于100千字节.

但这带来了一个问题。大多数高质量照片都比100 kb大得多,因此您可能需要调整它们的大小。幸运的是,如果你知道自己在做什么,那其实相当容易。

例如,要在用计算机修改(图片或照片)中调整照片的大小,请在用计算机修改(图片或照片)中打开图像,然后单击文件导出存储为网格式:

然后,您可以尝试各种设置,直到找到文件大小和图像质量之间的平衡点(颜色编码以匹配它们在下图中的显示位置):

质量。数字越小=图像质量越低,文件越小。

文件格式。文件大小方面,JPEG GIF PNG .但是,同样的规则也适用于图像质量。

优化。选中该框会告诉用计算机修改(图片或照片)优化您的图像以供网使用(减小图像大小)。

颜色。颜色越少=图像质量越低,文件越小。

图像大小。允许您选择图像中的实际像素数。像素越少=图像越小,文件越小。请记住,如果您保存的图像尺寸小于页面上显示的尺寸,您的图像可能会被拉伸以适应页面,从而导致严重的像素化和/或图像失真。

您可以在窗口的左下角看到文件大小。当您更改导出设置时,此数字以及最终图像的预览将会更新。

用计算机修改(图片或照片)的"存储为网格式"工具使得平衡图像质量和文件大小变得相当容易。这样,你就可以确保你的图片真正销售你的产品,而不影响加载速度。

如果用计算机修改(图片或照片)超出你的价格范围,试试金帕.它是免费的,GIMP有一个工具可以做和用计算机修改(图片或照片)的"保存为网页格式"工具一样的基本工作。

老实说,在你自己能做的所有网站速度优化中,优化你的图片将对你的网站速度产生最大的影响。服务器显示页面所需处理的千字节(kb)数据越少,加载速度就越快。

清理你的插件

说到插件…当涉及到网站速度时,它们并不都是有用的。虽然插件是修改你的网站并使其独一无二的好方法,但是它们会给你的主题添加额外的非本地代码。这些代码可能会导致网站加载速度变慢。

在运行他们的网站时,商家添加各种插件。但是,随着时间的推移,很多插件都半途而废了。他们不再被需要,但是他们仍然在系统中——活跃,但是无用。

其实比没用还糟。

如前所述,这些插件会加重你网站的负担。如果你真的从插件中获得了价值,这没什么大不了的,但是如果它不是你需要的插件,把它留在你的网站上会减慢你的加载时间。

解决办法?仔细检查你的插件,删除任何你不真正需要的插件。如果你以后需要它,那么重新安装它——不要让它影响你的加载时间。

缩小半铸钢钢性铸铁(Cast Semi-Steel)

每个网站都使用层叠样式表(CSS)来管理网站的外观和风格。虽然大多数网站平台和建设者提供了一个用户友好的界面,自动调整您的网站代码,以符合您的喜好,CSS总是在后台做繁重的工作。

不幸的是,如果用来创建网站的后台半铸钢钢性铸铁(Cast Semi-Steel)设计得不好,它真的会降低网站的速度。为了加载你的站点,浏览器读取并解释你的CSS .所以,你的半铸钢钢性铸铁(Cast Semi-Steel)越复杂,浏览器就要花越长的时间来判断它实际上应该显示什么。

好消息是,这是一个很常见的问题,有各种各样的插件可以用来"缩小"(也就是优化)你的CSS .它不是免费的,但是如果你使用WP火箭是一个不错的选择。

例如,在用WP火箭缩小我的半铸钢钢性铸铁(Cast Semi-Steel)后,我在谷歌页面速度洞察上的排名发生了变化:

加载速度上15点的差异是不可忽视的——尤其是设置它只需要5分钟WP火箭。花费了一点钱(49.95美元),但它非常容易使用,迄今为止我已经有了很好的体验。

结论

优化网站速度可能不是你今年做的最令人兴奋的事情,但它会对你的在线营销的成功产生很大的影响。你的网站体验会更有吸引力——对你的潜在客户来说。这意味着更多的流量,转换和销售。

虽然您的站点可能需要比我们在这里介绍的更多的调整,但是这篇文章是一个很好的起点。了解加载速度的基本原理以及如何控制加载速度将会在未来几年提高你的网站的性能。

你的网站速度怎么样?你觉得这些内容有帮助吗?有什么问题我们可以回答吗?请在下面的评论中留下你的想法!

亚丁安德鲁斯作者

在他的职业生涯中,亚丁开发并销售了价值数百万美元的成功产品。他晚上睡不着觉,琢磨新的营销策略,并不断升级颠覆性的内部营销游戏。他喜欢穿着中世纪的盔甲写作、跳舞和破坏电脑显示器。


注:配图为UCI设计公司作品


西宁包装设计公司

通过西宁包装设计公司的精彩分享,设计师更轻松快捷地掌握西宁包装设计公司分享的营销与设计知识,帮助北京vi设计公司更好地服务好客户 。

声明:本文“ 网站速度优化快速指南 ”信息内容来源于网络,文章版权和文责属于原作者,不代表本站立场。如图文有侵权、虚假或错误信息,请您联系我们,我们将立即删除或更正。
做品牌直接找总监谈
总监一对一免费咨询与评估
点击咨询总监
相关案例
RELATED CASES
做品牌直接找总监谈
总监微信

总监微信咨询 舒先生

业务咨询 舒先生

业务咨询 付小姐