当您学习如何制作网站时，成功的一半是学习如何确保它的功能和外观一样好。毕竟，没有什么比启动您的网站更令人震惊的了——却发现大多数人都离开了它，因为你的页面无法加载。

当今快节奏的数字世界中，时间是一种商品，没有人愿意浪费它等待您的网站加载。这就是为什么要测试您的网站速度，并知道如何改进它以避免客户流失到加载缓慢的网站。 

影响您网站速度的因素有很多，包括（但不限于）您的网络托管服务提供商、后端代码的质量、您的插件等。我们很容易忘记所有内容，但在我们深入研究错误之前，让我们先了解一下网站在幕后是如何工作的。

将互联网想象成一家餐厅：网站充当菜单，展示所有可在厨房制作的食物。当您从菜单上点菜时，系统会要求您的服务员从厨房取回它并将其送回您的餐桌。您的订单越复杂，厨房为您的餐点提供服务所需的时间就越长，服务员返回您的餐桌所需的时间就越长。当我们更深入地了解常见的网站速度错误时，请记住这个比喻。

想在可靠的平台上创建网站？ 

01. 使用过多的自定义字体

在进行网站设计时，很容易让人满怀热情地尝试字体等元素。虽然有一个完整的设计解释了为什么你应该坚持排版原则——比如对比度、层次和平衡——但你真的只需要知道为什么字体太多会影响页面的性能。

浏览器可以轻松理解系统字体，因为大多数计算机已经下载了这些字体。但是，使用“自定义字体”或这些常见字体之外的特殊样式字体的用户需要下载文件才能显示文本。虽然这总是比系统字体花费更多的时间，但在单个页面上使用的时间越多，加载所需的时间就越长。

为了给访问者提供最快的用户体验，请尽量不要使用超过三到四种自定义字体或选择系统字体。

02. 使用非最佳图像格式

在创建您的网站时，文件格式似乎是一件棘手的事情，而且在大多数情况下，它们确实如此。它通过将图像转换为“WebP”文件来实现这一点，该文件可以保持图像质量，但需要更小的文件大小。但是，要使它以最适合您网站的方式发挥作用，您需要确保您上传的原始文件不仅具有最高质量，而且该高质量文件不会在上传或下载时造成太多问题。

您可以从选择正确的图像格式开始。坚持使用 JPG、PNG 或 SVG 等常见图像格式。

此外，尽可能使用 JPG 而不是 PNG。JPG 图像可以比 PNG 小 10 倍，因此加载速度要快得多。虽然 PNG 和 JPG 适用于照片，但 SVG 通常更适合形状和插图样式元素（如logo）。SVG 文件通常比 PNG 和 JPG 小得多，并且它们在页面上的加载速度更快，因为图像直接嵌入到网站代码中。由于该网站不必在互联网上的其他地方找到图像，因此它有助于更快地加载图像。

03. 用灯箱过度

如果您正在构建网站并希望确保您的访问者看到重要的消息或公告，您可以选择添加出现在主页内容顶部的灯箱或弹出窗口。

虽然在访问者进入网站后几分钟就让一个广告发布销售弹出窗口是可以的，但每隔几秒钟弹出一些东西不仅会让你的访问者感到烦恼，还会减慢你的网站速度。

可以将其视为服务器与表的交互方式。虽然他们可以在你坐下并查看菜单后停下来宣布特色菜，但如果他们每隔一会儿就出现一次，那就很烦人了——同时会阻止他们回到厨房为你提供你来的饭菜。

04. 使用第三方功能

当今网站的一个有趣之处在于，您不必使用自己的所有内容 — 您通常可以将第三方内容嵌入到网页中，本质上是借用其他网站的内容显示在您的页面上。虽然这可以增加访问者可以在您的网站上做的事情数量，但它会减慢您的网站速度。

最佳做法是在网站中非主页的部分保留第三方应用程序，并限制您网站上的第三方脚本数量。仅保留您正在使用的应用程序。

05. 顶部加载您的主页设计

降低网站速度的一个常见罪魁祸首是主页上加载了大量的视觉内容，如画廊、视频和自定义字体。为避免这种情况，请专注于简化主页的首屏部分。尝试将此内容限制为系统字体和静态图像中的文本，因为它们的加载速度更快。

Thinkart 在大多数情况下还会自动延迟加载图像，这意味着位于首屏下方的图像首先会下载为非常小、低分辨率的占位符图像。当用户滚动页面时，这些替代图像将替换为原始的高分辨率图像。

06. 使用 GIF

GIF 彻底改变了现代通信。尽管 GIF 可能很诱人，但实际上比视频对计算机来说要高得多。原因是，您无法控制它们的播放，它们只有在加载了所有内容帧后才会开始播放。由于这些是页面加载的多个减速带，因此您需要考虑使用视频而不是 GIF 来展示动画内容。

07. 自动缓存

如果您注意到您的网页加载时间仍然过长，您可能需要为您的网站手动启用缓存，以确保它将您最常用的内容存储在 CDN 服务器上

08. 不为移动设备而设计

最后，为了给移动用户提供量身定制的体验，所有 Thinkart 网站都是自适应的，这意味着该平台会自动针对每个最常见的设备优化它们。但是，网站所有者常犯的一个错误是没有检查移动版本的外观和功能是否完全符合他们的要求。

某些元素在移动设备上的显示效果可能不如在桌面上显示，而其他元素则可能不是必需的。通过优化移动网站的布局并隐藏不必要的元素，您可以将移动网站精简到最基本的内容，并减少服务器提供的服务。