SEO 英文原文：performance is the new seo

作为一个前端工程师，那不单单就是地下地处置那些美丽的html5, css3 和javascript殊效。小而主要的一部分任务就是要让项目朝着代码波动和代码规范标的目的停顿。设计、信息构造和后台限制都会成为我们设计出精巧、简练和无懈可击前端代码的绊脚石。下面将给大师供给3个有效的技能，不外你要奇妙的应用，由于每一个技能都是有运用范畴的。

实践上，关于前端工程师来讲，影响项目标进程，那是相当艰苦的。这不是说我们的任务没有价值，而是我们得真正把问题给处理了吗没有。只需容易的混淆下css和Javascript代码就可以完成后果，依照如许的办法很轻易就使之融进系统去了。作为前端工程师想要发送恳求也是很难的，大多是由于我们缺少论述问题的规范数据和惧怕某些晦气的决议。侥幸的是另有其他的办法来“保卫”我们不受“损伤”。

1. 经典: SEO

当互联网终极面向群众，你的网页在不时扩展的收集中遭到存眷将会变得愈来愈艰苦。约莫在统一时辰，语义化在网页设计者们滥用多年html以后Start发扬用处。后来看似毫有关系的两个观点，却能在一个不太可能的婚姻中找到相互。

但是，语义化却让工作变得艰苦很多。编写html实践上成了一种需求这类言语常识的技艺。再者，它使得css、可拜访性和机械可以从中受益，但遗憾的是这三个参数很难让人服气。特殊是当完成这些新的html构造所招致的一些后端开展问题(它老是这么做，忽然就以为默许的cms代码不敷好)。

但另外一方面，seo一路走来多亏了谷歌seo成了我们这些html设计者们捉住不放的第一关。准确地运用题目、段落和表格......，它们都在断定一个网页在搜刮后果中的地位时被思索出来。这将为迫令人们留意到我们的html页面开拓了一条新路途。它是将我们本人的html页面推入工程的杠杆，以致于不单单css和可拜访功能够从中获益，但我们却终究可以宣布一些公道构造化的html代码。

2. 更新经典: 响应式

现在很多cms系统制作者精雕细刻出相当不错的html页面，最少从SEO的角度来看是如斯。它们大大多数依然与html5页面有关,而这无疑使得seo参数失去了一些分量。这不是意味着我们必需遵照盛行的cms系统的默许html页面。我们新的规范是:响应式网页设计。

固然如今非常多cms系统对语义化规矩有了很好的掌控，可是它们大大多数依然缺失构造化的公道性。这常常是处置响应式需求真实的困难，由于一个很公道的构造化轻易让我们辨认四周的元素。没有它，我们必需回到厌恶的javascript黑客和css构造。

Position:absolute; 和box:flex;在这里是我们的解救者。他们需求特定的构造，但常常是默许的cms代码所缺失的，意味着自定义的html代码实践上需求一种让一切工作任务起来的方法，使得一个页面在分歧的窗口上的显示不管什么时候都不会被毁坏。

3. 新事物: 功能

可是你问的css和javascript又怎样呢？嗯，这一两年不断盛行的"功能"。现在供给杰出的Mobile用户体验是一个运转杰出的网站的关键。遗憾的是(哈!)智妙手机以后的形态不答应有太多的花梢的装潢。

响应式图片的技术和独自对响应式结构的返工曾经消耗了我们太多的工夫，而且凡是随同着一些如登天的功用需求。这就是功能发扬用处的地方，由于一切那些花梢的处理计划常常需求依靠于庞杂的javascript和css。这类依靠并非必需遵照智妙手机的规格，招致发烧、延迟和电池的耗尽。

功能是当我们想减少功用庞杂性时权衡的标准。比来呈现的很多Tools可以协助我们精确地判别使用到一张网页上的特定技术的整体功能影响，这关于我们想要禁止完成那些详细的功用需求来讲是一个宏大的协助。

提示一句

记着：虽然上述的三个参数全体是有效的，它们却其实不神圣。假如你四处对他人叫嚷，由于功能问题他们不克不及有X或许Y，或许因为没有一些支持你的观念的坚实根据，如响应式需求等缘由他们需求完成Z，如许你想必不克不及在一个项目中任务太久。

在恰当的案例中运用上述的参数，可是在一个禁止其开展的案例中你可以将它们作为一个参考来运用，在某些细节上偷懒实在可以进步前端代码的整体质量。置信我，其别人都曾经这么做了(设计师，信息架构师，后端开发职员)，所以不必觉得太蹩脚了。只需你在这么做的时分不要太分明就行了。

本文中的一切译文仅用于进修和交换目标，转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议，假如我们的任务有进犯到您的权益，请实时联络我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务