在今年的 Found 大会上,我们自己的首席执行官 Ray Grieselhuber谈到了易读性设计的重要性。用户在访问您的网站之前通常都有某种目标:他们在访问您的目标网页之前会搜索某些内容,而您希望满足用户的这种意图。此外,用户不想等待他们的内容。由于用户期望获得即时体验,因此确保提高页面速度是 SEO 的重要组成部分。
同时提高页面速度和排名
Google 将网站速度定义为构成您网站的所有页面的速度,而页面速度则是指您网站上单个页面的速度。网站速度基于您网站上的所有页面 — 因此,您需要缩短所有或大部分页面的加载时间,才能提高网站的整体速度。Google 表示,页面加载时间应在 2.5 秒内。
速度作为排名因素并不是什么新鲜事;自 2010 年以来,谷歌就一直将其作为桌面搜索的排名因素。2018 年,该搜索引擎宣布了所谓的“速度更新 购买电话营销数据 将页面速度作为移动搜索的排名因素。该公告包含合理的理由:页面速度会影响跳出率,而谷歌的目标是让用户停留在他们想要停留的内容上。它甚至引用了研究,表明页面加载时间超过 3 秒时,跳出率会急剧增加。
尽管 Search Engine Watch 表示页面速度与排名的相关性很小,但它与某些用户行为的相关性非常高:这些行为肯定会影响您的排名。同样,用户知道自己在搜索什么,而速度慢的网站无法满足用户的期望。
提高页面速度并改善用户期望
Ray 表示,页面速度、加载时间和渲染时间都是留住用户的重要因素。“如果加载某个内容需要花费数秒以上的时间,那么他们对从该页面获得的价值的期望就会迅速上升,”他说。
等待低质量的页面内容可能会让用户感到沮丧。2010年代初的一项研究表明,当时,网页设计师只有50 毫秒的时间来给人留下良好的第一印象。当然,这个数字可能因网站、设备和用户而异——但人类天生就会做出快速判断。用户几乎会立即决定是否要与您的网站互动,并在决定再次访问时存储该信息。
加载时间缓慢意味着您的用户无从判断 — — 并且很可能会离开您的网站。相反,更好的页面速度不仅可以留住用户,还可以提高用户访问后的参与度。谷歌和德勤的一项研究表明,加载时间即使缩短 100 毫秒也会对用户行为产生重大影响:页面速度提高 0.1 秒,转化率就会提高 10%。
解决拖慢加载时间的问题。
加载速度慢可能是技术问题,而不是内容问题。因此,要提高页面速度,您可能需要让开发团队(如果有)参与进来,或者提高自己对后端问题的熟悉程度。
第一步:搞清楚你的现状。Google的“测试我的网站” 功能可让你测试网站速度,如果加载时间超过 2.5 秒,它会向你显示建议的修复方法。“测试我的网站”甚至还提供自定义建议,指出对网站的最佳改进方法。这些修复方法可能包括:
HTTP 缓存可加快回访用户的加载时间。浏览器可以缓存样式表、图像等,以防止回访用户重新加载整个页面。请在此处查看 Google 的该主题指南。
调整图片大小。确保图片大小不超过需要的大小
您不需要为网站的每个页面都设置高清照片!调整图片大小以匹配网站的显示尺寸。并且,确保图片格式正确(PNG 或 JPEG 都可以,但 WebP 图片更好)
减少重定向。每次页面重定向到另一个页面时,您的用户都会面临额外的等待时间。构建适合您目的的 URL:如果可能,避免使用 m-dot 页面或需要缩短的长 URL。
压缩 JavaScript、CSS 和 HTML 。压缩会删除代码文件中所有不需要执行文件的数据:基本上就是删除代码注释和未使用的代码、使用较短的函数名称等。这不是您想手动完成的事情,但有很多工具和资源可用于帮助完成这个项目。
压缩大型 CSS、HTML 和 JavaScript 文件。尝试使用Gzip,这是一种压缩算法,可让您减小文件大小并保留原始文件属性。
减少服务器响应时间。页面加载的最大因素之一是浏览器检索 DNS 或域名系统所需的时间。一些 DNS 提供商比其他提供商更快 – 因此您可能需要考虑切换 DNS 提供商。
选择更好的托管选项 廉价的托管选项通常使用共享托管(将您的网站与其他网站放在同一台服务器上)。这意味着您的网站(或托管在同一台服务器上的其他网站)的流量激增可能会导致加载时间变慢。您可能需要考虑 VPS 托管(为您的网站保留一定比例的服务器资源)或专用服务器。
请务必经常重新测试您的网站,并寻找页面速度的改进。通过建立基准性能,您可以检查您为降低加载时间所做的工作的效率。网站审核策略可以帮助您确定当前情况以及您应该检查页面速度改进的频率。
使用 AMP 提高页面速度和用户体验
使用 AMP(加速移动页面)是提高整个网站页面性能的好方法。AMP 是一个开源 HTML 框架,可提供更快、更流畅的移动加载体验。高级移动页面将您的标准 HTML 页面重定向到精简版页面,从而减少一些可能拖慢您网站的代码。AMP 最初是作 心理健康的重要性:幸福生活的指南 Google 通过 Facebook Instant Articles 和 Apple News 即时加载页面的竞争对手推出的。如今,多个平台都支持 AMP — 您可能已经这样做了。如果没有,请考虑使用它来降低页面速度。
AMP 表示,它使用七个主要因素来减少加载时间。它们包括:
它仅执行异步 JavaScript,从而减少内容阻止脚本。AMP 的脚本和组件同时加载,因此一段脚本不会等待另一段脚本。
独立于资产的布局可减少加载资源所需的时间。图像、广告或 iframe 等外部资源必须在 HTML 中声明其大小,以便 AMP 可以在下载资源之前确定每个元素的大小和位置。
CSS 经过优化,体积更小:服务器只需加载几个样式表,而不是整个库。这可以视为良好的 CSS 卫生习惯。
Web 字体已经过优化,并且再次与页面的其余部分异步加载。
样式和布局重新计算非常有限。大多数页面会逐个向浏览器提供布局,但 AMP 会预先提供所有布局。
动画在 GPU 而不是 CPU 上运行,因此计算机渲染动画所需的精力较少。
AMP 优先加载资源。AMP 会首先下载最重要的资源,即首屏文本。
好的,是的:这七个因素非常复杂。寓意是:AMP 可以创建更快、更轻量的网站版本。该版本加载速度更快,用户体验更好。而且,如果您想提高移动设备上的性能,您应该检查一下。
消除减慢用户获取信息速度的因素。
速度不仅仅与加载时间有关。请考虑网站中可能导致用户体验变慢的其他元素。优惠、LED 生成插页广告和其他弹出窗口通常从点击率的角度来看效果良好 awb 目录 但它们会减慢用户访问页面内容的速度。从开发的角度来看,弹出窗口可能是一种“最佳实践”,因为它们可以带来大量点击和转化。但是,请权衡一下这一优点与明显的缺点:弹出窗口很烦人。
Ray 表示,页面速度、加载时间和渲染时间都是留住用户的重要因素。如果用户需要花费数秒以上的时间才能到达您的页面,那么他们就会期望该页面绝对物有所值,