他们说,统计数据可以用来证明任何事情,这表明数字和数据仍然容易受到创造性旋转艺术的影响。
但是,当谈到提高网站速度的重要性时,统计数字是无可辩驳的。例如,页面加载时间延迟一秒钟会导致页面浏览量下降11%,客户满意度下降16%,这是惊人的。
不仅如此,而且几乎所有Web用户中的一半还将放弃加载时间超过三秒钟的网页,同时他们还希望网站在两秒钟或更短的时间内打开。
考虑到这些要点,显然迫切需要优化网站及其各个目标页面的速度。在本文中,我们将讨论五个步骤,这些步骤可以帮助您实现此目标并在客户之间建立更大的忠诚度。
1.优化图像
图像的大小,格式和src属性为开发人员提供了重点关注的区域,它们可能会严重影响页面的缓慢加载。
我们从大小开始,因为它有理由推断过大的图像需要更长的时间才能加载。因此,应确保根据页面的像素宽度将图像裁剪为正确的尺寸。如果您的网页是570像素宽,那么为避免任何不必要的加载问题,您合并的所有图像都必须适合在其中。
进行格式化时,应尽可能上传JPEG图像。这样可以确保与所有活动浏览器兼容,而不是较旧版本的Internet Explorer可能不完全支持的PNG文件。
最后,您需要注意该scr属性并确保正确记录该属性。这是图像HTML代码的一部分,如果没有列出的源代码,浏览器将向其显示目标网页的目录发出请求。这会使您的服务器负担不必要的流量,并导致加载时间大大降低。
2.优先考虑首屏内容
根据您的网站或业务的性质,您可能需要提供许多大图像文件或GIF之类的格式。在这种情况下,重要的是要优先考虑折叠内容,并确保快速加载(即使页面上的剩余内容需要更长的时间)。
这样至少可以尽可能优化用户体验,同时确保潜在客户可以使用一些初始标题副本或简洁的号召性用语(CTA)。
这可以通过优化CSS投放来完成,CSS投放可以确定各个目标网页的结构。请记住,网站由几个独立元素组成,CSS将这些元素组合在一起以建立每个页面的布局和样式要求。
CSS使用的数据可以内联方式访问(将信息直接插入HTML文档中),也可以通过外部文件访问。因此,您可以考虑将CSS分为两个不同的部分,并使用内联功能对位于首屏上方的内容进行样式设置,然后再从外部进行管理。
3.使用可缓存的重定向
随着百度更改其算法以支持移动优先网页,许多品牌选择为移动用户创建重定向,因此他们只能看到针对移动屏幕构建的页面。
这是一个可靠的策略,但前提是您要生成可缓存的重定向,从而增加页面加载时间。
这可以对页面加载时间产生明显的影响,但请记住将User-Agent与Cache-Control结合使用。这样可以确保仅重定向来自移动设备的访问者,从而防止您的服务被突然的不必要的流量所淹没。
4.利用内容分发网络(CDN)
如果您不熟悉内容交付网络(或您和我的CDN),则表示代理服务和附属数据中心的地理分布网络,旨在优化存储资产的可用性和性能。
通过在CDN上加载静态内容,您可以利用快速加载的服务器网络,并大大减少您自己的资源上的负担。这可能会立即影响各个页面的加载时间,而如果您的站点上有大量页面或需要保存大量数据集,则这是一个理想的解决方案。
5.清理代码
如果您曾经使用过所见即所得的资源,您将知道这简化了构建网页的过程。这在某些方面具有极大的吸引力,但应注意,这些资源有时会创建混乱的代码,从而大大降低您的网站速度。
这与以下事实密切相关:每个代码段都会增加页面的大小,因此消除了不必要的换行符,空格和缩进,可以创建一个精简的网站,从而以更快的速度和更高的效率加载。
百度将此过程称为缩小过程,在此过程中,所有不必要的源代码字符都将被删除,而不会对该网站的功能造成负面影响。
通过执行以下步骤,您可以采取小而重要的步骤来缩短网站的加载时间并提高其吸引访问者的能力。随着时间的流逝,这将转化为更高的转化率,同时更容易建立忠诚和满意的消费者基础。