WURFL的开销与PHP中的响应式设计 [英] Overhead of WURFL vs responsive design in PHP

问题描述

我正在开发一个基于内部项目管理基于Web的应用程序，该应用程序需要支持移动设备以及台式机.

I'm working on an in-house project management web based application that needs to support mobile devices as well as desktop.

它使用Symfony2，jQuery，HTML5构建.

It's built with Symfony2, jQuery, HTML5.

在服务器和客户端，使用WURFL和响应式设计之间是否有任何性能比较?具体来说，我正在考虑渲染时间，HTTP调用(这是相当大的AJAX负担).

Are there any performance comparisons between using WURFL as opposed to responsive design, both on server and client side? Specifically I'm thinking about rendering times, HTTP calls (it's quite AJAX heavy).

推荐答案

基于性能的响应式设计将所有负载分配给客户端，因此您应该通过在许多设备上进行测试来确保此工作正常进行.并非所有智能手机都是一样的，有些智能手机的CPU速度很慢，这使JavaScript代码和媒体查询非常缓慢.总体而言，使用服务器端代码可以为客户端带来更轻松的体验，同时还可以使您对体验进行更好的控制.

Performance-wise, responsive design places the entire load on the client so you should ensure that this works adequately well by testing on many devices. Not all smart phones are created equal—some have slow CPUs that make JavaScript code and media queries painfully slow. Overall, using server side code can result in a much lighter experience for the client, while also allowing you to exercise a finer level of control over the experience.

但是，在考虑性能方面之前，您应该考虑这种方法是否能够提供足够的移动体验.您应该追求网站的移动版本有两个重要方面:

But before you think about the performance aspects of this you should consider if this approach will deliver an adequate mobile experience at all. There are two important aspects of a mobile version of a site that you should aspire to:

• 具有适合背景的经验-它应该能够提供 给使用移动设备的人适当的经验.这可能是 与在同一服务上获得相同服务的适当体验大不相同 桌面.请注意，使用移动设备并不一定意味着 移动性-移动设备用户通常身体不动，但用户 尽管如此，可能还是希望与您的网站或服务进行交互 使用移动设备时的不同方式.一个的重要性 随着 我们与网络互动的方式越来越多: 在笔记本电脑上看起来合适的前倾体验可能会让人感到 与您进行互动的电视浏览器上完全不正确 从房间对面.
• 对设备敏感的体验-应该 能够提供在设备上运行良好的体验 由您的网站客户使用.此可寻址设备范围是 功能不断增加，并且变得越来越多样化 手机到电视.有些紧贴脸部，有些则紧贴脸部 从整个房间进行互动.几乎不可能 在如此广泛的设备上提供令人满意的体验， 每个都有自己的输入/输出限制和约定， 无需针对设备量身定制体验.主要互联网 品牌敏锐地意识到了这一点，并做了比实际更多的事情. 很明显-即使看似简单的Google主页也会被大量掩盖 幕后的不同代码用于以前用于不同设备的设备 在整个设备领域获得有用的体验.

• A contextually appropriate experience—it should be able to deliver an appropriate experience for someone using a mobile device. This may be quite different to an appropriate experience of the same service on a desktop. Note that use of a mobile device does not necessarily imply mobility—mobile device users are often physically immobile but users may nonetheless prefer to interact with your site or service in a different way when using a mobile device. The importance of a contextually appropriate experience is increasing dramatically as the number of ways that we interact with the web is increasing: a lean-forward experience that seems appropriate on a laptop may feel entirely incorrect on a television browser that you interact with from across a room.
• A device-sensitive experience—it should be capable of delivering an experience that works well on the devices used by your website customers. This range of addressable devices is increasing all the time, and growing more diverse, from feature phones to televisions. Some are held close to the face, others are interacted with from across a room. It is next to impossible to deliver a satisfactory experience on such a wide range of devices, each with their own input/output restrictions and conventions, without tailoring the experience to the device. The major internet brands are keenly aware of this and doing much more of it than may be apparent—even the seemingly simple Google homepage masks vastly different code behind the scenes served to different devices used to achieve a useful experiences across the device landscape.

用作传递桌面和移动网站的一种方式，但是，响应式设计不足以提供理想的移动网站的两个方面.

Used as a means to deliver both a desktop and mobile site, however, responsive design falls short on delivering both desired aspects of an ideal mobile site.

• 它无法提供适合上下文的体验，因为它 无论人们使用哪种设备，都能提供相同的体验 使用(对于受限的网站，此限制可能不是问题 用例)
• 它只能向用户提供设备敏感的体验 设备范围有限，因为核心技术限制了范围 可以定位到智能手机和其他高端设备的设备 设备.一个经验适合所有问题，范围有限 可寻址设备可能并非对所有网站都存在问题-某些网站 不能很好地适应移动设备的特定体验 一些网站所有者可能不希望提供广泛的 设备.

• It cannot deliver a contextually appropriate experience because it delivers the same experience regardless of the device that people are using (this limitation may not be an issue for sites with restricted use cases)
• It can deliver a device-sensitive experience only to to a limited range of devices, since the core technique limits the range of devices that can be targeted to smartphones and other high-end devices. The one-experience-fits-all issue and limited range of addressable devices may not be a problem for all websites—some sites don’t lend themselves well to mobile-specific experiences and equally some site owners may not have a desire to serve a wide range of devices.

值得注意的是，响应式设计对移动SEO的影响未知，因为尚不清楚搜索引擎是否会将内容识别为移动友好型内容，并相应地在移动搜索中对其进行排名.

It is worth noting that responsive design has an unknown impact on mobile SEO since it is not clear whether or not search engines will identify the content as being mobile-friendly and rank it accordingly in mobile searches.

这篇关于WURFL的开销与PHP中的响应式设计的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！