html - Google Pagespeed 忽略移动设备上的 srcset
问题描述
Google PageSpeed 在移动设备上向我显示错误“正确大小的图像”。
它加载了错误的链接(仅限移动设备):wp-content/uploads/2019/07/od-nave-yaad-1024x1024.jpg
我究竟做错了什么?
<picture width="150" height="150" class="attachment-thumbnail size-thumbnail">
<source type="image/webp" sizes="(max-width: 150px) 100vw, 150px" srcset="wp-content/uploads/2019/07/od-nave-yaad-150x150.jpg.webp, wp-content/uploads/2019/07/od-nave-yaad-1024x1024.jpg.webp 1024w, wp-content/uploads/2019/07/od-nave-yaad.jpg.webp 300w">
<img src="wp-content/uploads/2019/07/od-nave-yaad-150x150.jpg" alt="" sizes="(max-width: 150px) 100vw, 150px" srcset="wp-content/uploads/2019/07/od-nave-yaad-150x150.jpg 150w, wp-content/uploads/2019/07/od-nave-yaad-1024x1024.jpg 1024w, wp-content/uploads/2019/07/od-nave-yaad.jpg 300w">
</picture>
解决方案
推荐阅读
- javascript - 如何用javascript读取css元素的宽度?
- node.js - 仅当来自有效的引用者时才允许访问在 reactjs、redux 中制作的 Web 应用程序
- android - 自定义 Android 动画 - 滚动数字
- javascript - 如何使用 JavaScript 更改多种 CSS 样式?
- android - 从 Chrome 网页超链接启动特定的二维码扫描仪应用程序
- amazon-web-services - 如何知道哪个位置正在渲染 S3 对象
- mesibo - Mesibo 本地启动消息 On-Premise 未启用
- java - 如何在现有的 Spring Boot 微服务项目中添加甚至在调用 Rest Controller 之前调用的通用拦截器类?
- python - scipy稀疏矩阵的二维索引
- python - 将圆周分成相等的部分并返回坐标