若是你有持久看我的部落格文章，应该会晓得我强调良多次，Google十分的重视用户体验，只以用户为更优先考量、重视用户体验的网站主，才气够实的理解SEO该怎么做，而『网站速度』天然在网站优化上是一个很重要的项目，关于SEO以及网站的体验都有很大的影响。尤其自从Google发布了网页体验讯号（Page Experience）之后，网站速度显然只会越来越重要，我想我应该要出格更新一下速度优化的文章，来供给更多的概念以及分享。
那篇文章我会完好分享『网站速度』关于网站的影响，以及你该怎么做。
先谈『网站速度』事实会怎么影响你的网站凡是我在承接参谋专案时，『网站速度』会是我们评估『网站安康水平』的重要目标之一，因为速度是一个十分综不雅的目标，他影响的层面十分多，我们也先来初步领会一下，事实关于『网站速度优化』那件事过于怠慢的话，影响层面有哪些：
间接性影响你的网站SEO排名Google在2010年时就发过官方声明，网站的速度、效能将正式影响搜索排名，Google在评估一个网站能否值得得到好的排序时，网站速度已被列入为排名因素。
不外Google的所谓的『排名讯号』是有分强度的，每一个优化项目标『排名讯号』强度都差别，简单来说，Google在判断你的网站能否值得被排序到搜索成果页的前面时，有着十分复杂的演算法而且参考了十分多的讯号，那些讯号有强弱之分，若我们针对讯号强度较高的项目停止优化的话，你在SEO的效果上会较容易看到效果，反之若是讯号强度较弱的排名讯号，则是优化了也未必会看到效果。
举例来说，网站整体的内容能否够丰硕、够优良就是属于高强度讯号。你网页的网址里面有没有提到关键字，就是属于极度低强度的讯号，凡是网址里面没有塞关键字，也能得到好的排序。
那么我们那篇文章正在谈的『网站速度』是属于多高强度的排名讯号呢？若是我们优化了网站速度，关于SEO的效果有多大的影响呢？
谜底是：『网站速度』属于中至高强度的讯号，并且讯号强度只会被设定得越来越强。
多年前，Google刚起头颁布发表『网站速度』会影响排名的年代，其时在良多专案上，我们优化网站速度后，都未必会察看到网站的排名、SEO表示、SEO流量会提拔，仍是要依靠反向保持、内容、On-Page的调整，才会看到显著的效果。但那两年在优化的实务经历以及数据察看之下，我起头发现『网站速度』的讯号强度越来越高，优化后的效果大多都很显著，同时，Google在2018年时有公开声明『网站速度』的讯号强度会进步到影响手机排名，2020年时又颁布发表了Page Experience（网页体验讯号）那个与网站速度有联系关系性的排名讯号，我只能说，结论很显而易见：
那两年Google越来越重视『网站速度』，他对SEO的影响是逐年在提拔，明年、后年、大后年也必定会越来越重要，是如今做SEO必然会优化的超等重要项目之一。
除了排名，还会影响Google的爬取额度（Crawl Budget）先前我有写一篇文章议论过，Google有所谓的爬取额度（Crawl Budget），若是你的网站速度太慢，会影响爬虫来爬你网页的安康水平，若是速度慢到爬虫爬不动你的网页、或爬起来的效率很差，那整体SEO的效果也会欠好。
从『排名讯号』的角度以及从SEO手艺优化的『爬取』角度来看，网站速度都是至关重要的。
影响利用者体验以及转换率按照Google的研究陈述指出，网站速度关于跳出率的影响长短常显著的，你的网站载入速度若是1~3秒以内，客户跳出网站的可能性会增加32%，但只要慢到5秒，客户跳出网页的可能性就会增加到90%（其实那长短常惊人的数据），客户跳出率高，那么当然就会影响你的转换率、订单成交率等各项贸易表示数据。
一个重要的不雅念：关于网站速度，万万不要自我觉得优良网站速度的优化影响的层面良多，从跳出率、利用者体验、影响爬虫的爬取效能、以至影响SEO的排名。因而网站速度优化，是一个对整体网站都十分有帮忙的优化工做。
在优化时我们不克不及用公司、家里的电脑来＂体感＂网站的速度有多快，我们的用户可能位于网路情况较差的处所、或是他的手机正连上某个速度较差的wifi 网路。同时，＂你觉得网站速度很快＂其实不代表Google认同你的网站速度很快，若今天我们是要为了SEO而优化网站速度，最末目标仍是＂Google能否评议你的网站速度优良＂，因而不管是为了用户仍是为了SEO而去优化速度，我建议仍是制止用本身体感的体例来判断网站速度能否优良，而是应该要利用一些网站速度阐发东西来做阐发以及检测：
保举东西1：Google Page Speed InsightGoogle Page Speed Insight是Google官方所开发的东西，若是你希望领会＂Google若何对待你网站的速度＂，用Google的东西就能够到达目标，Google开发的那套Page Speed Insight算是操做起来比力容易上手，介面也不会太复杂的东西之一，故一起头做速度优化时，我都保举先以Google的东西为主。
利用上只要点开Google Page Speed Insight的东西，在东西上方输入网址，东西就会赐与你的网站一个1~100的分数，除了分数之外，你能够鄙人图底部的处所看到First Input Delay（ FID）、Largest Contentful Paint（LCP）、Cumulative Layout Shift（CLS）等三个目标，那三个目标是Page Experience（网页体验讯号）的三大重要目标（若还不晓得FID、LCP、CLS那些目标是什么的话，建议你先阅读网页体验讯号那篇文章，再回头来阅读网站速度优化的文章），那三个目标也是你1~ 100分能得到几分数的重要根据（也请出格留意，动作版的网站速度表示以及电脑版的网站速度表示是分隔的，有可能你的电脑版网页速度很快，但手机版却有许多优化空间）。
值得一提的是，Google Page Speed Insigt那套东西有一个其他东西无法代替的处所，那就是＂Chrome用户体验陈述＂，FID、LCP、CLS等目标都有一个绿橙红所构成的长条图，那个长条图所显示的是实在的、实正有拜访过你网页的利用者们所产生的材料，以下图来说，有62%的利用者在LCP上体验优良、24%有待改善、15 %为不良。
再把检测陈述往下卷动，我们会看到许多的速度优化项目，那边是Google的东西提出的速度优化建议，间接建议你该若何停止优化（那些项目我们会在文章的后段来停止申明），实务上我们会按照陈述检测出来的问题，与网站的PM、网页手艺人员来讨论该若何改善那些项目。
保举东西2：WebPage TestWebPageTest固然不是Google所开发的东西，但仍是Google官方保举的可用东西之一，翻开东西后，同样只要输入网址就能够起头做测试，WebPageTest比力差别的是，你能够选择速度测试的国度以及阅读器，若是你是国际品牌，网站的目的族群来自于各类差别的国度地域，则能够用此东西来检测差别的地域拜访你网站时的速度表示。
当WebPageTest 帮你跑出陈述之后，你能够点开＂Detail报表＂ 就会看到下图的瀑布流材料报表，我们能够从那个报表中找出最消耗你网页资本的档案是哪些，行销人（非手艺人员）能够从陈述中的副档名辨识出拖累网站效能的是图片仍是程式档案，jpg/png是图片的档案格局，js/css则是程式档案，若是特定程式档案破费太多效能的话能够找手艺人员讨论该若何优化，若是图片档案拖累效能的话，则能够将图片透过Photoshop停止压缩或图片压缩东西，调整图片后再从头上传图片。
大多的时候我们其实都能够用Google的Page Speed Insight来处理问题。若感触感染到网站速度很慢，但透过Page Speed Insight来检测却检测不出问题时，就能够改用WebPageTest来穿插阐发，找出是网页上的那些档案在拖累网站的速度。
保举东西3：Google Analytics的网页操做时间报表实务上我们要优化的网页良多，因而会把每一个网页的版型都用速度检测东西来检测一遍并停止优化（例如说：以电商网站来说至少会有三个重要版型，包罗『首页』、『商品列表页』、『商品详细页』），但实务上若是你的网页数量太多，不晓得该从哪些网页起头优化，你能够翻开Google Analytics的『网页操做时间』报表，那张报表会呈现出哪些网页速度最慢，你能够先找出最多利用者阅读、但网站速度较慢的网页，优先对那些网页停止优化。
网站速度优化有哪些项目？要怎么做？上面我们看完了东西，如今来谈，那么东西跑出数据之后，要怎么动手优化网站速度呢？网站速度优化的项目与要顾的工作十分多，在你起头优化之前，我希望你先留意几件工作：
1有手艺人员协助：网站速度有良多优化项目都是需要手艺人员协助的，请先确保你身旁边有愿意陪你讨论、规划、施行的手艺人员供给协助。
以我来说，我的素质以及特长仍然是在『行销人』，凡是在速度优化上仍是要依赖网页手艺人员的协助以及援助，那都是很一般的。
2若是你是利用架站平台：若是你是利用电商平台，那你很可能没法子优化网站速度，若你感应网站速度太慢且已经影响了SEO、转换率、跳出率等多项贸易表示，最间接的处理计划仍是跟平台的厂商联络并请他们协助，但若厂商没法子协助，那很遗憾，若希望速度更好，可能要考虑改换一个平台。
3若是你是利用架站系统：若是你是利用开源架站系统（像是Wordpress），那么你若何利用架站系统很可能会影响你的网站速度（像是你利用的主题、插件、功用…等），在优化时更好有很熟悉系统的人从旁协助。若是是像WordPress那种很流行的系统，网路上的文章跟资本也良多，也能够一边爬文一边本身优化。
那么，我们再来就要起头介绍速度优化上常见的优化项目，以下条列出来的项目我以本文提到的Google Page Speed Insight 那个检测东西会条列出来的优化项目为主，那些也是Google官方建议我们优化的项目，至于你能否需要优化那些项目，跑一次Google Page Speed的速度检测东西，东西就会条列出来：
利用适宜的图片大小图片的大小太大、解析度太高、品量太高是我们在速度优化上最为遍及的项目，良多人在上传图片（不管是商品图片仍是文章图片）时都没有出格压缩的习惯，事实上就算你上传的图片解析度为4,000 x 4,000 仍是800 x 800，你的利用者现实看到的图很可能底子是没有太多不同的，但4,000 x 4,000 与800 x 800的图片容量大小可能能够差到数倍以上。
凡是我会建议你找到一个＂解析度不会失实的更低限度＂为几，并以此为尺度即可，以我的文章来说，我也是从400 x 400、 500 x 500、 600 x 600来一一测验考试，最初我选择图片尽可能更大不要超越600，宽度600在我的网页上是明晰且容量不会太大的大小。你能够透过Photoshop调整图片的品量、解析度、大小，也能够利用Google官方的免费图片压缩东西『Squoosh』来压缩本身的图片。
上述的情况是＂若是你的网页是你能够本身上传图片＂的前提，你能够用Photoshop或是用压缩东西先将图片压缩到必然尺寸大小再上传。但若是你是电商网站可能就会碰到下图的情况，良多电商网站的商品列表页（下图左侧）以及商品详细页（下图右侧）是利用同样一张商品详细页的图片，利用者看起来大小差别，是因为网页上的CSS将图片在网页长进行大小的缩放调整（下图仅是示企图，ebay其实是有做好图片的压缩，若是想看一下压缩后的样子也可参考ebay的商品列表页）。
举例来说，以网页介面来说，你的商品列表页的图片区块为400 x 400 解析度的小图，而商品详细页的图片为了让消费者能够看得清晰，是利用较大张的800 x 800。
你的商品列表页在网页介面上其实只要400 x 400尺寸的图片即可，那时若是你将商品列表页的图片压缩到400 x 400，档案容量能够控造到必然的大小以内，但良多网页在运做上是＂商品列表页的图是间接抓取商品详细页的图＂，就会招致商品列表页的载入领会析度较高、容量较大的图片，尤其商品列表页凡是会有大量的图片，若是每一张图的大小都是载入太大解析度的图，那会让整体速度表示很差。
若何确定你的网页能否有如许的情况呢？你能够透过我的文章中介绍到的阐发东西来检测，或是透过下图的体例，在你的商品列表页的图片上按右键来开启图片，看图片能否太大张。
那个问题的更佳处理计划，其实是透过图片压缩套件来处理，当我们把图片上传时，我们网站会在后台压缩好几张差别尺寸大小的图片，按照网站的需求来利用，举例来说，网站侧栏的板位较小，只需要200 x 200、商品列表页只需要400 x 400，就让压缩程式来压缩出差别尺寸的图片。不管是Wordpress仍是自家网站都有类似的套件能够利用，但网站若要安拆此类的套件，同样也是需要手艺人员供给协助才气做。
移除未利用的JavaScript / 移除未利用的CSSJavaScript以及CSS都是网页上的程式档案，若是Google Page Speed Insight针对你的网站抛出那项建议，代表东西侦测你的网页上有些程式档案是没有利用到的，那些程式档案等于既没有在利用、但利用者的阅读器却需要去载入那些程式档，天经地义的网站速度就会被拖累。若看到那个项目还请跟手艺人员确认一下，能否那些确实是用不到且能够移除掉的程式档案。
那个项目是属于需要手艺人员协助做批改/查抄的项目。
排除制止转译的资本那同样是需要手艺人员供给协助的优化项目，白话一点来说，就是网页上有JavaScript/CSS 干扰到了初次画面的绘造，实务上我们会建议延迟较不重要的JavaScript/CSS的施行时间。
『排除制止转译的资本』以及『移除未利用的JavaScript / 移除未利用的CSS』都算是对程式档案的清整以及大拂拭。
启用gzip或类似的压缩手艺那是Google官方保举的优化项目之一，透过gzip压缩手艺我们能够有效的压缩网站上的档案大小（包罗HTML、CSS、JavaScript），进而优化网站速度，也同样需要手艺人员供给协助来帮你安拆gzip。
Reduce initial server response time（降低主机回应时间）若是你的速度检测陈述显示出那个项目Reduce initial server response time，代表你的主机回应时间太慢，那时会需要从头清整主机的情况、或晋级主机的情况/硬体。
供给next-gen 格局的图片Next-gen 其实指的是新世代（Next Generation）的意思，过去我们利用的图片格局大多为JPG以及PNG 居多，但Google如今出格倡导利用新世代的JPEG 2000、JPEG XR 、WebP那些图片格局，因为那些格局的图片档案容量更小、图片失实不严峻、关于整体速度体验更好。但因为目前并非所有的阅读器都援助那些格局，所以那些格局还尚未普及，目前Google也还没有强迫要各人接纳如许的格局，仅是在一个推广的阶段。
以我的网站来说，我是利用WebP的图片格局，而且透过判断式来停止优化（当利用者的阅读器援助时，网站就会供给WebP图片，若碰到利用者的阅读器不援助WebP时，我的网站就会改为供给PNG图片），因为大多版本的Chrome仍是援助WebP的，所以我比来决定接纳了那个图片格局，在改换到WebP之后，均匀我的每一张图片的大小缩小了60~70%摆布。
关于速度优化，略微总结一下Google判断网站排名的讯号有良多，即使我们把Google Page Speed 做到90分、确保网站速度的优化工做很确实，但究竟结果网站速度只是搜索引擎演算法中的此中一环，固然他的讯号强度偏高，但也不要等待只做好网站速度优化，排名就能上升。从网站内容、关键字规划、反向保持…等良多讯号都跟排名有关，网站速度只是此中一环。
同时，网站速度优化良多项目都是需要手艺人员协助的，像是『排除制止转译的资本』、『排除制止转译的资本移除未利用的JavaScript / 移除未利用的CSS』都算是对程式档案停止清整、整理、优化的工做，若是你是利用较难更动的架站平台、或公司没有手艺人员能够供给协助，那么就会很难停止下去。
评论列表