移动网站比桌面网站更快

Question

谷歌和其他搜索引擎都将速度作为排名因素。他们认为移动网站的加载速度应低于1 second。

不同的速度，移动设备和桌面

是否有一种以不同速度加载网站的好方法？我可以用PHP查看使用了哪些设备，但现在的网站对CSS做出了响应。

速度快的移动网站

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

Answer 1

您可以在网站效果最佳做法和规则上查看 Yslow ..

（取自Yslow）：

• 最小化HTTP请求
• 使用内容分发网络
• 避免空src或href
• 添加过期或缓存控制标头
• Gzip Components
• 将StyleSheets放在顶部
• 将脚本放在底部
• 避免使用CSS表达式
• 使JavaScript和CSS外部
• 减少DNS查找
• 缩小JavaScript和CSS
• 避免重定向
• 删除重复的脚本
• 配置ETags
• 制作AJAX Cacheable
• 使用GET进行AJAX请求
• 减少DOM元素的数量
• 没有404s
• 减少Cookie大小
• 为组件使用Cookie-Free Domains
• 避免过滤器
• 不要在HTML中缩放图像
• 制作favicon.ico小巧且可缓存

如果你已经按照这些并仍然获得加载时间＆gt; 1s （您可以使用this检查），您可以继续查看 响应式图片， 对 here 有很好的解读，  这基本上意味着取决于浏览器的宽度，你提供不同大小的图像，这是有道理的，因为例如，为什么你会在'320px'移动浏览器上提供'3000px'图像？

你怎么说？一个简单的例子是使用User Agent strings来确定它是来自移动设备/平板设备..并根据它提供适当大小的图像。 请注意，UA字符串不是100％准确且可以欺骗。

**如果您碰巧使用PHP，那么这个名为 mobiledetect 的库可能对您有所帮助..
**如果您想检测用户是否使用3G / 2G， this SO question 可能有帮助..