使访问者更快地加载网站或博客的7种方法

页面加载速度慢是您的网站无法获得应有的点击量的主要原因之一。

由于受众的关注度一直处于低位，因此以下是一些加快网站访问速度的重要提示您的网站，以确保您的访问者在附近停留。

1。减小网站的实际大小

如果您的网站加载速度低于三秒钟，那么人们甚至有可能在网站加载之前就放弃了该网站。使用错误的图像格式会轻易使您的网站膨胀，并破坏原本不错的浏览体验。

超过70％的移动网页超过1MB，而12％的网页超过4MB！请记住，在良好的3G连接上下载1.5MB需要花费 7秒。最佳做法是将每个页面的大小保持在0.5MB以下。

了解JPG，PNG和GIF之间的区别，并确保使用所需的分辨率。

根据GlobalStats，这些是2018年最常用的屏幕分辨率：

  • 22.55％使用的分辨率为 360 x 640 （移动）
  • 使用的11.73％ 1366 x 768
  • 8.26％的分辨率使用 1920 x 1080
  • 4.91％的分辨率使用< strong> 375 x 667 （移动）
  • 2.94％使用的分辨率为 1440 x 900

    • 这是所有用户的50％ ，因此在将照片添加到网站时，请考虑这一点。

    2。设计移动网站

    根据Google去年对移动页面速度所做的研究：

    完全加载移动着陆页所需的平均时间为22秒新的分析。然而，仍有53％的移动网站访问者离开页面所需的时间超过三秒钟。这是个大问题。

    超过75％的移动网站需要10秒或更长时间才能加载3G。超过一半的流量是通过移动设备进行的，而且这种情况不太可能下降。因此，请保持较小的网站覆盖范围，以使移动互联网用户感到满意，并确保他们留下来！

    如果您使用WordPress，Joomla或Drupal等CMS，则可以使用一些插件来使您的网站更加移动-p。

    或者，您可以使用bMobilized或Duda Mobile之类的工具将您的桌面网站转换为移动网站。也就是说，通常最好设计一个单独的网站，以确保为您的移动用户带来最佳体验。

    您还应该考虑使用“加速移动页面"（AMP）项目来提供网站的简化版本。使用AMP页面将提高移动设备上的页面加载速度。有严格的JavaScript和CSS准则，但是好处是可以衡量的。

    无论您决定采用哪种方法，都要确保您的移动网站是轻量级的选择。并尝试将每条建议的大小保持在0.5MB以下页面。

    3。确保您的网站最小化

    如果您是从头开始编写自己的网站，请定期对其进行编辑。随着项目的发展，您可能会学习更有效的处理方式，因此请确保在改进时回顾代码。

    缩小并组合CSS，HTML和JavaScript。例如，如果您使用像Cloudflare这样的CDN，则有一个特定的选项卡可以提高速度，其中第一个选项是“自动缩小"。如果您使用网站构建器（例如Squarespace或Weebly），则默认情况下可能会为您完成。

    请确保在启用所有组合或缩小网站资源的功能后，对您的网站进行测试。尝试不同的选项以查看最适合您的网站的信息，因为启用Minify可能会破坏某些功能。

    4。避免在不需要时加载脚本

    必须在需要之前加载多个JavaScript文件，这会不必要地降低整个页面的速度。如果可能的话，请避免从第三方服务器加载脚本。

    请求这些脚本会降低加载速度，并进一步造成安全隐患。尽可能将它们保存在您网站的服务器上。

    您可以使用 defer 或 async 延迟特定JavaScript文件的加载，以减轻访问者的负担设备并提高网页的加载速度。另外，对于小型脚本，您可以直接将JavaScript直接内联到HTML文档中。

    异步将告诉浏览器在JavaScript文件生成的同时继续解析HTML。正在下载。

    同时，在浏览器完成对整个HTML文档的解析之后，会通知浏览器执行JavaScript文件。 p>

    默认情况下，浏览器将在提取和执行任何JavaScript文件时暂停解析​​HTML文件。

    在HTML文档中内联JavaScript将有助于减少浏览器必须下载的文件数量。显示页面。您可以通过在脚本标记之间添加任何外部JavaScript文件的内容来内联JavaScript。

    您可以安全地在Google Analytics（分析），Facebook Pixel和其他分析和错误报告工具上使用延迟和异步，而不会影响

    最后，考虑是否需要在网站上投放跟踪代码，分析，其他功能和广告。尽可能使用更轻巧的选项，如果对您或您的访问者没有任何价值，则将其废弃。

    5。使用缓存和CDN

    内容分发网络（CDN）会将您的网站复制到全球的服务器上，并通过将访问者连接到地理位置更近的服务器上来减少数据的传播时间。静态内容也将由CDN的服务器缓存和传递。

    Cloudflare可能是您最了解的CDN，但是Akamai和Amazon CloudFront是行之有效的替代方法。

    请确保您还利用浏览器缓存来提高重复访问者网站的加载速度。浏览器缓存的工作原理是将这些文件从服务器下载到用户的设备上。

    在进一步的页面浏览或访问中，这些文件将从用户的设备本地加载，而不是从外部服务器请求（具体取决于文件的到期日期。）

    6。摆脱不必要的插件

    插件仅在必要时使用。无论您使用Wix，Weebly，WordPress还是Squarespace或其他任何工具，都是如此。您应该通过添加简单的CSS而不是插件来完成任何功能。在Squarespace上使用代码注入，在WordPress中使用CSS定制程序，在Wix上使用自定义CSS。

    插件会导致服务器上CPU或内存紧张，这可能会减慢速度甚至停止您的网站加载。

    如果您使用WordPress，则可能未使用其所有内置功能。使用诸如Clearfy之类的插件禁用这些插件。

    始终考虑您使用的插件。如果您在JetPack之类的插件中使用的功能很少，请考虑将其全部删除，并用功能相同的轻量级插件替换。

    7。服务器设置可以加快您的网站访问速度

    服务器延迟将对您的页面加载速度和PageRank产生很大的负面影响。

    Google建议您设置第一个字节时间（TTFB）为1.3秒以内。这是设备在最初与服务器联系后开始下载页面之前的最长延迟。就是说，平均页面的TTFB超过2秒，远高于他们的建议。

    Shared hosts are usually the reason for this, but there are some settings you can configure to improve your server response time.

  • 使用与您的网站兼容的最新版本的PHP。最新版本（PHP 7.2）大大提高了速度。
  • 启用“保持活动"
  • 启用HTTP / 2
  • 利用HTTP严格传输安全性（HSTS）
  • 将备份设置为在晚上完成

    • If your website is made in WordPress, make sure you use a host that specializes in WordPress hosting, like Bluehost. This will make sure that the server settings are configured specifically for WordPress performance.

    完成调整了吗？现在测试您的站点

    现在，您已经知道了您应该针对的理想页面加载时间，大小和到第一个字节的时间（TTFB），如何知道自己的目标？

    以下是一些我们最喜欢的在线工具来测试您的网站：

  • varvy.com：这些工具将测试您的桌面和移动页面的速度和性能，并为您提供有关如何改进的宝贵指导您的网站
  • Google PageSpeed Insight：最近更新后，Google PageSpeed工具将测试您的速度并为您提供改进建议
  • GTmetrix：一个具有可行建议的出色工具
  • Pingdom：非常受欢迎的工具，类似于具有更好界面的WebPageTest

    • 您可以使用以下方法测试您的移动网站：以上链接以及ThinkWithGoogle移动测试（由WebPageTest支持）。结果将为您提供有关可以改进的特定技巧，如果您遵循这些技巧，则可以减少加载时间。

    建议的最佳做法不断变化，因此请在进行操作时定期检查页面速度改进。

    标签: