mobile - 比桌面更快的移动网站

标签 mobile seo desktop pagespeed

<分区>

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

速度不同,移动端和桌面端

有没有什么好的方法可以让网站以不同的速度加载?我可以用 PHP 检查使用的是什么设备,但现在的网站可以响应 CSS。

速度极快的移动网站

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

最佳答案

可以上Yslow看看 关于网站性能最佳实践和规则..

(摘自 Yslow):

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

如果您已经遵循这些并且加载时间仍然 > 1 秒 (您可以使用 this 进行检查),您可以进一步查看 响应式图片 here 有很好的读物, 这基本上意味着根据浏览器的宽度,您提供不同尺寸的图像,这是有道理的,因为例如为什么要在“320 像素”移动浏览器上提供“3000 像素”图像?

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

** 如果您恰好在使用 PHP,则有一个名为 mobiledetect 的库 这可能对你有帮助..
** 如果要检测用户是否使用3G/2G, this SO question 可能会有所帮助..

关于mobile - 比桌面更快的移动网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21024725/

相关文章:

javascript - 脚本可以在电脑上运行,但不能在移动设备上运行

seo - 如何在网站管理员工具中测试网站而不对其进行索引

regex - 友好的博客网址 Isapi 重写正则表达式

search - 在搜索引擎 (Google) 中更改有关站点的信息

javascript - Qooxdoo:在移动应用程序中重用桌面类

css - 将 Div 与文本和图像对齐,适用于桌面和移动设备。在保留鼠标悬停效果的同时

css - 移动设备上的 Wordpress 下拉菜单没有响应/工作

javascript - 对于 Opera Mini 使用 javascript 检测移动 View 是否打开或关闭

linux - 在 .desktop 文件中启用多尺寸图标支持

javascript - 将参数传递给 html 文件