提高网站速度可以提高搜索引擎排名、吸引更多流量、降低跳出率并提高转化率。 然而,让电子商务网站变得更快说起来容易做起来难。 右上角的购物车总数等动态区域可能会出现缓存问题。 使用了许多第三方 JavaScript,其中大多数被认为是电子商务 SEO 几乎无法控制的呈现阻塞资源。 速度通常受到电子商务平台本身的限制,尤其是在使用托管解决方案时。 SEO 对网站速度的基本原理了解得越多,他们就越能赢得开发人员、设计师和 SaaS 供应商的支持,以实施此类真正的解决方案。 那么如何提高页面速度呢? 首先,当谈到提高页面速度时,重要性顺序是: 优化关键渲染路径 启用图像压缩 实施条件加载技术 早在 2010 年,Google 就宣布速度是其算法中的一个排名因素。 此外,许多人发现,无论搜索引擎排名如何,用户对网站加载时间的要求越来越高,速度较慢的网站的放弃率也越来越高。 此外,谷歌转向移动优先索引必然会更加重视页面加载时间。 桌面和移动设备的速度变得越来越重要。 以下是几个速度问题以及需要考虑的建议解决方案。 关键渲染路径及其对加载时间的影响 关键渲染路径 (CRP) 优化决定了网页元素的加载时间和方式。
Google 表示:“性能优化就是要了解接收 HTML、CSS 和 JavaScript 字节以及将它们转换为渲染像素所需的处理之间的这些中间步骤中发生的情况,这是关键的渲染路径。” 认识浏览器的功能并了解元素的获取、加载和渲染顺序可以大幅提高网站速度,而从内容的角度来看却不会发生太大变化。 使用瀑布图(例如 Chrome DevTools 提供的瀑布图)将帮助您确 英国电话号码清单 定英国电话号码清单[/url][/b] 加载内容以及加载时间: 一张包含四列的表格,分别标记为两行如下:优化(渐进式渲染)。 页面在 0.3 秒时开始加载,并逐渐加载更多内容,直到 1.5 秒时完全加载。 未优化的渲染。 负载在1.5秒内启动并完成负载。 在使用 Google 的 Pagespeed Insights 工具解决 Pagespeed 问题时,我们最常遇到这种情况,其中页面分析将返回如下建议:Google Pagespeed 屏幕截图。 文字说明:71 / 100 建议摘要。 应该修复:启用压缩,消除首屏内容中阻塞渲染的 JavaScript 和 CSS。 考虑修复:利用浏览器缓存、缩小 JavaScript。 大多数这些修复涉及优化网站的 CRP。 下面将更详细地讨论这些内容。 相关:预渲染、预取、预连接和预解析 阅读 Mike King 撰写的关于 SEO 的“Pre Party”的精彩总结。
从本质上讲,这个概念是,如果您知道“大多数”用户在登陆关键页面后倾向于如何使用和导航网站,您可以指示浏览器使用这些标签为这些操作做好准备。 缩小、压缩、缓存 上面提到的这三种技术相对简单: 缩小:您可以首先通过消除任何多余的行来使代码尽可能干净。 有许多工具可以帮助缩小 JavaScript,这可以将这些 JS 文件或内联 JS 的大小减少多达 80%。 有类似的工具可用于缩小 CSS。 Minifier.org 两者兼而有之。 压缩:使从服务器获取的文件大小尽可能小。 缩小代码会有所帮助,但您可以通过调整图像大小和压缩图像来看到重大改进。 如果您尚未使用 Gzip 压缩,本 Varvy 指南提供了针对各种类型 Web 服务器的设置说明。 有关图像压缩的更多信息可以在下面找到。 缓存:允许浏览器在用户过去访问过页面时记住先前加载的页面元素,这样就不必从服务器重新加载它们。 返回正确的标头响应和 HTML 标头以指示用户代理如何缓存每个资源非常重要。 对于大多数网站来说,“Cache-Control”标头中的“Max-Age”设置得越长越好。 一个好的 CDN 可以很好地处理这个问题。 最大限度地减少渲染/解析器阻塞资源的使用 首先,将网站代码的不同部分视为具有不同的功能是有用的:Google 解释道:“在浏览器渲染页面之前,它需要构建 DOM 和 CSSOM 树。 因此,我们需要确保尽快将 HTML 和 CSS 交付给浏览器。
刀云免责声明
1、帖子原作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任。
2、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。
3、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意。
签名:这个人很懒,什么也没有留下!