你的网站PSI分数好吗？如何改善呢？

时间：2024-05-12 23:30:02 | 来源：建站知识

时间：2024-05-12 23:30:02 来源：建站知识

网站的架构分数（PSI）好不好，将会影响SEO的关键字排名，PSI分数高代表网站架构符合Google标准，分数低就代表架构差，不符合Google标准。 Google在2020/5/28提出最新的SEO指标V6版Page Experience（网页体验），主要就是在提醒网页设计公司应该把网页设计主轴放在“使用者体验（UX）”，可能造成体验变差的项目都应该避免，网站调整才能让PSI分数提高，以下提供几个网站优化，提升Google PageSpeed Insights （PSI）分数的方法。

延伸阅读：UX与UI网页设计：有什么区别，哪个更重要？

先测试一下网站分数:Google PSI

PSI是什么？

Google PageSpeed Insights，简称 PSI，是Google提供给网站管理者检测网站架构的工具，检测后分数从0~100分，红字就是差（0~49）、橘字就是中等（50~89）、绿字就是极佳（90~100），SEO排名至少要达到80分以上才是比较好的，最新的PSI指标是针对“使用者体验”作为评分的依据，指标有 Largest Contentful Paint （LCP）最大内容绘制、Cumulative Layout Shift （CLS） 累计版面配置转移、First Input Delay（FID）首次输入延迟、Total Blocking Time（TBT）封锁时间总计，都是针对网站体验而来，只要“网站慢”、“效率低”、“用户体验差”都会得到低分，SEO优化成效差一定会影响网站排名。

Google测试SEO优化工具: Google PageSpeed Insights

方法一：首页不要放影片

第一个网站优化的方法就是“首页不要放影片”，首页是用户进来的第一个页面，很多人喜欢把视频嵌到首页，视频就成为首页拖速的元凶，如果非必要，建议把影片放到其他页面，如果是产品影片就放到产品页面，如果是公司简介影片就放到关于我们，如果是报导影片就放到最新消息。网站载入慢可能还没播到影音，用户可能就退出了，第一个网站优化的方法就是“首页不要放影音”，尤其是第三方影音，可以用图片附上链接取代。

延伸阅读: 2020年网站速度优化全面指南

方法二：图片压缩并控制数量

网站图片是拖慢网站速度的原因之一，像是首页大图轮播不要超过三张，其实90％的首页大图点击都发生在前三页，第四张就已经没什么人在看了，图片尺寸一定要先对，然后在同一个尺寸之下进行图片压缩，压缩到肉眼看不出来且可接受的最小档案，一样是1280宽的图，原图300K要至少压到100K以下才行，图片数量能少不要多，像是首页的长度与资料量要控制，不能放过多的图片，这些都是影响PSI分数的因素，缩图、控制图量是很重要的网站优化，能尽量做到就能得到好的速度。

压缩图片工具：TinyPng

方法三：移除多余代码与效果

网站重视形象与内容，但不一定需要这些多余拖速的动画效果，这些动画效果并不能帮您带来订单，多余动画效果只会让网站变慢， 影响PSI分数，还有不要用缓载入图片的代码效果，虽然适合手机浏览模式，但影响了网站整体速度。首页跳出提醒视窗的效果也是网站拖速的原因之一，建议不要用。第三方程序如果没有用到的也要移除，例如：监控网站流量的工具只要装一套就好，不要装一大堆统计代码，没有用到的第三方程序都应该移除，这些都会影响网站PSI分数，第三个网站优化的方法就是“移除多余的代码”。

方法四：不要用Wordpress

很多网站都是用Wordpress设计的，Wordpress安装也很方便，通常是免费或是以很低的价钱就能取得，但是Wordpress的架构因为绑了太多的模组化程序，程序太肥了所以不适合网站优化，无需辩论，将Wordpress网站，用Google网站测试工具（PSI）测试就知道了，分数告诉我们Wordpress不是一个适合优化的网站架构，即使它有方便的SEO外挂插件与优化图片工具，如果坚持还是要用Wordpress那就要好好的慎选模板并做好调教，如果网页设计公司没有把Wordpress调到中等分数的能力，真的就不要勉强了，不要用Wordpress是第四个网站优化的方法。

延伸阅读: 不推荐用WordPress建站的六個原因

Wordpress是什么?

WordPress是一个免费的开放原始码网站系统，主架构是部落格格式，可以自由下载档案架设网站并可以依需求外挂各种程序，架构以PHP为程序语言、以MySQL为数据库，是全世界使用率最高的博客系统，网站使用超过7000万，由于WordPress是模组化网站，因此绑了很多模组程序，以致于WordPress的PSI一直处在低分，这是WordPress的原生劣势，优点是成本低、架设快速、具备各种SEO外挂插件。

方法五：不要用Bootstrap

如果您可以把Bootstrap制作的网站架构分数调整到很高，那么没人会反对使用Bootstrap，但是90％使用Bootstrap的人并不一定是专业的前端工程师，可能由网页设计师或是后端工程师兼任前端的切版，因为Bootstrap的学习门槛较低，只要有心都能学会，但是你会用Bootstrap不代表就是专业的“前端工程师”，就能把网站优化到最佳，如果你希望网站可以达到SEO最佳化，那么就放弃Bootstrap，除非你会完整优化Bootstrap，让网站SEO的PSI分数提高。 SEO架构分数调不高，使用者体验（UX）当然也不会好，一定会影响SEO排名的效率，这是我们给你的第五个网站优化方法。

延伸阅读: 网页设计为什么需要前端工程师？

Bootstrap是什么?

Bootstrap 是用在网站的前端网站框架介面，主要是用于实现RWD的网站，RWD目的是可以适应于不同装置，Bootstrap 就是一个已经把 HTML、CSS、JavaScript 都整合好的RWD框架工具，可以方便网站设计公司快速组装网站，可以有效降低成本与减少开发时间，但因为有很多的前端元素绑在一起，以至于网站的效能不佳。

延伸阅读: 网站建设为什么需要前端工程师？

结论

网页设计需要图片、文字、效果、影片...去完成一个完整网站，网页设计的过程中如果可以秉持SEO逻辑去设计，那就可以在设计初期就可以完成网站优化，也就是高PSI分数，像是：首页不要放影片、图片压缩与控制数量、移除多余的动画效果、不要用Wordpress、不要用Bootstrap，一开始就做到是最好达到PSI高分的方法，如果你的网站已经完成并上线了，已经无法做基础性的改变，不要气馁，只要改变可以改的部分就好，其他可以用更多、更高质量的内容和链接来弥补。