性能是全新的 SEO

作为一个前端工程师,那不仅仅就是公开地处理那些漂亮的html5, css3 和javascript特效。小而重要的一部分工作就是要让项目朝着代码稳定和代码标准方向进展。设计、信息结构以及后台限制都会成为我们设计出精致、简洁和无懈可击前端代码的绊脚石。下面将给大家提供3个有用的技巧,不过你要巧妙的运用,因为每个技巧都是有使用范围的。

  实际上,对于前端工程师来说,影响项目的过程,那是相当困难的。这不是说我们的工作没有价值,而是我们得真正把问题给解决了吗没有。只要简单的混杂下css和Javascript代码就能实现效果,按照这样的方法很容易就使之融进系统去了。作为前端工程师想要发送请求也是很难的,大多是因为我们缺乏阐述问题的标准数据和害怕某些不利的决定。幸运的是还有其他的方法来“捍卫”我们不受“伤害”。

  1. 经典: 搜索引擎优化

  当互联网最终面向大众,你的网页在不断扩大的网络中受到关注将会变得越来越困难。大约在同一时刻,语义化在网页设计者们滥用多年html之后开始发挥作用。起初看似毫无关系的两个概念,却能在一个不太可能的婚姻中找到彼此。

  然而,语义化却让事情变得困难得多。编写html实际上成为了一种需要这种语言知识的技能。再者,它使得css、可访问性和机器能够从中受益,但遗憾的是这三个参数很难让人信服。特别是当实现这些新的html结构所导致的一些后端发展问题(它总是这么做,突然就认为默认的cms代码不够好)。

  但另一方面,seo一路走来多亏了谷歌seo成为了我们这些html设计者们抓住不放的第一关。正确地使用标题、段落和表格......,它们都在确定一个网页在搜索结果中的位置时被考虑进去。这将为迫使人们注意到我们的html页面开辟了一条新道路。它是将我们自己的html页面推入工程的杠杆,以至于不仅仅css和可访问性能够从中获益,但我们却终于能够发表一些合理结构化的html代码。

  2. 更新经典: 响应式

  如今许多cms系统制造者粗制滥造出相当不错的html页面,至少从搜索引擎优化的角度来看是如此。它们大多数仍然与html5页面无关,而这无疑使得seo参数失去了一些重量。这不是意味着我们必须遵循流行的cms系统的默认html页面。我们新的标准是:响应式网页设计。

  虽然现在很多cms系统对语义化规则有了很好的掌控,但是它们大多数仍然缺失结构化的合理性。这往往是处理响应式需求真正的难题,因为一个很合理的结构化容易让我们识别周围的元素。没有它,我们必须回到讨厌的javascriptheike和css结构。

  Position:absolute; 和box:flex;在这里是我们的拯救者。他们需要特定的结构,但往往是默认的cms代码所缺失的,意味着自定义的html代码实际上需要一种让所有事情工作起来的方式,使得一个页面在不同的窗口上的显示无论何时都不会被破坏。

  3. 新事物: 性能

  但是你问的css和javascript又怎么样呢?嗯,这一两年一直流行的"性能"。如今提供良好的移动用户体验是一个运行良好的网站的关键。遗憾的是(哈!)智能手机当前的状态不允许有太多的花哨的装饰。

  响应式图片的技术和单独对响应式布局的返工已经耗费了我们太多的时间,并且通常伴随着一些如登天的功能需求。这就是性能发挥作用的地方,因为所有那些花哨的解决方案经常需要依赖于复杂的javascript和css。这种依赖并不是必须遵循智能手机的规格,导致发热、延迟和电池的耗尽。

  性能是当我们想缩小功能复杂性时衡量的尺度。最近出现的许多工具可以帮助我们准确地判断应用到一张网页上的特定技术的总体性能影响,这对于我们想要阻止实现那些具体的功能需求来说是一个巨大的帮助。

  提醒一句

  记住:尽管上述的三个参数全部是有效的,它们却并不神圣。如果你到处对别人叫喊,因为性能问题他们不能有X或者Y,或者由于没有一些支撑你的观点的坚实依据,如响应式需求等原因他们需要实现Z,这样你想必不能在一个项目中工作太久。

  在适当的案例中使用上述的参数,但是在一个阻止其发展的案例中你可以将它们作为一个参考来使用,在某些细节上偷懒其实可以提高前端代码的总体质量。相信我,其他人都已经这么做了(设计师,信息架构师,后端开发人员),所以不用感觉太糟糕了。只要你在这么做的时候不要太明显就好了。

性能是全新的 SEO,布布扣,bubuko.com

时间: 2024-10-29 15:49:03

性能是全新的 SEO的相关文章

杂谈seo

之所以叫杂谈seo.是因为最近接触了一些seo,觉得自己对seo现在的认识,只能算杂. 作为一名码农,我每天更多的生活更多的是和代码接触,而对seo的认识挺浅,顶多也就知道在html的结构中,比如<a>,<img>等你要加上合适的属性,并且也知道你网站的结构和整个性能也会对seo产生影响.但是在实际中,没有很强的意识到:我写的这段代码是需要有利于搜索引擎的.在这个广告横飞的时代,你依然可以找到很多方式去宣传你的网站,增加你的用户访问量. 这两天因为一个朋友想让我帮他搭建一个网站,所

iOS测试-如何指标量化app耗电量和性能XCTest Metrics

对于app端的专项测试,Android端我们可以用adb或者一些三方工具进行(例如itest)进行实时的性能监控,iOS端的话也可以用用一些三方的工具,但是需要嵌入到我们的项目当中,今天来介绍下Xcode11下的apple提供的基于XCTest对app耗电量和性能的全新框架. 资料来源:https://developer.apple.com/videos/play/wwdc2019/417/ app耗电量 app耗电量和它的性能体现是息息相关的,那么app中哪些性能项会影响耗电量呢? CPU m

《Web全栈工程师的自我修养》读书笔记(转载)

[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/5243181.html [正文] 豆瓣链接:https://book.douban.com/subject/26598045/ [目录] 01 什么是全栈工程师 02 如何成为全栈工程师 03 从学生到工程师 04 野生程序员的故事 05 工程师事业指南 06 全栈工程师眼中的HTTP 07 高性能

每个程序员都必读的12篇文章

英文原文:10 Articles Every Programmer Must Read 作为一名 Java 程序员和软件开发人员,那些每个程序员都应该知道的 XXX 的文章教会了我不少东西,它们提供了某个特定领域的一些实用的并且有深度的信息,这些东西通常很难找到.在我学习的过程中我读到过许多非常有用的文章,我把它们添加到了书签里,方便以后阅读或者引用.我个人认为所有开发人员都能从这些文章中受益,因此我也写了篇"每个程序员都应该了解的"文章,准备分享给你们.这是我的个人收藏.在这篇文章中

前端资讯周报 3.6 - 3.12: 对学习Javascript最有帮助的三本书,以及HTML标题的迷思

每周一我都会分享上一周我订阅的技术站点中,和解决问题的过程中阅读到的值得分享的文章. 毕竟个人的阅读量有限,也欢迎大家留言或者私信给我你们阅读到的,对你们前端技术有帮助的任何内容,题材不限,语言不限.可以是技术博客,也可以是知乎或stackoverflow的问答. 如果你觉得这篇分享给你带来了帮助,请不要吝惜的点个赞,或者把这个专栏推荐给你的朋友们,还可以关注我.谢谢啦! 本周推荐 What Is the Best Book for Learning JavaScript? 作者在这里给出了他认

每个程序员都必读的10篇文章

作为一名Java程序员和软件开发人员,那些每个程序员都应该知道的XXX的文章教会了我不少东西,它们提供了某个特定领域的一些实用的并且有深度的信息,这些东西通常很难找到.在我学习的过程中我读到过许多非常有用的文章,我把它们添加到了书签里,方便以后阅读或者引用.我个人认为所有开发人员都能从这些文章中受益,因此我也写了篇“每个程序员都应该了解的”文章,准备分享给你们.这是我的个人收藏.在这篇文章中,你会看到每个程序员都应该了解的一些经典文章,涵盖了内存,unicode,浮点数,网络,面向对象设计,时间

从零开始学习前端开发 — 7、常见浏览器兼容性问题及图片整合技术

一.常见浏览器兼容性问题 1.双倍浮动bug 描述:块状元素设置了float后,又设置了横向的margin,在IE6下显示的margin值要比设置的值大 解决方案: 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案: 方案一: 给表单元素添加 vertical-align:middle; 方案二: 给表单元素添加 float:left; 3.IE6不识别高度小于10px的容器 解决方案: 方案一: 给元素设置 overflow:hidden

录屏大师下载|录屏大师app下载

录屏大师是我非常喜欢的一款录屏软件,因为该软件是针对游戏录屏的,因为该软件是,提供了两种的的录屏方式,横屏录制跟竖屏录制.大家可以根据所玩游戏的实际情况,选择录屏方式,以便获得更好的录屏效果.小编现在需要录屏的游戏是楚留香,这是一款横屏游戏,因此我们选择[横屏录制]录屏大师下载链接应用简介录屏大师app是一款目前非常实用的录屏软件,可以帮你轻松录制你想要录制的视频.游戏等,轻松便捷,不占资源,非常简单的录制游戏精彩瞬间,并不会影响你的手机体验,还拥有编码技术,高清流畅,体积小,更附带了视频剪辑功

Servlet 4.0 入门

Java? Servlet API 是主流服务器端 Java 的基本构建块,也是 Java EE 技术的一部分,例如,用于 Web 服务的 JAX - RS.JSF (JavaServer Faces) 和 JSP (JavaServer Pages).Java servlet 也独立存在,提供一系列支持动态 Web 内容的功能.其中包括过滤器.Web 安全性以及用于处理 HTTP 请求和响应的功能. Servlet 4.0 是 API 的最新版本,也是 Java EE 8 规范的核心更新.正如