您不必成为数字营销人员就知道加载缓慢的页面很烦人。您只需盯着加载屏幕三秒钟以上。
页面速度(及其姊妹术语网站速度,整个网站多个页面加载速度的平均值)是客户与之交互的网站的第一个元素。你永远不会有第二次机会获得第一印象。
除了它们如何影响用户体验、页面和网站速度会影响您的 SEO 工作。
2021 年 6 月,谷歌开始推出更新的 SEO 页面体验,将其 Core Web Vitals 与现有的搜索信号(如 HTTPS 安全性、移动友好性和侵入性插页式指南)相结合。正如我们在 Core Web Vitals 准备报告中所概述的那样,Core Web Vitals 是 Google 认为对 Web 用户体验很重要的信号。它们包括网站响应能力、视觉稳定性和其他页面因素。
Core Web Vitals 的一个重要组成部分是网站速度。如果您的网页加载速度缓慢,它们可能会严重影响您的搜索结果。让我们来看看如何确定网站加载缓慢,并了解如何解决加载缓慢的问题,以便优化搜索结果和网站的用户体验。
Google 如何确定网站加载缓慢?
Core Web Signals 中有几个 Google Signals,专门关注网站速度。这些是:
- Largest Contentful Paint (LCP): LCP 信号跟踪页面加载所花费的时间。为了确定这段时间,Google 会测量首次内容绘制 (FCP) 和 LCP(正在加载的最大图像、照片或文本)之间的时间。如果页面加载时间超过 2.5 秒,则表示加载时间较慢。
- First Input Delay (FID)/Interactivity:FID 是衡量页面变为交互状态需要多长时间的指标。例如,FID 测量从用户单击按钮到为用户打开新链接所花费的时间。Google 建议交互性不超过 100 毫秒,否则将是一个必须解决或改进的技术挑战。
您可以使用Google 的 PageSpeed Insights 以查看您的页面有多快。该工具测量 FCP、FID、LCP 和 Core Web Vitals 评估的其他方面。您将获得一个结果,表明您是否通过评估,因此您将知道是否应该实施以下步骤来修复运行缓慢的网站。
那么,如何修复加载缓慢的页面,为客户提供他们需要和应得的体验呢?
1. 了解网站加载缓慢问题的范围
如果不首先了解问题的范围,就无法解决问题 - 尤其是当该问题无形地分布在大量页面上时。您需要网站速度和页面速度的精确细分。
按最慢的加载时间、最高的月服务量或最广泛的业务影响(特别是如果你在企业规模运营)来组织你的审计页面可能很有用,这样你就可以先解决最大的问题。
对于整体网站速度问题,您可能需要调查诸如 Web 托管服务提供商不佳或缺少 CDN 服务向全球用户提供 Web 内容等问题。可以解决此类问题以提高您的网站速度。
2. 减少以更好地使用网站
从表面上看,这是有道理的:你的页面传输的信息越少,它的加载速度就越快。加载速度最慢的页面可能会因未压缩的文件和优化不佳的代码而不必要地陷入困境。避免不必要的网站元素,例如:
由于我们正在优化搜索引擎结果页面(SERP),因此仅使用谷歌批准的资源来修复网站问题才有意义:用于(获取)HTML 的 Html Compressor 和用于 JavaScript 和 CSS 的 YUI Compressor。
对于文件本身来说,像 GNU Gzip 这样的东西是一个不错的选择(尽管不适用于图像——我们稍后再讨论)。 此压缩工具指示服务器在将所有 Web 对象发送到请求浏览器之前将其分组。 这样,从服务器传输到访问者浏览器的数据大小就会缩小,服务时间也更短。
还有加速移动页面,或 AMP,这是一种精简的超轻量级页面格式,专为终极可读性而设计。 虽然不是强制性的,但对于您只想让某人阅读您内容的页面来说,AMP 页面可能是一个好主意。
并非巧合的是,许多出版商对新闻文章内容采用了AMP。 但请注意,由于其极简的代码库,表单等某些元素无法与 AMP 配合使用。
3. 精简您的网站
两点之间的最短距离是直线。就我们的目的而言,这两个点是初始点击和完全加载的页面 — 因此我们希望它们之间尽可能少地包含内容。
太多的样式表、图像和脚本会妨碍您。重定向也是如此。您希望在您的网站上尽可能少地添加额外内容。如果它没有真正的目的,它只会损害您的网站速度。
4. 启用浏览器缓存以改善页面加载
加快缓慢加载页面速度的一个好方法是让用户做一点繁重的工作。浏览器缓存可以将您网站的某些部分存储在用户的缓存中,这意味着部分拼图在后续访问中已经完成。您网站的数据检索过程会加快,因为将来对相同内容的请求是从缓存的内存中提供的。
您可以缓存元素,包括图像、数据库查询和 HTTP。在测试中,启用浏览器缓存可能会使加载时间缩短近整整两秒。
您的里程可能会有所不同,但如果您专注于重复访问并希望用户体验随着时间的推移而改善,那么浏览器缓存是实现这些目标的好方法。
5. 优化您的网站图片
现代网络是高度可视化的,这意味着图像可能会占用大量加载时间。尤其是高分辨率图像,加载速度可能会变慢,因为它们会消耗大量带宽。好消息是,当您在网站上加载图像时,您可以遵循一些最佳实践。
一种建议是压缩图像以优化它们。在进行图像和内容更新时,您还应该正确缓存您的网站。
避免使用 BMP 和 TIFF 文件会有很大帮助。JPEG 更适合照片,而 PNG 最适合少于 16 种颜色的图形。即使裁剪边缘或稍微减少颜色深度也会产生影响。
在技术性更强的方面,请确保您的图片中没有空白的 src 属性。这可能会导致不必要的流量。
最后
很容易忘记网站速度,但它是任何网站最重要和最前沿的元素之一。近年来,互联网上的平均页面加载时间实际上一直在增加,因此如果您可以优化网站速度,您将在人群中脱颖而出。
加载缓慢的页面意味着糟糕的用户体验和可能失去的业务。但是,真正卓越的网站速度可以为您的用户提供有意义的更好的用户体验。这可能会对您的业务产生明确的影响。
優(yōu)網(wǎng)科技,優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門戶型、DIY體驗(yàn)、720全景展廳及3D虛擬仿真)、移動(dòng)端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)、微信小程序定制開發(fā)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。