📜  减少网站加载时间的方法 |设置 2

📅  最后修改于: 2022-05-13 01:56:49.940000             🧑  作者: Mango

减少网站加载时间的方法 |设置 2

先决条件:减少网站加载时间的方法|设置 1

在上面的文章中,我们描述了四种方法,分别是:

  • 优化图像
  • 缩小 JavaScript 和样式表
  • 启用压缩
  • 浏览器缓存

在本文中,我们将探讨另外五种方法来减少您网站的加载时间。

1.优先考虑首屏内容

这通常是指在页面的其余部分加载后加载您的 JavaScript 文件。之前加载这些脚本会导致大量等待时间,而且我们知道,您的访问者有多喜欢等待。最简单的解决方案是将这些文件包含在页面底部,就在结束正文标记之前。

您网站的 CSS 可以分为两部分:用于设置首屏内容样式的内联部分和可以延迟的外部部分。

2.去掉不必要的插件

使用过多的插件会在很大程度上降低您的网站速度,从而导致崩溃和其他技术难题。因此,建议停用或删除不必要的插件。

Mike (http://startblogonline.com/speed-up-wordpress/) 的案例研究显示了他如何将网站速度从 4.23 秒降低到 1.33 秒。插件贡献了高达 86% 的加载时间。

3.最小化重定向

重定向会导致额外的 HTTP 请求,从而增加加载时间。因此,将这些重定向保持在最低限度是可取的。

对于响应式网站,您可能希望将用户重定向到网站的移动版本。
根据 Google,我们可能会执行以下操作,以确保响应式直接不会降低您的网站速度:

  • HTTP 重定向可用于将移动用户代理带到等效的 URL,而无需中间重定向。
  • 标记可能会包含在您的网页中,以指定您的移动等效 URL,以便 Googlebot 可以发现您的移动网页。

4.使用内容交付网络

内容交付网络是一个分布式服务器系统,它根据用户的地理位置交付网页内容。从用户地理位置附近的更快的服务器访问您的网站将大大减少加载时间。

流行的内容交付网络包括:

  • 最大CDN
  • CloudFlare
  • 荚膜
  • 边播
  • 亚马逊云前

您可以单击此处查找简单的步骤,以便使用 CloudFront 作为您的内容交付网络来设置 Amazon S3

5.避免自托管视频

视频文件通常非常大,将它们上传到您的网站可能会非常缓慢。相反,可以使用YouTubeVimeoWisita等第三方视频托管服务。

您需要做的就是复制他们提供的一小段代码,然后将其粘贴到您的帖子或网页中。

当今时代,在线用户更喜欢更丰富的在线体验。将会有更华丽的 JavaScript、CSS 技巧和其他第三方分析,它们往往会增加我们网站的大小。

但我们需要很好地解决这个问题,不应该受到它的阻碍。

很清楚:一秒钟的延迟就是失去领先优势的全部时间。

参考:

  • https://www.crazyegg.com/blog/speed-up-your-website/
  • https://www.truconversion.com/blog/conversion-rate-optimization/9-tips-to-reduce-page-load-time-and-improve-website-speed/
  • http://cubewires.com/insights/reduce-web-page-load-time/