（一）优化图片格式和大小
1.使用正确的图片格式，例如 PNG、JPEG 或 WebP，webp更优。
2.使用适当大小的图像，使用imagemin压缩图像，或者使用其他的图片压缩插件进行压缩。
3.使用视频替代GIF，网页中如果存在GIF，那么尽量转化为视频，GIF动图比较大。
4.使用响应式图片，适用不同的设备上浏览。
5.使用CDN图片，减少图片文件传输大小。
6.延迟加载屏幕外图像，使用lazysizes codelab 延迟加载屏幕外图像
（二）优化视频
1. 迟加载视频，页面上视频尤其是屏幕外的视频可以做延迟加载。这样可以提高页面的加载的速度。
2. 使用视频外部托管平台，例如YouTube、Vimeo或Wistia，可以节省空间，加快加载速度
（三）优化CSS
1. 延迟加载非重点CSS
2. 缩小CSS
3. 删除未使用的 CSS
4. 提取关键CSS
使用 Chrome DevTools 中的Coverage 选项卡来识别非关键CSS和JS。绿色（关键），红色（非关键）
（四）优化JavaScript
1. 延迟加载较大的JavaScript文件，这样可以确保您的其余内容可以立即加载
2. 通过代码拆分减少 JavaScript 负载，长任务的JavaScript 会占用
3. 删除未使用的代码
使用 Chrome DevTools 中的Coverage 选项卡来识别哪些代码是关键的，哪些代码是未使用的。点击查看细分代码。
4.使用现代代码加快页面加载速度
（五）预加载重要资源
1. 使用内容交付网络
2. 预加载关键资源
3. 提早建立网络链接
（六）优化第三方资源
1. 减少不必要的第三方代码，例如各种插件，聊天工具等
2. 阻止慢速第三方JavaScript
3. 高速加载必要第三方JavaScript
（七）优化网站字体
使用系统字体，不同浏览器和设备通用，减少字体下载时间。
（八）减少重定向和低质量页面
网站重定向会创建额外的 HTTP 请求，这会对性能产生负面影响
1.避免过多的重定向，只保留重点的。
2.避免重定向链过长。
3.可以使用Screaming Frog快速识别重定向。
删除低质量页面，可以让google可以更加高效地爬取我们的页面，没有复杂的内容和结构，也可以提高网站加载速度。
1.减少内容过少的页面。
2.减少结构复杂，元素过多的页面。
3.删除重复的页面。
（九）选择快速的主机服务商
选择一个速度快的主机服务商对于网站非常重要，因为它涉及到网站的加载速度，安全性。确保主机服务商提供高速服务器，优化了网站的速度和性能。确保主机服务商提供高级安全功能，例如SSL证书、备份和防火墙等，保护客户的信息和数据。
一些主机服务商提供更快速的服务，例如Bluehost、SiteGround、A2 Hosting等
（十）启用浏览器缓存
启用浏览器缓存，用户在第一次浏览你的网站的时候，网站的数据会缓存在浏览器临时储存库中，当用户再次访问，浏览器可以加载该页面，而无需向服务器发送另一个HTTP 请求。
网站建设中的SEO优化，需要注意的还有很多细节，本文只列举部分SEO优化要点。我们的网站想要获得更好的排名，更多的流量，则需要将SEO的更多细节优化到位。