一般我们上线网站之前,都会使用谷歌的 PageSpeed 测试一下网站各项指标是否正常。
这款分析工具的能力真的很强,能从工具显示的报告中看出很多问题,当然我们也能根据这些报告内容来完善网站的技术细节。
这里拿一个最简单的技术场景来举例。

比如上图是我最近上线的一个网站,其「Accessibility」模块的具体信息。
之所以这个模块没有满分,在具体的报告分项里也陈列出来了,就是因为页面元素之间的对比度不够。
通俗点说,就是眼神不好的人不容易分辨出网站上那些小字块。
工具做出这样的分析,也是基于业内的通用规则(一般是页面浏览的无障碍标准)。
所以有了这种分析报告之后,便可以根据具体条目逐一进行优化了。
但优化之前有个问题,就是我们不一定能明白这份报告每一项具体是什么意思。
没关系,直接将每一个具体的项目扔给 AI 让其帮我出主意。

像上图便是我当时的操作截图,先把大的背景(比如具体的技术栈、我们做了什么操作、想要实现什么目的等等)交代给 AI 然后再将具体的网站问题扔给模型让其帮助分析。
可以看到 AI 在输出内容里,给出造成这种问题的详细原因,以及具体的解决方案。
那下一步直接根据 AI 模型的指引一个一个操作就可以了。
这里需要注意一点,如果是复杂点的问题,尽可能使用高级版模型,或者是多个模型之间比较内容输出,不然就有可能被 AI 带沟里去。

而且还有一点我特别推荐,就是从一个点的问题解决,到一个面的系列问题优化。
比如上面的问题是网站的元素色调的对比度不够,那干脆能不能让 AI 给我出一套视觉方案呢。
直接基于目前网站的技术标准,让 AI 给出标准的色调搭配的方案,既符合检测标准又能大幅度提升网站视觉统一。
其实类似这样的技术 SEO 标准还有好多,如果我们有能力自己解决,那直接优化掉就好了。
如果自己的不明白,可以直接让 AI 协助解决,说实话 AI 在处理这方面问题的能力真的很强。






