如果视图端口大于1024 if，则使用php包含语义图像。

Question

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

问题是：

我需要使搜索引擎优化友好的内联图像为一个网站。我做的一件事是使用picturefill.js为较小的设备提供较小的图像。但是..。在我从设计师那里得到的设计中，移动图像(只有3张)和桌面图像(只有9张)更少。这意味着，如果它们必须是内联的和语义的，小设备仍然会请求其他6，这似乎是一个缓慢的3g连接的很多。

那么，如果在比普通手持设备更大的屏幕上查看图像(不是作为背景+显示:none)，那么有什么好的方法吗？

希望这不是被认为是“黑帽”seo。

Answer 1

最好的方法是检查发出请求的用户代理。这不是一个愚蠢的证明，但你可以用它解决你的大部分用例。

像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的相同版本来解决这个问题。