如何提高网站打开速度,网站速度提升从哪些方面入手

网页速度  是当今数字营销的关键因素。它对以下方面有重大影响: 访问者在您的网站上停留多久。 有多少人转换成付费客户。 您在付费搜索中以CPC为单位支付多少。 你在自然搜索中排名 不幸的是,大多数网站在网页速度方面表现不佳。这对他们的收入有直接的负面影响。 数字营销人员几乎可以花费我们几天的时间,绝对没有足够的时间做这些事情。结果,有些事情被推到了后面。 似乎最经常被推回的事情之一是优化页面速度。这很容易理解,因为大多数人并不能真正理解这种经常被忽视的细节的重要性,所以他们没有看到投入时间和金钱的价值在几秒钟以内就可以改善。 一些营销人员,包括那些专注于搜索引擎优化的营销人员,似乎是一个无关紧要的时间,已经被行业巨头的数据一直记录到我们自己的分析数据上,这是巨大的。 我会假设你像我一样,想要最大化你的结果,当然还有你的收入,对吧?然后让我们开始使你的网站比油脂嗅觉更快!(这是一个很直观的,不是吗?) 1.网站服务器带宽大小 毕竟,这些订阅Raven,SEMrush,Moz以及我们每天使用的其他工具,我们都在努力节省金钱。这几乎就像一个额外的孩子。 许多人试图节省资金的一种方式是选择一种便宜的共享主机,这些托管可以容纳多少网站,因为它们可以适合服务器,就像一堆小丑堆积在一辆车上一样。表现被诅咒! 当然,你的网站大部分时间可以和大部分的网络主机一样可以使用,但是它会慢慢加载,让你的访问者不必担心,而不会变成买家。 “但这几乎不明显!”这些讨价还价的购物者坚持认为。 这是事情 – 这可能是几乎不明显的,因为它是你的宝宝,你喜欢它。但其他人只想尽快进入您的网站。 人们想要在您的网站上足够长的时间来做他们要做的事情,无论这意味着获得答案,购买产品或其他具体目标。如果你减慢他们的一点点,他们可能会讨厌他们的经验,离开而不转换。 想像这样: 大多数人无条件地爱自己的孩子。但别人的小孩尖叫,扔东西,在餐厅里打扰了他们的夜晚?他们讨厌那个孩子 这与你的网站是一样的。 它真的有多大的区别? 根据亚马逊进行的一项研究,只有100毫秒的差异 – 一个人类甚至不能察觉的时间,就足以将销售额减少1%。沃尔玛发现类似的结果。 如果这么小的时间单位对销售产生了很大的直接影响,那么你认为多少次还会有什么样的影响? 但是,由于您的网站加载速度(或缓慢)也会对自然搜索排名和每次点击费用产生​​影响,因此并不会停止。换句话说,如果您的网站加载缓慢,您应该期望投资于这个关键领域的竞争对手吃午餐。 底线:跳过预算网站托管。如果他们像一种商品(主要是以价格为单位)出售它们,那么他们会像商品一样对待客户。 有很多Web主机针对速度进行了优化,特别是对于WordPress网站,其中一些网站主机的价格与预算方案类似。所以请问,做一些测试,并投资一个网络托管,这将给你的表现,以满足您的访客和谷歌。 2.减少HTTP交互次数 网页呈现和运行所需的每个文件,如HTML,CSS,JavaScript,图像和字体都需要单独的HTTP请求。请求的次数越多,页面加载的速度就越慢。 现在,如果你跟我说的大部分人一样,你可能在想“哦,我不用担心,杰里米。我知道我在做什么,我不会在我的网站上添加一堆blo肿的垃圾!“ 这可能是部分真实的。你可能不会在你的网站上添加一堆blo肿的垃圾,但是我遇到的90%的网站 –  仍然存在。 那个膨胀不在那里,因为Bloat Fairy在你睡觉的时候会咬住它。在那里,因为大多数网页设计师,无论技能或经验如何,都不会使页面速度成为优先事项。可悲的事实是,大多数人甚至不知道如何。 以下是问题开始的地方: 大多数主题加载一个或多个CSS文件和多个JavaScript文件。一些,如Jquery或FontAwesome通常从另一个服务器远程加载,这大大增加了页面加载所需的时间。 当您考虑由插件添加的附加CSS和JavaScript文件时,这将变得更加困难。只需从CSS和JavaScript文件中轻松完成几个或多个HTTP请求。 当您考虑页面上的所有图像时,每个图像都需要单独的HTTP请求,因此很快就会失控。 将JavaScript文件合并到一个文件中。 将CSS文件合并到一个文件中。 减少或消除加载自己的JavaScript和/或CSS文件的插件。在某些情况下,与重力表单一样,您可以选择禁用它们加载。 使用精灵作为经常使用的图像。 使用FontAwesome或Ionic Icons等字体,而不是可能的图像文件,因为只需要加载一个文件。 3.网址链接最后面用斜线来结束 无论是从外部来源(链接建设努力)还是从您自己的网站,省略指向您的网站的链接上的尾部斜杠,对速度有不利影响。 就是这样: 当您访问没有尾部斜杠的URL时,Web服务器将查找具有该名称的文件。如果没有找到具有该名称的文件,它将会将其视为目录,并查找该目录中的默认文件。 换句话说,通过省略尾部斜线,您强制服务器执行不必要的301重定向。虽然看起来似乎是瞬间的,但它确实需要更长的时间,而且我们已经建立起来,每一点都加起来。 https://example.com(这是不好的) 或 https://example.com/services(这也不好) vs https://example.com/(这很好) 或 https://example.com / services /(这也不错) 4.启用压缩 启用GZIP压缩可以显着减少下载HTML,CSS和JavaScript文件所需的时间,因为它们被下载得更小的压缩文件,然后在进入浏览器后进行解压缩。 不要担心 – 您的访问者不必做任何额外的事情,因为所有现代浏览器都支持GZIP并自动处理所有HTTP请求。 5.启用浏览器缓存 启用浏览器缓存后,网页的元素将存储在访问者的浏览器中,以便下次访问您的网站时,或访问其他页面时,浏览器可以加载该页面,而无需向服务器发送另一个HTTP请求任何缓存的元素。 一旦第一页被加载,并且它的元素被存储在用户的缓存中,则只需要在后续页面上下载新的元素。这可以大大减少在典型浏览会话期间需要下载的文件数量。 6.减少资源 减少CSS和JavaScript文件会减少不必要的空格和注释,以减少文件大小,从而减少下载时间。 幸运的是,这不一定是一个手动的过程,因为有几种工具可以在线将文件转换成一个较小的,最小化的版本。还有几个可用于WordPress的插件,将替换您的网站头部的链接用于您的常规CSS和JavaScript文件与其最小化的版本,而不会修改您的原始文件,包括流行的缓存插件,如: W3总缓存 WP超级缓存 WP火箭 可能需要一些努力才能使设置正确,因为细化可以经常打破CSS和JavaScript,所以一旦你完成了一切,一定要彻底测试你的网站。 7.优先折叠内容 您的网站可以向访问者显示,如果它被编码为加载更快的内容(换句话说,在访问者滚动之前可见的内容)。 这意味着确保出现在折叠上方的任何元素也将接近HTML代码的开头,因此浏览器可以首先下载并渲染它们。 同样重要的是包含内联而不是外部CSS文件来呈现该区域所需的任何CSS和JavaScript。 8.优化媒体文件 因为具有高质量相机的移动设备是常见的,诸如WordPress的现代内容管理系统使得上传图像变得方便,许多人只需拍摄照片并上传它,而不意识到,通常图像  至少比四倍必要的。这会减慢您的网站,  尤其是移动用户。 优化网站上的媒体文件有可能极大地提高您的网页速度,这样做相对来说比较容易,所以这对你的时间来说是一个很好的投资。 优化图像 选择理想的格式。JPG是完美的摄影图像,而GIF或PNG最适合具有大面积纯色的图像。8位PNG文件适用于没有 Alpha通道(透明背景)的图像, 24位文件适用于具有Alpha通道的图像。 确保图像的大小正确。如果在您的网站上以800像素宽的方式显示图像,则使用1600像素宽的图像没有任何好处。 压缩图像文件。除了作为顶级图像编辑程序,Adobe Photoshop具有令人敬畏的图像压缩功能,每月起价9.99美元。您还可以使用免费的WordPress插件(如  WWW Image Optimizer,  Imsanity和TinyJPG)来自动压缩上传的图像。 优化视频 选择理想的格式。MP4在大多数情况下是最好的,因为它产生最小的文件大小。 根据访问者的屏幕尺寸提供最佳尺寸(尺寸)。 如果视频在背景中用作设计元素,则消除音轨。 压缩视频文件。大多数时候我使用Adobe Premiere,但是Camtasia也是一个很好的选择。 减少视频长度。 考虑将视频上传到YouTube或Vimeo,而不是在本地提供视频,并使用其iframe嵌入代码。 你不应该停在那里,因为那只是划伤表面。 要真正优化您的网站上的媒体,您需要根据屏幕尺寸提供适当大小的图像,而不是简单地调整大小。基于图像的实现,有两种处理方式。 您的网站HTML中的图片可以使用src集合进行投放,这使得浏览器可以根据访问者使用的设备的屏幕尺寸来选择,下载和显示相应的图像。 通过CSS放置的图像(通常作为背景图像)可以使用媒体查询来提供,以便根据访问者使用的设备的屏幕尺寸来选择适当的图像。 9.利用缓存和CDN 缓存使您的Web服务器能够存储您的网页的静态副本,以便更快速地将其传递给访问者的浏览器,而CDN可以将这些副本分发到世界各地的服务器,以便访问者的浏览器可以从服务器最靠近他们的位置。这显着提高了页面速度。

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 如何提高网站打开速度,网站速度提升从哪些方面入手
分享到:
赞(0)
广告位820*80