Mobile 比桌面更快的移动站点

谷歌和其他搜索引擎将速度作为排名因素。他们认为移动网站应该下载以下内容

不同的速度、移动和桌面

有没有一个好的方法来加载不同速度的站点？我可以用PHP检查使用的是什么设备，但现在的网站使用CSS进行响应

快速移动站点

---

什么是使移动站点比桌面版本快得多的“正确”方法？当网站通过CSS响应时，如何以不同方式加载图像？

您可以查看网站性能最佳实践和规则

（摘自Yslow）：

• 最小化HTTP请求
• 使用内容交付网络
• 避免空src或href
• 添加Expires或缓存控制标头
• Gzip组件
• 将样式表放在顶部
• 将脚本放在底部
• 避免使用CSS表达式
• 使JavaScript和CSS外部化
• 减少DNS查找
• 缩小JavaScript和CSS
• 避免重定向
• 删除重复的脚本
• 配置ETag
• 使AJAX可缓存
• 使用GET处理AJAX请求
• 减少DOM元素的数量
• 没有404s
• 减少Cookie大小
• 对组件使用无Cookie域
• 避免使用过滤器
• 不要在HTML中缩放图像
• 使favicon.ico变小并可缓存

如果您已经遵循了这些步骤，但仍然得到一个加载时间>1s（您可以使用检查），那么您可以进一步查看 响应图像， 这本书读得很好， 这基本上意味着根据浏览器的宽度，您可以提供不同大小的图像，这很有意义，因为例如，为什么您要在“320px”移动浏览器上提供“3000px”图像

你说怎么样？一个简单的例子是使用来确定它是否来自移动/平板电脑设备。。并根据需要提供适当大小的图像。但是请注意，UA字符串不是100%准确的，可能会被欺骗

**如果您碰巧正在使用PHP，那么有一个名为的库可能会对您有所帮助。
**如果要检测用户是否正在使用3G/2G，可能会有所帮助