关于如何在 2023 年提高网站加载速度的 10 条提示

今天的网站速度是您网站成功的最关键因素之一。有大量数据支持这一说法。例如,79% 的客户可能不会返回性能不佳的网站,其中包括加载时间缓慢。

website-performance-shopping-behavior-1

今天的用户对即使是最小的延迟也很敏感。看看下面的图片,看看跳出率是如何受慢网站影响的。而且您现在应该记住,较高的跳出率会减少网站的平均停留时间和浏览的页面数量。

page-speed-impact-bounce-rate-1-1024x500-1

事实上,当页面加载时间为 2 秒时,用户平均访问了 8.9 个页面,而当页面加载时间达到 8 秒时,用户访问了 3.3 个页面。

pages-viewed-by-page-speed-1

根据2022 年 7 月对 6255 个网站的调查,网页完全加载所需的平均时间为 4.2 秒,这比谷歌建议的 2 秒要差很多。

这对转换意味着什么?好吧,缓慢的网站会杀死他们。

只需 1 秒的延迟即可将转化率降低 7%。对于一个每天收入 100,000 美元的电子商务网站,这可能是每年 250 万美元的潜在销售额损失。

page-speed-conversions

随着 Google 将用户体验作为排名因素(页面体验更新,通常称为Core Web Vitals),页面速度变得更加重要。

UX 信号推动页面浏览量和转化率,并与网站停留时间、每次会话查看的页面和跳出率直接相关。

ux-signals-page-speed-1-1024x414-1

将这些发现与 Salesforce 最近的一项研究进行比较,很明显,今天的消费者更关心他们的体验。

user-satisfaction-page-load-time-1-1024x358-1

举一个真实的例子,当辉瑞将他们网站的加载时间提高 38% 时,他们的跳出率降低了20%。

发布商牺牲网站加载速度来获取视频和富媒体等繁重内容的情况也并不少见。他们认为这将为他们的访客提供更愉快和互动的体验。但是,大多数人会准备放弃这些内容以获得更快的网站。

media-objects-page-speed-1-1024x693-1

让我们不要忘记手机。自 2018 年以来,谷歌一直是移动优先的,这意味着它使用移动版网页进行索引和排名。然而,就网站速度而言,大多数移动网页仍然没有达到标准。

根据 Backlinko 最近的一项研究,网页在移动设备上完全加载所需的平均时间为 27.3 秒。

average-page-load-time-1-e1659424237250-1024x274-1

这比 Google 建议的 3G 连接最长5 秒“多一点”。

如果您认为移动页面加载时间延迟一秒会使转化率降低 20%,这会变得更加令人不安。

page-load-time-mobile-1-1024x233-1

我们还可以观察到页面加载速度因地区而异。一项对 200 万个数据点的研究表明,与亚洲和非洲相比,美国和欧洲的页面加载速度要快得多。一个原因可能是西方国家使用更快的网络托管服务。

记住这种差异很重要,特别是如果您的大部分流量来自“更快”的地区。

distribution-page-load-by-region-1-1024x702-1

在页面速度方面,您可以在下面找到最大的违规者。

page-speed-seo-1

接下来的 10 个提示可帮助您解决最常见的问题,这些问题会降低您的网站速度并损害您的业务。让我们开始!

1. 实现广告的延迟加载

延迟加载广告的概念很简单。使用这种技术,广告会在您的观众可能看到它的那一刻显示。这种技术可以有效地优化页面速度并改善用户体验 (UX)。

为什么要考虑延迟加载广告?

  • 它可以提高您的广告可见度得分。
  • 它将页面的加载速度平均提高 6 到 8 毫秒。每毫秒都很重要。
  • 它减少了页面延迟。

延迟加载示例

r7ZOeHXq2eoOXCmPqhGobTvPZl-uS2wBTVhsb5Ewif-MQviHExhHB5dEgWVtCGHaXo2Zp8K4wy6WxdfwWMd0swWFpmsqLmygZfxrma0giwLRf71eXXdvrqq64KjxJIwOqy5hLyIu

2.优化移动网站

截至 2021 年第一季度,全球 54.8% 的网络流量来自移动设备。

statistic_id277125_share-of-global-mobile-website-traffic-2015-2021-1

随着 Core Web Vitals 和 Google 转向 100% 移动优先索引,您的网页适合移动设备并针对较小的屏幕尺寸进行调整(例如 iPhone 12 mini 或 Google Pixel 5)至关重要。

如何针对移动设备优化您的网站?

你需要:

  • 选择响应式网站设计;
  • 减少加载未使用 CSS 的插件数量;
  • 减少 JavaScript 执行时间;
  • 延迟加载图像;
  • 考虑切换到Accelerated Mobile Pages (AMP ) 或Cloudflare for Mobile;
  • 定期测试您的移动网站速度并在Google Search Console上监控移动友好性。
unnamed-7-1-1024x509-1

3.优化图片

图片占用了最多的网站资源来下载,这会导致您的网站加载时间更长。

Screenshot-2021-12-01-at-16.08.37-1024x627-1

在某些情况下,图像太重或太多。另一方面,格式不正确。

如何减小图像的文件大小?

以下提示将帮助您优化图像以提高网站的加载速度。

  • 压缩:在上传任何图像之前,请确保使用TinyPNG等工具对其进行压缩。这将在不牺牲质量的情况下减小它们的尺寸。
  • 实现延迟加载:使用这种技术,任何对页面不可见的图像都可以在稍后的时间点加载。有许多可用的插件,例如Native Lazyload。
  • 使用正确的格式:使用最流行的图像格式。根据经验,PNG 更适合图形图像,而 JPEG 更适合照片。WebP 等下一代图像格式也越来越受欢迎,但请注意 Internet Explorer 等浏览器和旧版本的 Firefox、Sarafi 和 Edge 不支持它们。
  • 使用 CSS Sprites:使用 CSS Sprites,您可以组合常用的图像,如徽标和按钮,并生成一个 CSS 代码,一次加载它们。这将提高网站速度,因为不是一个接一个地下载所有图像,而是将它们作为一个下载。

4. 使用内容交付网络 (CDN)

CDN,也称为内容分发网络,是一个地理分布的服务器网络。无论用户的位置如何,它都允许访问 Web 内容。

网站的加载速度直接受用户所在位置的影响。对于物理上远离您的服务器的用户,网站加载时间会更长。

使用 CDN,流量分布在多个服务器之间,这有助于用户尽快获取信息,这对于具有不同地域流量的发布者来说尤其重要。

cdn-comparison-1024x439-1

5.修复404错误

404 错误或流行的“页面未找到”消息是搜索引擎用来指示特定网页或整个网站不再存在的通知。

unnamed-6-1

404 错误不仅会激怒用户,还会严重损害网站性能。

如何修复加载缓慢的网页?

为了修复加载缓慢的网页,请使用错误检测工具,例如 Google 网站管理员工具 (GWT) 或 Ahrefs 的站点审核。

这些工具将帮助您快速检测与您的网站相关的所有错误。

404-error-1024x249-1

如果 404 错误网页有很多外部反向链接,请考虑设置 301 重定向。搜索引擎会将新 URL 编入索引,而旧的反向链接将被添加到新 URL 的排名中。要使新页面更快地被索引,请考虑将其手动添加到您的站点地图中。

6.减少重定向

网页将访问者重定向到与他们请求的 URL 不同的 URL。这会创建额外的 HTTP 请求,这需要额外的处理时间。

对于大多数网站所有者来说,消除所有重定向是不现实的。但是,为了保持网页的速度,请考虑只保留必要的网页。

建议在您的网站上重定向页面时使用直接链接。这将最大限度地减少重定向链并提高整个网站的性能。

重定向示例

ezgif.com-gif-maker-2

7. 缩小 CSS、JavaScript 和 HTML

缩小意味着通过删除不必要的空格、换行符、注释等来优化代码。结果是一个“更短”的文件版本,需要更少的字节来下载。

TWITTERFACEBOOK_BILDES_POSTS___3_-1-1-1024x354-1

这对于 WordPress 发布者来说尤其重要,因为网站建设者有时会创建可能会降低网站速度的混乱代码。

这些工具将帮助您完成此过程:

  • HTMLMinifier – 缩小 HTML 文件
  • CSSNano – 缩小 CSS 文件
  • UglifyJS – 缩小 JavaScript 文件

8. 实现浏览器缓存

用户第一次访问网页时,需要下载大量信息(HTML文档、CSS样式表、JS文件、图片等)才能使用。

浏览器缓存将所有这些元素存储在访问者一侧,因此下次用户访问您的页面时,需要发出的请求更少。事实上,缓存可以减少80%的服务器加载时间!

浏览器缓存是如何工作的?

TWITTERFACEBOOK-BILDES-POSTS-6-1-1024x576-1

如果您是 WordPress 用户,W3 Total Cache 插件会有所帮助。由于它会记录您网站的元素以供将来访问,因此您网站的加载速度会更快。

9. 使用高级 DNS 服务

了解所有网络主机都提供免费的 DNS 托管至关重要。我们相当有信心您的企业此时此刻拥有它。

DNS 是决定服务器响应时间的主要因素之一。但是,要改善这个时间,您需要一个快速的 DNS 提供商。

切换到像 Cloudflare 这样的高级 DNS 托管可以将您的网站速度提高多达40%。这绝对值得考虑。

10.减少第三方脚本

第三方脚本是通过第三方代码嵌入您网站的任何外部脚本,例如嵌入的 Youtube 视频或聊天机器人。

它们通常会为您的网站添加功能并提供许多有用的功能,例如社交分享按钮、评论、分析等。

聊天机器人示例

unnamed-5-1-1024x440-1

第三方脚本会增加网站的额外加载时间。所以只保留真正重要的。问问自己,你真的需要所有页面上的聊天机器人功能吗?是否可以只保留在主页上?

这就是我们在 Setupad 所做的,并且在 PageSpeed Insights 中看到了 25 分的增长!相当不错,对吧?

unnamed-4-1-1024x465-1

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun193365.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
上一篇 2022年9月27日
下一篇 2022年9月30日

相关推荐