网页速度 是当今数字营销的关键因素。它对以下方面有重大影响：
- 访问者在您的网站上停留多久。
- 有多少人转换成付费客户。
- 您在付费搜索中以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可以将这些副本分发到世界各地的服务器，以便访问者的浏览器可以从服务器最靠近他们的位置。这显着提高了页面速度。
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/258815.html