优化页面速度来提高排名和转化率
了解如何提高页面速度以改善用户体验,提高转化率并获得更好的自然搜索排名。提高页面速度以改善用户体验,提高转换率并获得更好的自然搜索排名。
为什么页面速度很重要?
随着技术的发展以及使用框架,插件,脚本,媒体内容等来增强您的网站变得更加容易,至关重要的是不要忽视这种基本的用户体验指标,该指标可能会使访问者在浏览器呈现之前就离开您的网站。
如今,随着移动互联网的使用量超过台式机,页面速度已成为越来越重要的因素,它会影响访问者设备范围内的用户体验,转换率和搜索引擎排名。
谷歌的研究表明,如果网页加载时间超过3秒,并且移动网站在3G连接上的平均加载时间为19秒,则53%的访问很可能会被放弃。
自2010年以来,Google就一直将页面速度视为桌面搜索的重要排名因素,这是有道理的。最近,Google 推出了另一种速度更新,使页面速度成为移动搜索的最高排名因素。
注意:PageSpeed Insights是Google提供的有用工具,可以分析您在移动设备和台式机设备上的网页,并提供有关如何提高性能的建议。
在这里,讨论一些有助于网页加载速度的关键因素,以及可以采取哪些措施来加快速度。
优化图像
网页请求的资产的文件大小(包括网页本身的文件大小)都有助于提高页面速度。高分辨率图像是导致网页加载缓慢的最大原因之一。有许多方法可以减少图像重磅页面的摩擦。
为每种图像类型使用最佳图像格式。对于照片等基于栅格的图像,请使用JPG格式。确保删除不必要的图像EXIF元数据,例如照相机和地理信息。少量的JPG压缩可以大有帮助。从80%开始,然后向下移动,直到开始看到质量略有下降。
对于基于矢量的图像,例如插图,图标和徽标,请使用SVG或PNG格式。从SVG图像中删除不必要的XML标记。
为每个响应断点使用最佳图像大小。实施响应图像并提供适合您访问者设备的大小的图像。这将防止具有小屏幕的访问者不得不下载不必要的大图像。
缩小HTML,CSS和JavaScript
HTML,CSS和JavaScript等文本文件可以“缩小”以删除不必要的字符和空格,从而减小文件大小。以下工具是免费提供的。
- HTML Minifier
- CSS Minifier
- JavaScript Minifier
- 删除阻止渲染的JavaScript
JavaScript是现代Web的关键组成部分,使我们能够创建动态的交互式体验。但是,由于浏览器被设计为在继续解析页面上的HTML和图像之前先下载并执行脚本,因此您的脚本需要特别注意以确保它们不会降低您的网站速度。
内联JavaScript
如果您有一些与特定页面相关的小脚本,而不是引用外部JavaScript文件,则最好使用以下命令将它们内联到HTML文档中:异步JavaScript
可以将async属性添加到任何指向外部脚本文件的脚本标签中。这告诉浏览器在下载脚本时继续解析HTML文档。脚本下载后,将立即执行。