如果您还记得拨号上网的日子,您可能还记得等待网站加载的痛苦。等待几分钟才能完成页面加载的情况并不少见,尤其是当页面具有大图像时。视频流甚至更糟。除非您是一个非常有耐心的人,否则您将因无奈而关闭许多页面。
在过去的几十年中,互联网发展了很多。一件事情没有改变:Web用户仍然对网站加载时间太长或在任务执行中冻结的时间缺乏耐心。实际上,研究表明,页面加载时间会严重影响人们的网络使用率以及您网站的转化率。
例如,两秒钟内加载的页面的平均跳出率为9%,而五秒钟加载的页面的跳出率为38%。网站在五秒钟内平均负载长70%的会议 -translating更多转化。实际上,加载时间仅有100毫秒的延迟会导致转换率下降7%。
除此之外,百度还确认页面加载时间在搜索排名中占有重要地位,而缓慢的加载时间“可能会对您的业务指标产生严重的负面影响”。它还会影响您的质量得分,这可能会影响广告排名和广告策略的总体费用。尽管百度对这些排名因素的加权方式一无所知,但很显然,如果您想运行成功的SEO / SEM策略,则不能忽略页面速度。
显然,速度对网站及其用户至关重要。缓慢的网站可以做什么以加快速度?让我们看一下网站减速的一些最常见原因,以及如何解决它们。
1.图片
无论您是讲视觉故事,展示新产品,还是只是试图破坏一些复制品,醒目的图像都是想要给人留下深刻印象的网站的必要条件。许多网站由于低估了图像对页面加载速度的影响而惹上麻烦。
1.1)尺寸
图像的理想大小取决于站点和内容。通常,图像文件没有理由大于1MB。较大的任何内容都会明显降低页面加载速度。
您可以执行的操作:在将图像加载到浏览器之前调整图像的大小。如果您的图片最终以200x300px的大小显示,则原始文件应与这些尺寸匹配。这将大大缩短图像加载时间,并有助于提高整个页面的速度。
1.2)解析度
看起来似乎违反直觉,但存在图像质量过高的问题。高分辨率图像是印刷出版物的标准,但是该规则不适用于大多数笔记本电脑和智能手机屏幕。
您可以做什么:几乎所有屏幕都在72 – 100 PPI(每英寸像素)范围内。图像不必超出该分辨率即可在网络上看起来高质量。通过替换那些缓慢加载的高分辨率图像,您可以提供更快,更有效的网站体验,同时仍保留所需的高质量外观。
2.格式
并非所有文件格式都是一样创建的。.PNG和.JPG图像文件都存在情况。通常,较小的,更压缩的.JPG格式对于希望最大程度地增加加载时间的网站更可取。还有一种甚至更小的格式,称为WebP。
您可以做什么:这很简单。尽可能选择文件大小最小的格式,以减小图像尺寸并加快页面速度。
2.1)动态影像
放置良好的GIF可能是吸引注意力并为页面增加一点视觉效果的好方法。但是,一页上的GIF过多会严重影响您的网站速度。对于过大且过时的Flash文件也是如此。
您可以做什么:为了保持网站速度,请尽量使用GIF,如果可以帮助,请完全避免使用Flash文件。
3.后端注意事项
图片问题可能是造成网站速度下降的最常见原因,但并不是唯一需要注意的问题。有几个常见的后端问题会对加载时间产生负面影响。
3.1)HTTP请求
每次有人访问您网站上的页面时,他们的浏览器都会向您的服务器发送一个HTTP请求。太多的这些请求一次导致您的网站加载缓慢。从编码不正确的JavaScript到第三方嵌入到上述超大图像文件中的任何内容,都可能在HTTP请求中造成重大问题。
您可以做什么:将HTTP请求的数量保持在最低限度和/或通过内容分发网络(CDN)分发。当在一台服务器上发送太多请求时,它可能会淹没它。将多个请求发送到根据访问者的位置进行地理分布的各种服务器,可以大大减少加载时间。
3.2)编码
您可能很清楚,一段糟糕的代码实际上可能会破坏您的网站。但是,草率的编码也会造成一些不太明显的破坏。从过多的空白到多个样式表的所有内容都会对页面负载产生负面影响,因此,注意细节至关重要。
您可以做什么:您可以使用工具压缩CSS和JavaScript文件,这将有助于空格。此外,请密切注意外部插件和脚本之类的东西,这些东西会降低站点性能,甚至使访问者安全受到威胁。首先,请仔细编码!或雇用声誉卓著的人来保持代码的清洁和功能。
3.3)快取
如果不进行缓存,则每次访问者访问网站时,您的网站都必须重新加载网站上的所有数据。缓存是理所当然的,应该更加广泛地使用。从本质上讲,它涉及存储关键数据点,以便它们以及您站点的其余部分更快地加载。
您可以做什么:查看浏览器端缓存和服务器端缓存。两种方法都可以加快您的网站速度。
为什么重要
您的网站是您拥有的最重要的接触点之一。一个好的网站可以增进信任,建立人际关系,是的,可以提高您的利润。考虑到将近一半的Web用户表示他们将放弃需要花费10秒钟或更长时间才能加载的页面,因此,要使您的网站步入快速轨道,需要付出很多努力。
就是说,网站是一个脆弱的生态系统,通常很难确定造成问题的任何原因。通过解决这些常见的问题,您很有可能明显加快网站的速度。