关于如何提高页面速度的10条提示
如果似乎互联网浏览速度变得缓慢,您并不孤单。 当今的网站变得越来越混乱,加载速度也越来越慢,这是一个大问题。 对于用户而言,这是一个问题,对于网页所有者而言,这也是一个问题。
网站应尽可能快地加载。 如果同样,您自己的页面下载和显示速度变慢,则可能需要进行一轮修订以再次优化它。 但是,首先让我们看一下为什么这个问题需要迅速解决。
速度至关重要:三要素
这里有几个相互关联的问题,这些问题都与缓慢加载页面或占用大量带宽的页面有关。 这些是一些亮点:
1)数据上限
截至2015年中,官方的移动网络搜索数量比台式机更多。 尽管大多数家庭互联网连接具有(几乎)无限的带宽,但对于使用3G / 4G连接的移动设备而言,情况并非如此。 占用大量带宽的站点,尤其是利用自动播放视频或音频的站点,实际上可能会浪费每位访问者的钱。
这样,移动用户非常了解他们的带宽上限,并将积极避免他们知道是数据浪费的页面。
2)放弃用户
根据KissMetrics的专家所说,网站的最佳加载时间约为3秒。 为什么? 因为在那之后,用户将很快开始放弃该页面。
即使页面加载延迟了1秒,在线零售商也会损失大约7%的销售额,当然,随着秒数的流逝,这些损失会越来越严重。
在线用户的注意力跨度很短,对即时满足的渴望很高。 在线上有数十亿个页面,如果他们无法加载站点A,他们将几乎立即开始查看站点B或C。
3)SEO和UX问题
Google在这里也扮演着角色。 早在2010年,他们就担心页面速度的提高。 因此,他们开始将加载时间纳入网站的用户体验(UX)评估中,从而对加载时间过长的网站进行惩罚。
因此,除了使客户烦恼并将他们赶走之外,过多的页面加载速度最终还会损害搜索排名的替代。 Google将优先选择快速加载的低带宽页面,尤其是在移动领域。
另外,从最基本的角度来说:平滑,快速加载的页面将在竞争中脱颖而出。 这是网站设计的各个方面之一,对于用户而言非常引人注目,并且他们会迅速认识到哪些页面绝对值得使用。
新的维珍美国航空旅行预订网站就是一个很好的例子。 经过改版的网站现在允许客户预订航班的速度是以前网站的两倍。
在新近重新设计的网站上,他们删除了所有常规的度假广告,信用卡促销和租车优惠。
页面优化中关注速度的10种方法
好消息是,有很多方法可以优化网站的速度,并且大多数方法不需要花费很多时间或金钱。 即使这样做了,考虑到这正在成为一个问题,回报仍然值得付出努力。 平滑,快速加载的页面将大大提高您的吸引力。
我们将跳过一些明显的建议,例如利用较小的图像或不部署自动播放音频或视频。 这些大多数都是“后端”解决方案,从长远来看,它们将做得更好。
1)启用Gzip压缩
这是一项功能强大且使用率极低的功能,几乎所有主要的服务器和Web主机(甚至WordPress )都支持该功能,并且主要的用户端浏览器也支持该功能。
简而言之,您的服务器/主机将自动向用户提供Gzip压缩文件,这些文件通常约为未压缩文件大小的30% 。 然后,这些内容将被浏览器无缝解码。 解压缩文件所花费的额外时间微不足道,而节省的数据远远超过了这些花费。
如果不确定是否已启用此功能,请转到此处快速测试您的网站。 他们还提供了在大多数主要平台上启用Gzip的出色指南。
2)索引数据库
这对于可能具有数百个甚至数千个带有相关图形的单个页面的电子商务站点特别有效。 链接几乎可以肯定地存储在中央数据库中,但是随着内容**的增长,该数据库的访问时间也将越来越大以匹配。
只需在数据库上定期运行索引函数,将大大减少服务器查找并返回适当项目所需的时间。 这很容易占用一个页面,该页面需要5到10秒钟才能加载到1秒或更短的时间。
3)懒加载您的图像
您是否有一个网站使用大量高分辨率或高细节图像,并且在不破坏图像的情况下无法对其进行大量压缩? 延迟加载可能是答案。
简而言之,这意味着该网页不会预加载每个图像,而是要等到用户(几乎)看着它们为止。
因此,它不会减少数据使用量,但可以大大简化初始加载时间。
有一些不错的且相对容易实现的Javascript可以解决这个问题。 我们建议beLazy.js或Echo.js,它们都是低开销且非常小的(<1.5kb)。
十大最佳页面调速工具
- 全面的页面速度工具列表,可提供更好的用户体验。
- 确定影响者推荐的十大页面速度工具
- 这些简单的工具可让您的访客在您的网站上停留更长的时间
- 找到每种工具的更多好处,以降低跳出率。
十大最佳页面调速工具
4)创建多个不同分辨率的图形文件
许多网站喜欢利用单个图形文件,然后让HTML代码自动调整图像大小以适合用户页面。 这对于Web设计人员来说比较容易,对他们来说空间利用率更高,但是对于加载时间和带宽使用来说却很糟糕。
整个文件都必须下载,另外还有额外的处理时间,同时网页会计算出用户的屏幕尺寸并缩放图像以使其匹配。
在后端需要花费更多的工作和空间,但是以不同的预设分辨率拥有相同文件的多个版本将大大减少用户方面的时间和精力。
5)尽量减少使用跟踪代码和嵌入社交共享
是的,我们可以听到您的数据团队的头脑突然冒出来。 但是,简单的事实是,依赖外部网站/服务器的每个跟踪代码和每个社交嵌入都将大大增加加载时间。 在较旧的浏览器和低端手机上,这可能是个问题,导致速度变慢。
如果您使用多个***,请讨论将其合并为一个***。 就社交共享而言…当然,有十二个不同的按钮很好,但是实际上有多少人单击它们?
专注于您拥有最多份额的2-4个社交网络,而不是希望那个流浪的Tumblr用户出现。 高速点击不值得一小撮点击。
6)利用浏览器端缓存
浏览器缓存几乎与万维网一样古老,但是直到最近,功能才受到限制。 一个页面可以在本地浏览器上存储一些常见的图形元素,以减少对内容的重新访问,但仅此而已。
但是,HTML5大大扩展了本地缓存选项。 本地存储使您可以在下载大量网站后存储它们,从而简化浏览。
有关更多高级页面,请查看“应用程序缓存”。 这允许功能齐全的Web应用程序从用户的浏览器缓存中远程/脱机工作,而无需服务器中的不断更新。
7)尽可能避免重定向
如果每次用户单击您网站上的链接时都有一个时钟在运行,则重定向,甚至是301也会重置该时钟。 在另一种情况下,为了加快速度而牺牲一点SEO /点击率是合理的。
尽可能使用尽可能多的直接链接,而不是强迫浏览器遍历多个重定向,这只会减慢用户体验。
8)在服务器上启用保持活动状态
简而言之,“保持活动”功能意味着网页建立了一个永久的TCP / HTTP连接,该连接在网页传输期间一直持续。 如果没有Keep-Alive,它将不断删除和重新授权每个文件的连接,从而极大地增加了上传时间和处理器开销。
现在,大多数服务器默认情况下都启用了保持活动状态,但这不能保证。 一些精打细算的Web主机默认情况下会禁用它,因为这样做可以为他们节省点钱。 检查是否启用了“保持活动”,如果未启用,则将其打开。
9)从Google获得帮助
如果您有其他想法,Google可能会提供帮助。 为了保持对速度和可用性的关注,他们现在拥有免费的PageSpeed Insights工具。 这将分析页面并指出特定的瓶颈和其他问题区域,然后提供修复建议。
10)如果其他所有方法均失败,请考虑使用内容分发网络
它们实施起来可能会很昂贵,因此这并不是每个人的选择。 但是,诸如Amazon Cloudfront之类的内容分发网络(CDN)利用基于云的系统来缓存网站,然后将其动态地提供给来自地理定位服务器的用户。
CDN可以在加载时间上产生真正的昼夜差异,尤其是在您自己的服务器努力满足需求的情况下。 此外,它们还为您的网页增加了可观的可靠性,从而使停机的频率大大降低。
简而言之:越快越好
如果这里有一个关键要点,那就是:实际上,您可以做的所有可以加快下载时间,同时(希望)减少数据使用量的事情都值得做出权衡。 对于加载缓慢的网站来说,很容易失去观看者,甚至失去搜索引擎的位置,因此值得多花些钱。 / a>
不要让网页膨胀让您失望。 明智地实现自己的功能,并记住要比其他任何因素都优先考虑UX。 在您开始之前,这是一篇有关站点速度和SEO之间的连接的详细信息,供您阅读:https://seopressor.com/blog/connection-between-site-speed-and-seo-today/
您是否尝试过其他方法来提高页面速度? 请在下方留下评论,与我们分享!
本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.botadmin.cn/sylc/11212.html