标签： 加载速度

网站加载速度的快慢，直接影响着网站性能的稳定、网站的排名等。那么，如何提高网站的加载速度呢？本文HostGator美国虚拟主机商从代码方面主要来介绍如何提升网站加载速度。

第一步、保持在最低限度的HTML编码：

首先，注意HTML代码的简洁，避免页面加载时间变长和变慢。HTML中不必要的编码要清除，还有不需要的样式编码，它也是需要清除，它只需声明一次，而无法重复加载和调用。

第二步、CSS和JavaScript整合：

网页中的JS和CSS文件数量、大小和路径存放和开发环境保持一致，这样可以保持一致性和同步性。每次新的修改和合并都需要重新在本地完成并上传到服务器。减少HTTP请求的方案就是合并JS和css文件。

第三步、使用图像编辑程序和提供保存网页设置：

由于图像本身属性比较大，降低图像大小和加载时间显得很重要，它会降低页面加载时间。

第四步、控制网站的内容缓存：

控制网站的内容，通过内容缓存技术可以大大加快页面的加载时间。托管网站的美国虚拟主机空间提供商，独立服务器需要支持CDN全球加速技术。

Apache/nginx或IIS服务提供主机，可实际调整和定义缓存内容过期日期或缓存控制。如果你的网站是通过WordPress建站的，那么下载并安装WP超级缓存插件和WP提供的静态页面可以大大加快页面加载时间。

我们通过以上几个方面的了解和使用，在建站中多加注意，只有提高网站的加载速度，才能提升网站的整体访问效果和访问体验。推荐相关内容可以参考了解 提升网站加载速度的其他方法。

进入一个网站之后，感觉就像是要花很长时间才能加载。您会怎么做呢？您会耐心地等待网页全部加载吗？还是关闭浏览器标签，进入下一个网站呢？事实上，页面加载时间不仅会对用户体验产生巨大的影响，而且也会极大地影响转换率，以及搜索引擎的优化。无论您拥有什么类型的网站，无论是博客、电子商务商店、在线论坛还是会员登录页面，提供最快的网站速度和性能都符合最大利益。但是您该怎么办呢？这里有七个提示，您可以使用它们来减少这些加载时间，并在2019年提高您网站上的用户体验。

1. 使用内容交付网络

当然，您可以根据网站上的实际内容采取许多步骤。您可以缩小图片和优化JavaScript。但是您还必须考虑服务器相对于访问服务器的用户的位置。互联网并不完全是虚拟的，因为仍然需要穿越物理空间。对于位于洛杉矶的人来说，访问旧金山的服务器要比访问伦敦甚至芝加哥的服务器要快得多。内容交付网络（简称CDN）的目标是通过选择最靠近最终用户的服务器来提高网站的性能。

我们建议您了解一下CDN的工作方式，不仅要更好地了解这个概念是如何工作的，还要了解为什么今天大多数互联网顶级网站都在使用它。这就是有一个完整的网络来交付这些内容的地方。最好的CDN通过提供更高速的存储、优化工具、智能和动态缓存以及安全功能来进一步优化性能。您将需要一个具有良好全球网络覆盖范围和高可用性解决方案的CDN。Incapsula的专业计划起价为每月五十九美元，而商业计划起价为每月两百九十九美元。

2. 压缩图像

从网站速度和性能的角度来看，加载图片可能是最繁重的活动之一，这可能不会让您感到惊讶。这部分与分辨率有关，但也与图像压缩水平和其他因素有关。如果您只想调整图片大小并将其显示为只有两百像素宽的缩略图，那么上传和显示一张两千万像素的大照片是没有真正理由的。首先，您可以从实际上传到服务器的图像开始。一般来说，您不需要几兆字节大小的图像。根据具体情况，可以在不损失大部分用户可识别的质量损失的情况下使用200 KB或更小的内存。另一个很好的方法是叫做Smush的WordPress插件。其目标是减少“所有不必要的数据，而不影响网站速度。”

3. 压缩JavaScript和CSS

在提高页面加载时间方面，首先也是最容易看到的地方之一是解决站点代码中不必要的低效问题。更具体地说，JavaScript（JS）和级联样式表（CSS）的默认代码效率可能非常低。对于初学者来说，有很多空白，并且可以将几行冗余代码缩减到更短的长度。可以想象，浏览器（和服务器）运行的代码越少，页面的加载速度就越快。如果您有一个WordPress站点，那么使用类似WP Super Minify的插件为您做这件事是最简单的。当然，在这之前，您需要进行完整的网站备份。正如许多顶级CSS站点推荐的那样，如果您有不同类型的站点，或者您更愿意手动操作，那么有几个在线工具可以做到。Minifier就是这样一个例子。该工具的工作原理是删除空白、剥离注释、组合文件以及优化或缩短一些常见的编程模式。

4. 减少HTTP请求

所有其他的都保持不变，最简单的网站将是加载速度最快的网站。如果您有一个简单的纯HTML页面，其中包含纯文本和最少的图像，那么它可能会非常快。如果有一个动态页面调用了许多其他因素和内容类型，那么您将会遇到麻烦。通过减少HTTP请求的数量，您可以显著提高站点的速度。代码越干净越好。Perfmatters是WordPress的一个面向性能的插件，它可以为您实现大部分自动化。一个网站的起价为每年19.95美元，无限网站的起价为每年99.95美元。尽管许多网站所有者和博主可能不了解这些设置或命令的实际内容，但该工具使您可以非常容易地检查或关闭您希望启用的性能选项。

5. 升级到独立服务器

大多数刚开始创建自己的第一个网站的人，实际上也有很多老手，通常会选择共享主机，因为这通常是最具成本效益的选择。然而，这意味着您正在与其他客户共享资源（服务器和带宽），并且您无法控制他们如何使用这些资源。如果同一个服务器上的另一个网站突然涌入大量流量，其他网站的速度和性能就会受到影响。有许多变量超出了控制范围。为了避免这个问题，您可以考虑使用高级独立服务器。他们有托管和非托管的解决方案，但无论如何，您得到的服务资源器都是您一个人使用。如果您愿意的话，这允许更大程度的自定义。更重要的是，您可以获得独立的硬件和更稳定的性能。这意味着整体速度更快，尤其是当您选择配备了更好硬件的独立服务器时。如果是虚拟主机，我们应该在什么时候升级配置呢，有兴趣的朋友可以了解一下 什么时候升级虚拟主机最合适。

　6. 启动延迟加载

一般来说，当有人到达某个网页时，整个网页都将尝试载入。有些元素可以同时加载，而另一些元素必须按顺序加载。根据网站的设计和布局，用户可能会因为他们还看不到的元素（而且可能永远看不到）而经历非常长的加载时间。或者他们会注意到网站仍然在他们的浏览器中加载，即使看起来感兴趣的内容已经可用。在这两种情况下，这都会降低用户体验，并妨碍网站速度。克服这个问题的一种方法是延迟加载。当启用延迟加载时，网页上的元素将根据需要加载。这样，在用户向下滚动之前，页面下方的项目不会加载。这会导致更快的加载时间，因为页面上方的元素会被优先处理。谷歌开发者网页基础部分有一个很好的指南，可以了解更多关于这项技术的信息。

　7. 减少外部脚本

窗口小部件可能很棒。它们可以非常方便，可以用各种动态内容更新网站。也许侧边栏里有个Twitter小部件可以显示最新推文。也许您用亚马逊的一个小部件来展示特色产品。这是一个充满可能性的世界。问题是，当您依赖这些外部脚本时，您也可以在页面加载时间内使用这些外部脚本。如果Twitter碰巧因为任何原因挂起，那么当它等待该小部件正确加载时，站点速度会受到影响。对于页面上依赖于外部服务的各种“隐藏”元素，也是如此。

虽然将所有外部脚本全部删除可能并不完全可行。例如，您可能希望保留谷歌分析，例如为谨慎起见，应尽量减少其对页面加载时间的影响。更好的网站性能有助于提高用户参与度。在2019年落实这些建议。网站访问者将会感谢您！提升了页面加载速度，做SEO优化也就相对容易很多，有兴趣的朋友可以更多了解一下 ，提高页面加载速度，对SEO优化排名有什么帮助。

如何提升网站的加载速度？

对于网站来说，加载速度占据着非常重要的一环。当您的网站加载速度缓慢，那么不仅用户会获得糟糕的用户体验，就连您在搜索引擎中的排名也会随之降低。 所幸的是，想要提高站点速度不需要进行大量的额外工作。再说了，想想您可以从提升网站加载速度中获得的回报，这也能激励您去花时间进行改善了。那么下面，美国虚拟主机商HostGator将为您讲述5种可以提升站点速度的方法。

 

 

1、启用缓存

一旦您对网站进行访问，特定数据就会被存储在缓存之中，这样您下次访问该网站时，加载速度就能得到相应的提升。只要有了缓存，您的浏览器大可不必下载所有必要资源，只需下载其中几个就好。 在启用缓存之后，您将显著提升回头客的网站加载速度。如果您使用了诸如WordPress的内容管理系统，那么您可以安装如W3 Total Cache或W3 Super Cache等插件，以启用站点缓存或特定站点元素缓存。 如果您没有使用内容管理系统，那么您还需要采取其它方法来启用浏览器缓存。

2、移除占资源型插件（Resource-Hogging Plugins）和附加插件

如果您的网站运行了太多插件，这不仅会降低网站的加载速度，而且还会面临更多安全风险。您可能需要使用大量插件，才能实现心仪的网站设置，但是如果有的插件占用了太多资源，您可以完全将它们移除。 在进行移除之前，建议使用GTMetrix或Google Pagespeed Insights等工具对加载速度进行基础测试。您可以对照自己的插件列表，每次停用一个插件。然后，再在停用该插件的情况下，运行您的速度测试。 当然，整个过程需要花费一定时间，但是会帮助您揪出降低网站加载速度的罪魁祸首。这时候，您可以搜索相对不占资源的插件或其他插件进行替代。

3、优化和减小图像大小

如果您的网站有很多未经优化的图像，那么这绝对会影响网站的加载速度。想要加载那些超大尺寸的图像，往往需要浏览器能够加载大型文件。以下是几种优化图像，提升加载速度的方法。 Ø 确保图像尺寸适中。比方说，如果博客页面的宽度为900像素，那么您的图像宽度也不应超过900像素。 Ø 如果您使用了WordPress内容管理系统，您可以安装WPSmush插件，来自动降低图像的文件大小。 Ø 在上传图像之前，首先用Tiny PNG工具打开，并在不损害图像质量的前提下，减少图像的文件大小。

4、简化代码

有时候，如果您的网站代码看上去连篇累牍，这无疑也会增加网站的加载速度。而当您需要进行自定义设置时，使用内容管理系统，或甚至使用建站工具进行网站搭建，往往会留下不必要的分行符，空格以及其他元素。 如果您正在使用WordPress，那么像 Better WordPress Minify插件就能够最大程度上简化您的代码。又或者，如果您正在使用前文提到的缓存插件，那么它肯定也会提供相应的简化选项。 如果您没有使用内容管理系统，您则可以使用Pagespeed Insights Chrome Extension简化自己的代码，这款扩展插件能够制作您代码的简化版本，这样您就可以对比哪种版本更为迅速了。 当然，您还可以简化自己的CSS和Javascript文件。相较将所有的CSS和Javascript文件放在不同的文件里，可能将它们放在同一个地方会更有利于提升网站的加载速度。

5、使用CDN

网站的加载速度取决于用户到存储网站文件的服务器的距离。通常情况下，用户离物理服务器越远，您网站的加载速度就越慢。不过，好在使用CDN （内容分发网络，Content Delivery Network）可以解决这一问题。 CDN能够将站点文件分布至全球服务器网络中，这样一来，用户就可以通过最近的服务器来访问您的网站。 而CloudFlare和KeyCDN算是两款主流CDN。在某些情况下，您现有的虚拟主机也许支持使用站点CDN。（HostGator支持！） 希望上述内容可以帮助您提升网站的加载速度，并提升您的整体用户体验。

相关文章推荐》》》提高页面加载速度，提升网站SEO排名