如果查看端口大于1024px，则使用php包含语义图像

我一直在寻找一个解决方案，以帮助提高移动第一响应网站的性能

问题是：

我需要使搜索引擎优化友好的网站内联图像。我做的一件事是使用picturefill.js为较小的设备提供较小的图像。 但是在我从设计师那里得到的设计中，手机上的图像更少（只有3个），桌面上的图像更少。这意味着，如果它们必须是内联的和语义的，那么小型设备仍然会请求其他6个，这对于一个缓慢的3g连接来说似乎是非常重要的

那么，如果在比普通手持设备（可能是php）更大的屏幕上观看，有什么好方法可以包含图像（而不是背景+显示：无）

---

希望这不是被认为是“黑帽”搜索引擎优化

最好的方法是检查发出请求的用户代理。这不是傻瓜式的，但您可以用它解决大多数用例。
类似于以下内容：

---

一些边缘案例包括Android的各种屏幕尺寸。这也不是真正的“响应”，更像是处理问题的“mdot”方式，但坦率地说，您的设计也是如此。在我看来，真正的响应型要么依赖于基于视图端口的延迟加载资源，要么完全依赖于js、html和css来提供相同的版本来解决这个问题

非常感谢！所以，对于我的问题，有没有关于延迟加载或其他方式的参考资料，以避免在移动设备上的所有额外请求，而这些请求是在桌面上获得更好的用户体验所必需的？没有。根据定义，如果您试图避免对服务器进行客户端检查，则需要将逻辑推送到服务器，以便客户端不必担心它。通过执行上述操作，您可以创建一种方法，为您服务的两种类型的客户端分支服务器端逻辑a）移动，这是一组成对的、优化的移动资源；b）桌面，不受带宽和资源的限制。好的：）非常感谢您的支持！我认为我还没有通过结构化后端提供内容的技能。在未来会很好，因为我看到在性能方面的响应设计有一些限制。

<?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 
}