Tag Archives: 页面速度

如何提高页面速度

by

尽管有许多方面可以加快页面的速度，但是可以从以下四个方面着眼来缩短页面加载时间：

优化图像：在当今，您可以将图像转换成的最优化格式是Webp。多个WordPress插件可以对您的所有图片执行此操作，其中一些最好的插件是您必须付费的高级插件。可以尝试WordPress的一个插件是Smush Pro。Smush Pro可以浏览所有文件并压缩它们以及压缩新图像。您还可以在Compressor.io使用免费的Web工具。
尽管还有其他插件和方法可以在不使用Webp的情况下压缩图像，但是在保持图像质量不变的同时，您将看不到相同的压缩率。如果您不能使用Webp，我们建议您将JPG用作照片，将PNG用作不希望在压缩文件时失去质量的文件。

优化图像的最简单方法之一是将其大小调整为将在页面上显示的宽度。例如，如果图像以800像素显示，则不要使用2000像素的图像文件，请将其尺寸减小到800像素。可以在Adobe Photoshop或免费的其他图像编辑程序（如GIMP）中完成。

  • 缩小HTML，CSS，JavaScript：网站通常会加载大量的Javascript和CSS文件，这些文件可能会使网络浏览器膨胀。为了解决这个问题，有一些WordPress插件可以为您减少代码量。这样可以缩短加载时间，因为减少了诸如长变量和函数名之类的事情。
  • 使用内容分发网络（CDN）： CDN是加快网站速度的绝佳方法。他们将您网站上文件的副本存储在全球服务器上，以便在用户请求文件时使用。可以从最近的服务器将图像或数据下载到其位置。您可能想要使用Cloudflare的流行选择。要进行设置，您需要将DNS更改为使用CloudFlare的DNS，因此请准备好域名注册商。
  • 使用浏览器缓存：浏览器缓存可能是一个很好的工具，但有时却是一把双刃剑。如果配置正确，则用户可以查看您站点上的页面，而不必重新下载所有文件。但是，通过允许将文件缓存在用户的计算机上，有时可以提供文件的旧版本。

如果您使用的是WordPress，则可以使用插件W3 Total Cache轻松启用缓存。只需导航至“常规设置”下的“页面缓存”即可启用它。如果您未使用WordPress，则在使用Apache的情况下，可以在.htaccess文件中启用缓存。缓存可以将性能提高多达10倍。

为什么网站速度对SEO很重要？

并非所有排名因素都是您可以控制的网站方面。例如，您无法控制有多少个反向链接。网站所有者是否想给您链接，取决于网站所有者。但是，页面速度是您可以完全控制的一个因素。

是否要压缩图像，使用CDN，缓存文件并最小化资源以使您的网站加载速度更快，这取决于您。拥有快速加载的网站可以从多种方面使您受益。首先，如果您的网站立即出现，人们反弹的可能性就较小。如果加载时间太长，人们甚至会在看到您网站上的内容之前就离开了。

最糟糕的是Google和其他搜索引擎，它们会主动衡量您网页的跳出率。因此，如果您可以缩短加载时间，不仅可以吸引更多人与您的网站互动，而且可以提高您的搜索引擎排名，从而对您的公司有所帮助。

如果您不认为自己可以解决快速加载网站的所有方面，请不用担心。我们在这里为您提供帮助。测试我们的网站，看看我们在提高页面速度方面的技能。我们在所有测试工具上均名列前茅。立即与我们联系，以获取有关我们如何帮助您提高网站速度的免费报价。

页面速度是排名因素

页面速度是搜索引擎（例如Google）的重要因素。如果您的网站加载时间太长，用户将放弃您的网站，搜索引擎会对此进行检查。网站的移动版和桌面版都属于这种情况。它们都需要快速加载。

当太多人放弃您的网站时，搜索引擎将相应地调整您的排名。他们将其视为用户不管信息是否存在都无法找到您页面上的内容的方式。如果由于您的网站加载速度太慢而导致人们在离开之前无法看到信息，则说明您需要在网站上进行修复。

不良的加载速度如何影响您的底线

用户希望网站的加载时间不超过两秒钟或更少。如果花费三秒钟，他们往往会开始放弃这些页面。此外，当您的网站加载时间太长时，购物者说他们以后不会再购物了，将近一半的购物者说他们会与朋友分享这种经验。

Akamai的研究表明，页面加载时间的两秒延迟将跳出率提高了100％以上。一秒钟的页面速度延迟可能会使您的销售损失7％。

如何检查页面速度

想看看您的网站表现如何？这里有一些工具可以帮助您。

  • Page Speed Insights：这是Google的工具。它们为您提供了有关您的网站在移动设备和台式机上的效果的评分，以及有关如何提高网站速度的一系列建议。在三个方面要注意实验室数据，机会和诊断。
  • 实验室数据显示了诸如第一个满意的油漆和速度指数之类的信息。这是有关您的网站的统计信息。在机会中，​​您会看到可以提高页面速度以及节省时间的区域。您将在此处看到的一个示例是避免重定向链。在诊断中，您将看到其他建议，例如减少第三方代码的影响。
  • WebPageTest.org：使用此工具，您可以输入网站并选择测试服务器位置，以及从中加载页面的设备。他们的移动设备有些过时了。但是，您可以选择一个有用的浏览器，尤其是在检查分析以发现站点上哪些浏览器用户最常使用时。如果要查看您的网站在移动设备和台式机上加载所需的时间，还可以选择连接速度。
  • 在高级设置下，还可以选择3G或4G的连接速度，以查看您的网站需要花多长时间才能加载到移动设备上。他们将在多个方面对您的网站进行评分，包括首字节时间，图像压缩，缓存静态内容以及CDN的使用。他们运行了3次测试，因此可以准确地表示您的加载时间。
  • GT Metrix：仅当您登录时，此工具才允许您更改位置，浏览器和其他选项。它们为您提供总体得分以及总加载时间和页面大小。您在多个可行方面也获得了评价，例如推迟对Javascript的解析和简化代码。
  • Pingdom：使用Pingdom，您也可以选择要测试的位置。Pingdom对您的网站进行打分，评分范围为0到100。它们还提供页面大小，加载时间和请求。Pingdom列出可以提高页面性能的区域，例如使用gzip压缩内容和使用无cookie的域。它们还显示了时间表，以将您的每个资源加载到您的站点上需要多长时间。

使用这四个PageSpeed工具，您将更好地了解自己的工作状况以及可以提高页面速度的哪些领域。页面加载的速度越慢，用户的沮丧程度就越高，您越不可能将能够取得较高的排名。遵循工具提供的建议，然后重新运行测试，直到获得良好的成绩。

为什么页面速度对于本地搜索很重要

随着Google在本地网站上的排名较高，从而可以最近展示本地业务，那么与您在本地结果排名第一的情况下相比，还有什么更好的时间来提高页面速度？您可能会想，当Google已经将我的网站放在更高的位置进行本地搜索时，为什么我需要提高页面速度？答案是，您可能会错失了开展更多业务的绝佳机会。

页面速度是您完全可以控制的，那么为什么不利用您的机会脱颖而出并获得更多收入呢？通过移动和台式机上的快速站点，您的用户更有可能进行购买。

如何提高移动网站的页面速度

提高移动页面速度类似于提高桌面页面速度，但是可以进行一些更改以确保快速加载：

使用HTTP / 2。由于更有效的压缩，优先级划分和数据加载，HTTP / 2正在成为新标准。HTTP / 2更快，更有效地加载数据。使用HTTP / 2，可以一次加载所有内容。考虑到人们在使用手机时缺乏耐心，这一点至关重要。请注意，HTTP / 3正在发布中，将很快发布。HTTP / 3将大大增加加载时间，该加载时间将比HTTP / 2快

提供与台式机网站不同的移动体验。响应式设计不仅仅意味着调整网站上的内容的大小。您的网站应为移动用户提供不同的体验。这可能包括一个汉堡菜单，该菜单在单击时会展开，而不是占用显示整个菜单的宝贵空间。一个仅是桌面站点的缩减版本的站点无法为用户提供那种让他们留在您的网站上并可能进行购买的体验。

移动用户在访问网站时会知道他们在寻找什么。而且这还不包括占据整个屏幕的压倒性广告和图像。为移动用户正确加载内容，您会看到参与度和排名的增加。

有关提高页面速度的其他建议

最小化HTTP请求：您的站点发出的请求越少，它就会变得越快。这是因为HTTP协议必须执行几个步骤才能启动文件传输。
减少HTTP请求的第一步是注意页面的数量。您可以使用Chrome的开发人员工具进行查找。右键单击页面，然后按检查，然后单击网络以查看正在发出的请求。您可以通过合并JavaScript和CSS等文件来减少请求数量。

  • 异步加载JavaScript和CSS：异步加载文件意味着在尝试加载文件时不会阻止它们。通常，JavaScript和CSS文件被阻止并且一次只能加载一个。同时加载它们将大大提高页面速度。如果您使用的是WordPress，请尝试检查插件WP Rocket，以自动完成此操作，
  • 推迟JavaScript的加载：在页面其余部分加载之前加载JavaScript文件意味着在运行JavaScript文件之前无法显示内容。如果将JavaScript放在页面底部，则可以避免这种情况。您也可以在WordPress上使用WP Rocket来执行此操作。
  • 快速安全的Web托管：网站托管位置是页面加载速度的最关键因素之一。如果您使用的是缓慢的Web主机，例如具有大量帐户的共享服务器，CPU速度不高的VPS服务器或较慢的专用服务器，则可能需要升级。
  • Gzip压缩：您可能已经在压缩站点上的图像，但是您是否也在压缩代码？通过启用Gzip压缩，您可以压缩HTML，CSS和JavaScript文件，以增强页面速度。
  • 检查您的网络服务器，或者如果您使用的是WordPress，请检查您的插件以查看是否启用了Gzip。WP Rocket或W3 Total Cache都支持WordPress中的Gzip。如果您未使用WordPress，但正在使用Apache，请编辑.htaccess文件以使用Gzip。大多数现代浏览器也支持Gzip，这使其成为使用的绝佳选择。
  • 使用外部托管服务提供商：通过使用外部托管服务提供商，您可以减少大文件的带宽使用量，即使在高峰流量时间也可以快速交付它们。不仅如此，它还会使备份占用更多空间，并使恢复备份更加困难。
  • 托管文件的一种流行选择是Amazon。您也可以在YouTube或Vimeo上托管视频文件。YouTube的最重要优势之一是，一旦您吸引人们观看您的视频，它就会开始向YouTube的其他观众展示，这就像在您的网站上免费投放广告一样。Vimeo是具有视频播放器的另一个选项，该视频播放器的设计更加简约，即使您的视频需求很大，也可以为其提供服务。
  • 简化CSS：如果要在网站元素上重复CSS样式，则可能需要使用CSS文件来减少冗余。最好将所有CSS分组为一个文件，以减少服务器加载时间。
  • 延迟加载内容：通过优先显示首屏中加载的内容（这是用户访问页面时首先看到的内容），可以减少下载时间。因为当用户向下滚动时它会折叠显示内容，因此您将减少加载页面所需的时间。使内容延迟加载的一种方法是使用WP Rocket（如果使用的是WordPress）。只需打开WP Rocket插件页面，然后在“基本”选项卡下，选择延迟加载图像。
  • 减少插件数量：如果您使用的是WordPress，则很容易开始使用大量具有所有功能的插件，这些插件使您可以自定义网站。但是，这样做有一个缺点。允许太多的插件将导致您的网站上加载更多代码，这将增加服务器负载和响应时间。
  • 确定应在您的站点上激活或停用哪些插件的一种方法是，一次有选择地禁用它们，然后使用页面速度测试工具查看通过一次禁用每个插件可以做出哪些改进。检查是否有任何插件功能重叠。这是确定应删除哪些插件的另一种方法。
  • 减少重定向：较长的重定向链会减慢网站的加载时间。这是因为浏览器需要发出多个请求才能最终到达您所请求的页面。
  • 升级WordPress：如果您使用的是WordPress，则需要将其更新为最新版本。这样做不仅可以提高性能，而且可以修复错误和安全性问题。
  • 优化后台流程：如果您使用的是WordPress，并且已安排了备份，则这些流程会占用大量资源。它们会大大降低您的站点速度，尤其是在您的站点占用大量GB的情况下。为了减少这种影响，请在服务器负载较低时将备份安排到非高峰时间。
  • 优化博客文章以显示摘录：在WordPress中，博客页面的默认设置为显示完整文章。进入设置并阅读，您只能对其进行更改以显示摘要。这将减小页面大小并提高页面速度，此外，它还将增加博客的不同页面的浏览量，如果您要展示广告，这可能意味着更多的钱。
  • 将评论分为几页：您曾经去过一个在一页上加载数百条评论的网站吗？这是一个糟糕的选择，因为大多数人不会阅读所有评论，并且加载它们不仅花费时间，而且可能会使浏览器变慢。通过设置和讨论，您可以在WordPress中将评论分成多个页面。这将使页面加载更快，并且不会使用户不知所措。
  • 选择一个针对速度进行了优化的主题：WordPress中的某些主题充满了精美的设计，CSS和JavaScript。通过为您的网站选择正确的主题，它可以对网站的加载速度产生重大影响。
  • 安装更快的插件：通过替换网站上加载缓慢的插件，您可以使用WordPress来提高性能。一些插件充斥着功能和不必要的代码。我们建议搜索具有相同功能但更紧凑且编写更好的插件。
  • 将较长的博客文章分成多个页面：较长的博客文章在搜索引擎中排名较高。但是，它们可能会降低您的网站速度。WordPress为此提供了一个简单的解决方案。只需在要拆分文章的位置添加<！-nextpage->，它将拆分为多个页面。
  • 优化数据库：您的网站存在一段时间了吗？它可能有不必要的东西，例如垃圾箱和未使用的标签。幸运的是，有一个插件可以清理类似的东西。只需安装WP Sweep即可一键优化数据库。
  • 限制帖子修订：帖子的多个修订可能会降低数据库的负担。如果您只想为每个帖子添加最新的四个更改，只需将其添加到wp-config.php中：
  • define( ‘WP_POST_REVISIONS’, 4 );
  • 现在，如果发布的版本超过4个，则将丢弃版本。
  • 阻止热链接：如果您的网站访问量很高，则人们可能会开始从中窃取内容，并且他们可能会直接从您的服务器加载该内容。为防止这种情况，如果您使用的是Apache，则只能编辑.htaccess文件以允许您的引荐来源。
  • 使用DNS级别防火墙：我们已经提到过将Cloudflare用作CDN，但是如果将DNS配置为使用它们，它们也可以充当防火墙。这可以阻止暴力破解您的网站的尝试，否则也可能使服务器瘫痪。
  • 升级PHP：除了升级WordPress，升级PHP还可以提供其他性能增强。最新版本的PHP已过优化，可运行得更快，性能更好。尽管您可能习惯于使用当前版本的PHP，并且可能难以升级，但是这样做会使您的站点受益。