前端工程师如何通过技术手段提升网站SEO效果？

说到SEO，很多人第一反应是内容、外链。但前端代码写得好不好，对排名影响很大。今天我就从技术角度，聊聊前端怎么配合SEO。

网站速度是排名的重要因素。谷歌明确说了，页面加载时间是排序信号。前端能做的优化很多。

先说图片。很多网站图片没处理，直接传原图，加载慢。你得做这几件事：

• 用正确的格式。照片用WebP，比JPEG小25-35%。图标和简单图形用SVG。
• 压缩图片。用工具像TinyPNG、Squoosh压缩，肉眼看不出来差别，但体积小很多。
• 懒加载。首屏外的图片用 `loading="azy"` 属性。用户往下滚动时再加载。

这是几种图片格式的对比：

接下来是代码和资源。CSS和JavaScript文件不能阻塞渲染。

• 关键CSS内联。就是首屏渲染必需的样式，直接写在HTML的`