我一直在寻找一种解决方案来帮助提高移动优先响应式网站的性能。
问题：
我需要为网站制作 SEO 友好的内联图像。我做的一件事是使用图片填充.js为较小的设备提供较小的图像。但。。。在我从设计师那里得到的设计中，移动设备的图像较少（只有 3 张），桌面图像较少。这意味着，如果它们必须是内联和语义的，小型设备仍然会请求其他 6 个，这对于慢速 3G 连接来说似乎很多。
那么，如果在比普通手持设备更大的屏幕上查看，也许使用 php，是否有任何好方法可以包含图像（不是作为背景 + 显示：无）？
希望这不被视为"黑帽"seo。
执行此操作的最佳方法是检查发出请求的用户代理。 这不是万无一失的证明，但您可以使用它解决大多数用例。
PHP文档中的类似内容：
<?php
echo $_SERVER['HTTP_USER_AGENT'] . "'n'n";
$browser = get_browser(null, true);
print_r($browser);
?>
知道发出请求的用户代理后，可以将适当的版本提供给该请求者。
if($type_a){
//do type a stuff
}else{
//do type !a stuff
}
一些边缘情况包括Android的各种屏幕尺寸。 它也不是真正的"响应式"，而更像是一种"mdot"的方式来解决问题，但坦率地说，你的设计也是如此。 在我看来，真正的响应要么依赖于基于视口延迟加载资源，要么纯粹依靠 js、html 和 css 来提供相同的版本来解决问题。