加速移动页面的真正好处[手机网站开发]

在线市场eBay最近宣布正在尝试AMP项目,努力提供快速,移动的网络体验。 此图像显示了在水平转动的iPhone 6上呈现的AMP HTML eBay页面...

加速移动页面的真正好处

手机网站开发 

相关阅读:提高网站可用性的4个提示[手机网站建设]

在线市场eBay最近宣布正在尝试AMP项目,努力提供快速,移动的网络体验。 此图像显示了在水平转动的iPhone 6上呈现的AMP HTML eBay页面。

加速手机页面项目的HTML标记,CSS和JavaScript的限制性子集鼓励Web开发人员网站设计师采用可以改进移动Web体验的实践。

贡献者吉尔科赫尔推出实用电子商务读者的AMP项目和它的搜索引擎优化的潜力在今年二月份,不久后谷歌开始在它的一些移动搜索结果中偏袒AMP。 正如Kocher指出的,AMP格式的长篇编辑内容可能会显示在移动搜索结果页的顶部。

手机网站开发

相关阅读:APP与网站:哪个提供最快的移动商务回报[手机网站建设]

在移动设备上搜索“Donald Trump”,Google可能会返回页面顶部带有AMP格式的文章。

这并不意味着AMP是Google上的排名因素。 相反,它可能仅仅是,这将达到或接近特定查询的搜索结果的顶部另有排名页面功能使用此谷歌支持的开源项目。

1. 思考移动网络最佳实践

然而,AMP的最大贡献可能不是如何影响搜索,而是如何强制Web开发人员考虑页面构建或手机网站访问者真正重要的事情。

“一个关于AMP的好东西是,在这一天结束,这是构建手机网页一堆最佳实践,”他写道易趣原理工程师Senthil帕德马纳班公司的技术博客。

 一些移动网络最佳实践帕德马纳班介绍可以在AMP项目的网站的标题下找到AMP如何加快的表现。

例如,AMP需要所有图片,广告和iframe的静态大小。 在下面的代码,发现一个高度和宽度,给出了图像- AMP-IMG。   

这里的目标是允许浏览器使用单个HTTP请求计算和布置手机网页。 对服务器和Chrome,Firefox或Safari的一个调用只知道页面上的所有内容,并且可以毫不犹豫地显示页面的结构。文本内容也将几乎立即可用。

类似地,样式驱动的重新计算和更改被限制,以避免浪费时间准备和调整页面布局。

最后,AMP非常注意各种组件何时和如何加载。 在上面的代码示例中,AMP-IMG组件将不会尝试加载的例子的jpg文件,直到之后的所有页面的文本和结构是完整的。这不同于标准的HTMLimg标签。

2. 思考权衡

AMP以牺牲用户交互性,控制和数据收集为代价实现快速加载时间。 但即使这些折衷方案对移动网络体验也是有好处的,因为他们需要网站开发人员考虑网页的目标,并选择如何最好地实现这些目标。

如果目的是传递文章,您可能不需要AMP限制的自定义JavaScript。 使用AMP会迫使您考虑这些问题。

3. 代码分叉

AMP将需要开发人员fork或拆分一些代码。 将有一个“完整”版本的页面(或更准确地说,页面模板或布局)和AMP版本。 这是一个巨大的问题。 要使用Padmanabhan的术语,分叉代码可以成为“维护噩梦”。

过去,分叉代码是使用单一布局将手机版网页替换为响应式网页的原因之一。

避免编写和维护重复代码的努力可能导致更多的模块化页面开发。 甚至在eBay实验AMP之前,它了解模块化设计的价值。

“从一开始,我们希望页面尽可能精简。 这意味着将HTML,CSS和JS降至最低。 为了实现这个目标,我们遵循一个模块化架构,并开始构建原子组件。 基本上一个页面是一堆模块,一个模块是从其他子模块构建的等等。 这种做法实现了最大化的代码重用,这反过来大大减少了资源(CSS和JS)的大小,“Padmanabhan写道。

4. AMP的贡献

AMP项目可能不是最终的移动网络解决方案。 但是因为它是基于HTML的,因为它是一个开源项目,它可以做更多的事情,推动关于移动Web开发和权衡的一些技术,包括苹果新闻和Facebook即时文章。

这将是尤其如果eBay飞行员AMP为电子商务。

移动网络体验正在迅速成为网络体验。 很快,大多数用户,购物者和访问者都将从移动设备访问网站。 你的业务如何迎接他们?

建站行微信公众号二维码

建站行微信号:jianzhanhang