Mobile 比桌面更快的移动站点

Mobile 比桌面更快的移动站点,mobile,seo,desktop,pagespeed,Mobile,Seo,Desktop,Pagespeed,谷歌和其他搜索引擎将速度作为排名因素。他们认为移动网站应该下载以下内容 不同的速度、移动和桌面 有没有一个好的方法来加载不同速度的站点?我可以用PHP检查使用的是什么设备,但现在的网站使用CSS进行响应 快速移动站点 什么是使移动站点比桌面版本快得多的“正确”方法?当网站通过CSS响应时,如何以不同方式加载图像?您可以查看网站性能最佳实践和规则 (摘自Yslow): 最小化HTTP请求 使用内容交付网络 避免空src或href 添加Expires或缓存控制标头 Gzip组件 将样式表放在顶部

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

不同的速度、移动和桌面

有没有一个好的方法来加载不同速度的站点?我可以用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,可能会有所帮助