首页 SEO技术 正文
如何优化响应站点的移动端

 2020-04-30    514  

在本文中,我们将讨论移动互联网和响应设计之间的关系。首先,我们将介绍如何巧妙地使用响应设计,为什么性能对移动终端非常重要,为什么响应设计不能成为您网站的目标,最后,技术的性能问题帮助我们更好地理解这个问题。 自2000年以来,设计者和开发者已经将移动设备的问题简单化了,所以有些人仍然认为响应性网页设计可以解决所有的问题。 如何优化响应站点的移动端

每个人都必须明白,在任何目标之上,移动网络体验必须像闪电一样快。快速、实用和兼容的体验对所有移动设备来说都是一个挑战。当您使用响应性设计时,这些挑战就存在了。从一开始就关注表现会让过程变得更容易。 响应性设计很棒,但它不是万能钥匙。如果你坚持移动设备,性能问题可能会隐藏在转换率之后。大约11%的网站有响应,而且这个数字每月都在增加,所以现在是讨论这个问题的时候了。 

根据盖伊·波德杰尼的研究,72%的响应性网站不管屏幕大小都提供相同的字节,尽管这将降低移动网络的连通性。并非所有用户都有耐心等待网站加载。 对响应设计中存在的问题有了基本的理解,我们就能减少它带来的损失。 移动网站来自过去。 

我不是说你不应该使用反应式设计或者使用m *的子域。事实上,社交共享现在无处不在,不管是什么设备,给文档分配一个网址是明智的。然而,这并不意味着一个单一的网址应该提供相同的文件或每个设备应该下载相同的资源。 引用伊森·马科特的话,他创造了“响应性网页设计”这个术语 最重要的是,响应性网页设计的初衷不是取代移动网页。——伊森·马科特 交互式、移动、快速 如果我们能使用其他一些技术,我们就能在不影响移动设备性能的情况下获得响应性设计的好处。

响应性设计从来不意味着解决“性能”,这就是为什么我们不能责怪它。然而,认为它能解决你所有的问题是错误的。 设计响应性很重要,因为我们需要解决跨越桌面和移动窗口大小范围的问题。然而,只考虑屏幕尺寸会低估移动设备。桌面和移动之间的界限正在变得模糊,基于不同的设备,我们仍然有许多可能性。然而,我们不能通过媒体调查来确定响应性设计的功能。一些批评家称之为“可靠的响应性网页设计”,而另一些人认为它是伴随着现代视觉的响应性网页设计。没有理解它的基本语义,我们需要弄清楚这个问题。 虽然没有一个放之四海而皆准的解决方案可以适用于所有类型的文档,但是可以使用一些技术来改进现有的响应解决方案并最大限度地提高性能。 要认识到每个文档对所有设备使用相同的网址和相同的内容,结构不一定是相同的。

    移动端

 从头开始时,遵循“先动”的方法。 测试资源在真实设备上加载和显示时会发生什么。不要依赖于调整你的桌面浏览器。 使用优化工具来衡量和提高性能。 响应图片是通过JavaScript传输的,尽管我们希望浏览器提供者(例如srcset)能够解决这个问题。当您需要当前设备具备加载条件时,将只加载JavaScript,这将发生在onload事件之后。 对于移动设备,嵌入文档的原始视图或发送显示内容的屏幕。 使用以下一种或多种技术来应用智能响应解决方案:条件加载、按组响应、服务器端层(例如自适应方法)。 条件装载 不要总是依赖CSS中的媒体查询,因为浏览器将加载和解析所有设备的所有选择器和样式(稍后将详细讨论)。这意味着手机必须下载并解析大屏幕的CSS。由于CSS块的呈现,您必须浪费一些时间等待连接成功。 在设备上使用JavaScript的匹配媒体查询,而不是CSS媒体查询,您知道内容不会改变。例如,每个人都知道iPhone不能动态转换为iPad规格,所以我们只有在需要的时候才使用CSS。 特征检测,如现代化,可以用来作出更多关于用户界面和功能的明智决定,而不仅仅是屏幕尺寸。 

 集团的回应 当处理简单文档并为台式计算机和智能手机提供相同的超文本标记语言时,尽管我们可以依赖单一的超文本标记语言基础和所有屏幕的响应设计,但这并不总是最好的解决方案。为什么?这也是由于移动设备的性能。 即使我们在服务器端存储相同的文档,我们也会根据不同的设备组向用户提供不同的文档。例如,为6英寸或更大的屏幕提供大的浮动菜单,为小屏幕提供汉堡包菜单。在每一组中,响应时间技术被用来适应不同的场景,例如肖像模式和风景模式的转换、切换iPhone(320像素宽)、5英寸安卓设备(360英寸)和平板电脑(400像素)。 服务器端层 智能响应策略的最后选择是服务器。 

服务器端功能检测和决策对移动网络来说并不陌生。像WURFL和设备图集这样的库已经在市场上销售了很多年,响应设计和服务器组件的混合也是众所周知的。有时称为反应式设计和服务器端组件(RESS),有时称为自适应设计,它提高了反应式设计的速度和可用性,同时为每个服务器端维护一个代码库。 不幸的是。这些技术近年来没有取得任何突破。只有在博客和杂志中,我才能看到一些开发者比较“RESS”、“响应性”和“适应性”。原因是:我们是前端专业人士。任何涉及服务器的事情似乎都是一个令人不快的问题。在某些情况下,前端设计人员可以掌握服务器的脚本。在其他情况下,服务器由远程开发团队管理。设计者不想为每一个小的用户界面变化与远程团队交流。

我能感觉到这种感觉。 这就是为什么在大型项目中考虑新的体系结构层需要时间,以便前端工程师在服务器上做出决策时不会影响后端体系结构。Node.js是一个优秀的替代平台,它是当前企业后端基础和前端之间的服务器端层。 在这个新的终端层中,前端工程师可以做出真正的决策,这将使所有设备上的体验更快、响应更快、更有用,而无需触及后端架构。 欲了解更多相关网站建设经验,请点击官方网站。 

  •  标签:  

发表评论:

原文链接:https://www.seozatan.com/post/163.html

=========================================

https://www.seozatan.com/ 为 “虾米SEO杂谈” 唯一官方服务平台,请勿相信其他任何渠道。

最新留言