使用google PageSpeed Insights获取优化建议
要使用 PageSpeed Insights 获取网站优化建议，请按照以下步骤操作：
步骤 1：访问 PageSpeed Insights
打开浏览器，访问 PageSpeed Insights。
步骤 2：输入网站 URL
在输入框中输入你要分析的网站 URL。
点击“分析”按钮。
步骤 3：查看分析结果
PageSpeed Insights 会生成一份报告，分为 性能、可访问性、最佳实践 和 SEO 四个部分。以下是常见的优化建议：
1. 性能优化
减少 JavaScript 和 CSS 的阻塞时间：通过代码分割、延迟加载或异步加载脚本。
优化图片：使用现代格式（如 WebP），压缩图片，并设置合适的尺寸。
启用文本压缩：使用 Gzip 或 Brotli 压缩资源。
减少服务器响应时间：优化服务器配置，使用 CDN 加速。
移除未使用的 CSS 和 JavaScript：通过工具（如 PurgeCSS）清理无用代码。
2. 可访问性优化
确保所有图片都有 alt 属性。
使用语义化 HTML 标签（如
<header>、<nav>、<main>
等）。确保网站支持键盘导航。3. 最佳实践
使用 HTTPS 协议。避免使用过时的库或框架。确保网站在移动设备上显示正常。4. SEO 优化
添加描述标签。使用合理的标题标签（如<h1></h1>
<h2></h2>
确保网站在移动设备上友好。
步骤 4：实施优化建议
根据报告中的建议，逐步优化你的网站。完成后，可以重新运行 PageSpeed Insights 检查改进效果。
额外工具
Lighthouse：Chrome 开发者工具中的 Lighthouse 也可以生成类似报告。
WebPageTest：提供更详细的性能分析。
通过持续优化，你可以显著提升网站性能和用户体验。
今夕资源实测扣分项
这是今夕的测速报告，
需要注意的是手机和电脑端的报告是分开的。例如我手机的seo分数是100，但是电脑是92，有8分扣在
https://www.jxshn.com/wp-content/themes/cang/img/vip-hd.png这个图片没有alt属性。
我分析了下数据，其中，手机端和电脑端的大部分分数都丢在图片上。
1.没压缩裁剪图片
2.没转换图片格式为更轻便和适合网络加载的WebP 和 AVIF格式。
比如首页文章的这个图片 就达到1181X488的尺寸。虽然说自适应。但是手机上原图片这么大 扣大分。
57f23b771d83a20.png (1181×488)
e01a753b38103b3.jpg (1200×520)
3.图片元素没有明确的width和height
目前还能优化的大区间的图片我暂时不太想要进行这方面的优化，更新格式意味着更少内核浏览器的支持，
以及最重要的费钱，我粗略了解了一下，WebP 和 AVIF格式转换是要另外付费的。
而且我也不想发一篇文章做一张图片。懒人自然是选自适应，图片随心上传。
其实这个分数我已经非常满意了，所以暂时就不去折腾了。
评论抢沙发