HUBSPOT快速使您的网站保持3种方式

涉及到您的网站时，速度就是一切。

实际上，根据Akamai和Gomez.com，40％的游客放弃了一个超过3秒的网站才能加载。

如果网站没有快速加载，访客甚至不会通过您的内容来实现。以及什么让您的网站加载快速？如果您在网站上有非常大的文件，视频或图像，则可以添加到页面的大小并大大影响加载时间。

YOTTAA，一个内容交付网络（CDN）平台，可帮助加快网站，最近基准支持HUBSPOT CMS的速度。在这篇文章中，我们将讨论Hubspot快速使您的网站保持三种方式，并分享Yottaa报告的一些详细信息。

＃1。所有托管其网站上的所有客户都支持CDN

HUBSPOT利用领先的CDN来帮助确保所有客户的网站迅速加载。CDN有许多好处，例如将您的网站内容保存在最近的服务器上。但是有许多前端和后端因素有助于网站加载的速度。例如：设备类型，操作系统，甚至位置都可以影响网站如何加载和显示。如果您最近在智能手机上浏览了互联网并在WiFi和蜂窝网络之间切换，则速度差很可能很清楚。

但是，与文本驱动的网站裁定至尊的日子不同，游客要求有丰富的经验。要做到这一点，我们已经建成了智能内容和其他功能直接进入Hubspot，以确保您可以轻松为每个独特访客构建体验。但这种体验也意味着您的页面将增加体重，但不一定是牺牲速度。根据Yottaa的性能测试，平均页面重量现在超过2MB的网页，这也是从页面重量接近HUBSPOT CMS.。

尽管Hubspot的CMS中提供的丰富功能增加了页面重量，但您可以在下面的图表中看到页面加载的时间仍然非常快。要解释此图表：

• T2D.代表时间展示，这基本上意味着网页的核心元素已加载和设计正常显示（而不是仅在没有任何CSS样式的文本或内容中）。
• T2I.代表是时候互动，这意味着您实际上可以开始滚动的那一刻，或单击页面上的链接。在互动的时间跟随显示的时间作为网站的关键件需要首先加载，然后开始与网站交互。

一个快速网站意味着更多的游客将留在您的页面上，并提高您的整体业务体验。在Hubspot，我们利用了一个CDN，该CDN将在世界各地托管服务器，以确保您和您的客户有快速的体验，无论他们在哪里。

＃2。响应式设计是内置的

您网站桌面版本的速度很重要，但它也是提供快速移动体验的至关重要。现在移动搜索已经超越了桌面搜索结果受到移动友好网站的影响，您应该为移动访客提供快速和丰富的体验。但是，由于它自然增加页面重量，因此提供了同样丰富的移动经验。这就是响应设计进来的地方。

响应设计根据访问者的屏幕尺寸动态加载您的网站。例如，在桌面或笔记本电脑上打开一个新的浏览器选项卡，立即取出智能手机并从两者访问Hubspot.com。您将立即注意到智能手机上的差异以及图像似乎是正确的大小，但自然更小。响应式设计是谷歌的＃1推荐的设计模式，因为它只需要一组代码，谷歌的履历只需要通过您的网站进行一次。如果您有一个单独版本的移动网站，例如Mobile.example.com，则需要重复您的主页上的所有资产到移动版本，从带宽和维护方面昂贵。

回到Yottaa的报告，由于响应设计和CDN的组合，您可以看到Hubspot CMS仍然优于移动设备上的平均值。这两个都是开始渲染的平均时间，这意味着您的网站设计出现在设备上，以及在您的网站完全加载之前显示的时间并可与之交互。这种速度效益意味着更多的移动访客将坚持您的网站并实际上阅读您的内容。

＃3。动态图像调整大小和图像压缩

你有没有经历过一个像窗帘一样加载的图像？它慢慢开始从顶部填充到底部，直到它最终完成。这种情况发生的一个主要原因是因为图像上的文件大小很大。您的连接也可以播放关键部分，但即使在高速连接上也可以具有这种效果。这就是使用它的原因HUBSPOT CMS.您可以使用动态图像调整大小和图像压缩来解决此问题，该图像压缩是正确的，并且您的网站如何在Hubspot上避免。

什么是动态图像调整大小？要解释，让我们走过一个例子。假设您将图像上传到您的网站，即5000 x 5000，但仅显示500 x 500的图像。这意味着浏览器仍然必须下载较大的图像，然后在较小的尺寸内显示它。这可能会严重影响加载时间，特别是对于蜂窝连接上的任何移动访问者。当您在集线器中使用调整大小时，虽然意味着浏览器将仅在您指定的尺寸中显示图像。所以在这个例子中，而不是加载那个大5000 x 5000的图像，浏览器只加载500 x 500的图像，拍摄它需要您的站点加载的宝贵秒。

动态图像调整大小将以几种不同的方式生效：

1. 上传后手动更改图像的尺寸
2. 在Hubspot中使用调整大小工具改变图像的尺寸
3. 编辑直接影响图像尺寸的图像的HTML代码

随着图像调整大小，我们还采取了措施来减少图像的整体大小。通过图像压缩，上传到Hubspot帐户中的任何新图像都将使它的文件大小减少，同时保持图像质量。上传图像时会发生这种情况，并且不需要任何手动步骤，但增强并加速访问者的体验。

笔记：动态图像调整大小和图像压缩仅影响上传到Hubspot Portal中的新图像。除非您更改维度，否则现有的图像不会受到影响。另请注意，Hubspot的速度优势仅适用于您使用Hubspot创建或托管的内容。

使用CDN使用HUBSPOT来激发所有网站，以响应设计，图像调整大小和压缩您的网站将一直保持快速。一个快速的网站有助于在搜索中更好地排名，并在您的网站上降落后保留访问者，这自然而然有助于您的所有入站营销。