加快网站加载速度的 6 种方法

已发表: 2021-08-19

你的网站可能是世界上最漂亮的网站，但如果它需要很长时间才能加载，那对你没有好处。让我们面对它。人们不耐烦，缓慢的网站会阻止潜在客户完成购买。

当我去网上购物时，我希望页面在最坏的情况下在 5-10 秒内加载。再长一点，我就会坐立不安，或者我干脆离开商店。

当然，有些人可能比我更有耐心，但为什么要冒险呢？谨慎行事，尽快让您的企业网站上线。

照片由 Meddygarnet

但是，在开始之前，您需要确定的第一件事是足够快吗？您网站优化的程度在很大程度上取决于您的网络访问者的分析和人口统计数据。

例如，3 年前，当我和我的妻子首次推出我们的在线商店时，我们超过 35% 的客户使用拨号。因此，我们不得不大幅削减我们的网站设计，以提供轻快的购物体验，假设只有 56K 的下载率。

今天，只有 2% 的客户在使用拨号（谢天谢地！），因此我们可以安全地添加更多多媒体内容而不会影响用户体验。

为了确定任何给定页面的最大大小，我通常将 5 秒乘以我的网络访问者的加权平均带宽。例如，如果我的大多数访问者都使用 DSL，我可能会假设下载速度为 1Mbit，并决定 5Mbits 是任何给定网页的最大尺寸。

这不是一门精确的科学。最终，您需要自己决定您的网站需要多快。

然而，在所有情况下，越快越好。正如我在上一篇文章中提到的，网站速度并不总是取决于您的虚拟主机。事实上，大多数时候，网站管理员应该为网站缓慢而不是服务器缓慢负责。本文将介绍一些有关如何加快速度的技巧。

使您的网站更快并不总是与剪切图像和内容有关。有时，您可能完全喜欢您的网站，而且您真的不想改变任何东西。

如果是这种情况并且您的网站速度很慢，那么通常您只需优先考虑页面加载方式即可。

您希望用户首先看到什么？在大多数情况下，您的访问者不会介意较慢的网站，只要重要的内容先加载然后绒毛结束即可。

例如，对于 MyWifeQuitHerJob.com，我总是确保在广告出现之前首先弹出所有有趣的内容。这样，如果广告加载速度有点慢，就不会拖垮整个博客。

网页总是按顺序加载，因此您应该始终将要加载的内容放在页面顶部，将最不重要的内容放在 html 文档的末尾。

对于必须出现在页面特定位置的元素，您可以使用 javascript 或 css 来控制加载顺序。

例如，即使我的 728×90 排行榜广告出现在 MyWifeQuitHerJob.com 的最顶部，我还是通过执行以下步骤确保它最后加载。

我创建了一个空的 <div id=”banner728″> 广告应该在的地方，我将它的 id 设置为“banner728”。这有效地创建了一个空白占位符，我以后可以使用 javascript 加载它
在页面的最后，我包含以下 javascript 代码段
<脚本类型=”文本/javascript”>
document.getElementById(“banner728”).innerHTML = “所需的广告横幅代码”;
</脚本>
这段代码找到了我在上面设置的占位符“banner728”，并将广告横幅插入到 <div> 中。因为此脚本位于文件的最后，所以它在其他所有内容之后最后加载。

我看到许多新手犯的一个常见错误是依赖 html 来缩小和调整图像大小。虽然这种技术有效并且看起来无害，但它绝对会扼杀您网站的性能。

原因是因为即使您只显示小得多的图像，也必须在显示之前加载整个原始图像。

为了防止自己落入这个陷阱，请确保在将图像显示在您的网站上之前花时间将其缩小到所需的尺寸。不要只是直接从数码相机中提取图像。

在计算机显示器上查看独立图像时，人眼对图像质量的容忍度要高得多。因此，您可以为您的网站使用质量低得多的图像。

在将图像显示在页面上之前，请确保尽可能多地优化和缩小图像。我经常使用 Photoshop 为我网站上的图像选择 50% 或更低的 JPEG 质量。

如果您使用 GIFS，请确保您使用的调色板没有超出您的实际需要。如果您只能使用 16 种颜色，那么请选择只有 16 种颜色的 GIF。

分析您的所有 GIFS 以确保没有任何颜色插槽被重复项浪费。

除非您在一组强大的服务器上托管您的网站，否则丰富的多媒体内容会使您的网站缓慢爬行。一般来说，在第三方服务上托管您的视频和更大的文件要经济得多，该服务具有更强大的基础设施，可以更好地支持流媒体。

例如，与其在您自己的服务器上托管视频，不如使用 YouTube 或 Vimeo？如果您想拥有自己制作的内容，您还可以付费使用亚马逊的 S3 等服务。将高带宽内容留给大男孩。

每当您盗链图像或利用托管在另一台服务器上的代码时，您都将网站的速度置于危险之中。如果第三方服务器运行缓慢或宕机，它也可能会关闭您自己的网站，因此尽量减少使用 3rd 方代码非常重要。

此外，每次您的站点访问第三方服务器时，都必须进行 DNS 查找，这可能需要相当长的时间，具体取决于网络拥塞情况。

几百毫秒的延迟可能看起来并不多，但如果您从 10 个不同的服务器中提取代码，这些查找可能会增加几秒的延迟。

大多数网站都是文本，文本压缩得非常好。这就是为什么如果您在服务器上启用压缩，您可以将下载时间减少多达 75%。

不幸的是，并非所有共享虚拟主机都在其服务器上启用了压缩。如果您的网站位于共享虚拟主机上，请务必询问他们的服务器是否支持 mod_deflate 或 mod_gzip。

如果您的服务器支持压缩，请确保按照本文中概述的步骤在您的网站上启用它。如果您使用 WordPress，WP-SuperCache 插件已经为您处理压缩。

除了压缩之外，您还可以通过缓存网站上经常访问的页面来加速您的网站。对于我们的在线商店，我实际上更进一步，为不经常更改的流量大的网页创建静态页面。

很有可能，外面的某个人可能会在比您自己的连接速度慢得多的连接上查看您的网站。而且您始终需要考虑最小公分母，以最大限度地发挥在线业务的利润潜力。

看到我们的在线商店仍然有拨号客户，我感到非常震惊！如果我还有它们，那么你也可以。