SEO教程:网页加载速度优化指南

2023-04-1214:17:23网站运营与SEO优化Comments686 views字数 2113阅读模式

SEO来说,高质量的内容是王道,高速的访问体验则是最强辅助。前文提到了关于网页体验的一些概述,而快速的访问速度是网页体验的首要任务,网站速度是一个搜索排名因素,其重要性不断提高,更快的网站还可以使搜索引擎更轻松地进行爬网,处理和编制索引。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

快速的网页至关重要

网页的加载速度一直SEO的重要组成部分,没人愿意漫长、无聊的等待一个缓慢的页面加载过程,不论内容多么优秀,都会让大部分访问者放弃浏览,所以保证网页在一个合理的速度中将用户关心的主要内容呈现出来是所有SEO工作的前提。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

页面被浏览器访问时,会按顺序经过以下过程,每个过程的速度均会影响用户的等待时间(用户等待的时间包括以下4个步骤的总时间):文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

  1. DNS Lookup and TCP Connection:DNS查找和TCP连接
  2. HTTP Request and Response:HTTP请求和响应
  3. Server Response Time:服务器响应时间
  4. Client-side Rendering:客户端渲染

如果要排查网页速度慢的原因的话,可以从以上4个方面入手。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

第1项主要通过选择优质的DNS服务器来保证其速度,一般DNS解析时间不宜超过200ms,最好是低于150ms。国内比较优质的DNS服务器推荐:阿里云(原万网)、DnsPod(腾讯云)等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

第2项主要取决于服务器的性能以及使用的WEB服务器系统响应时间,一般来说,这一项的速度会影响TTFB的时间,通过DevTools工具可以查看到这部分的速度。注:TTFB是发出页面请求到接收到应答数据第一个字节所花费的毫秒数文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

如果第2项速度较慢,可能的情况有:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

  • 服务器负载过高:可通过提升服务器配置、带宽等方式。
  • WEB环境设置问题:不论是使用Apache、Nginx或是IIS等,均需要根据不同的业务场景和服务器性能进行相应的优化设置,具体方法本文不再详述。
  • 网络线路质量:国内主机尽量选择BGP线路,如果是国内网站避免选择境外服务器。另外可以通过CDN节点就近访问。

第3项服务器响应时间也应该在200ms以内,影响其速度的因素特别多,例如缓慢的应用逻辑、缓慢的数据库查询、缓慢的路由、框架、库、CPU资源不足或内存不足等。找出瓶颈所在,才能针对性的解决问题。欢迎加入站长帮QQ群咨询、探讨,群号:497013133(加群问题答案:zhanzhangb.com)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

最后一项是客户端渲染时间,这和前端加载的HTML、CSS、字体、图像、JavaScript等均有关系,可以采用的优化措施有:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

  • 使用浏览器缓存:每项资源都应指定一种明确的缓存策略,必须提供 Cache-Control 和 ETag 标头。例如:gif、jpg、jpeg、png、bmp、swf、js、css均可以设置成长达1年或以上的浏览器缓存时间。
  • 缩减资源(HTML、CSS 和 JavaScript)的大小:例如移除代码注释和格式设置、移除未使用的代码、缩短变量和函数名称,等等。还可以使用适当的压缩工具来缩小文件体积。
  • 优化图片:可以使用第三方工具进行无损或有损压缩处理,另外要避免使用尺寸过大的图片。
  • 优化 CSS 发送过程:浏览器必须先处理当前网页的所有样式和布局信息,然后才能呈现内容。因此,浏览器会阻止呈现网页内容,直到外部样式表已下载完毕并处理完毕(这可能需要进行多次往返,因而可能会导致首次呈现时间延迟)。
    • 如果外部 CSS 资源较小,您可将它们直接插入到 HTML 文档中,这称为“内嵌”。
    • 如果 CSS 文件较大,需要确定和内嵌用于呈现首屏内容的 CSS,并暂缓加载其余样式,直到首屏内容显示出来为止。可以通过《什么是关键路径CSS》了解详情。
  • 优先加载可见内容:为提高网页加载速度,限制用于呈现网页首屏内容的数据(HTML 标记、图片、CSS 和 JavaScript)的大小。
  • JavaScript异步加载/延迟加载:尽可能避免使用会阻止内容呈现的 JavaScript,尤其是必须先由系统获取然后才能被执行的外部脚本。

最佳的WordPress的速度优化插件

广义上讲,WordPress插件可以用来加速网站的工作分为三类。他们能:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

  • 静态缓存(服务器端和/或客户端)
  • 优化主题(或数据库)的工作/加载方式
  • 优化媒体交付

从以上三个方面,站长帮经过大量插件的实际效果测试与分析,得出最佳组合:WP Rocket + WP Smush Pro + Perfmatters。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html

  • WP Rocket:非常专业而设置方便的缓存插件,任何人都可以在几分钟内配置此插件,不会破坏网站的正常运行。免费下载地址:https://www.zhanzhangb.com/926.html
  • WP Smush Pro:一款性能最佳,易于使用的WordPress图像优化插件。插件可以进行无损或有损的图像压缩,最新版还允许转换WebP图像格式并将其提供给用户。免费下载地址:https://www.zhanzhangb.com/1041.html
  • Perfmatters:一个非常轻量级的WordPress性能优化插件,主要目的是减少页面大小和HTTP请求数量。它允许禁用许多不需要的功能,例如表情符号,XML-RPC,RSD链接,短链接,RSS提要以及许多其他功能,以加快网站速度。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/33427.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/youhua/33427.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定