前端开发如何获得更高的地位？如何获取更丰厚的薪水？
进入前端已经四年有余，经常在一些前端群里或者某某论坛上看到前端同行在抱怨收入低、前端不被重视、在公司没有后端同事地位高等等，甚至有很多人萌生了转行的想法。其实我想说，完全没有必要，前端受不受重视，在公司地位高不高，跟前端这个行业并没有任何关系，至于转行，就更没必要了。在一个熟悉的行业要做到有所高度，肯定会比在另外一个毫无经验的领域达到一定高度要更难。我们需要做的就是坚持，不断的学习，不断的专研，在每一天的工作中不断的总结，这样才能不断的成长。毛主席也说过，革命事业没有高低贵贱之分，只是社会分工的不同。
有很多同行抱怨前端开发每天日子过得苦哈哈，工作量大，但是薪水却很低，其实我想说：收入不应该跟付出成正比，而是应该跟你在职业生涯中的不可替代性成正比。所谓不可替代性，就是指你在某一方面的见地超出所有人或者大部分人。虽然说地球离了谁都照样转，但是在这个前端人才急缺的时代，互联网发展又是日新月异，如果你在某个方面的才能超出大部分人，老板就宁愿给你多一点回报而不愿意花时间去找另一个可以替代你的人，反之如果随随便便找个人就可以替代你，那你的地位就可想而知了。
好了，废话不多说。总所周知，网站分为前端和后端，而影响用户访问的最大部分就是前端。后端主要用来实现网站的功能，而前端主要用来表现后端的功能。
我们建设网站的目的何在？不就是为了让我们的目标用户来访问的吗？而前端才是真正和用户接触的。既然网站是提供给目标用户访问的，那我们必然就需要让用户使用得更爽，必须要提升用户体验，提到体验，网站的性能问题就不得不提了。这里我就来聊一聊网站性能优化。
网站性能包括后端性能和前端性能，后端性能我们爱莫能助，但至少前端的性能，我们是可以做得更好的，这样才可以给用户带来更加舒适的体验。如果前端优化得好，他不仅可以为企业节约成本，他还能给产品带来更多的用户，因为增强了用户体验。说了这么多，那么我们应该如何对我们前端的页面进行性能优化呢？
前端的页面主要包括html,css,js。其实html就是现实中所谈到的内容，页面的内容：文字，图片，flash,视频等。
而前端开发工作者可以控制的是什么呢？那就是html，css，js，image。下面我就用我自己的经验来简单的讲一讲。
一、语义话
语义化指的是结构语义化，结构主要包括head和body两部分，通常所说的语义化则指的是body中的标签语义化。但是我在这里还是简单的说一下head，head中其实包括了一些对于我们SEO很有用的一些东西，比如title,Description,Keywords,这些东西在蜘蛛抓取的时候都是有帮助的，当然，还有其他的一些。
那么body中的话，包括的标签就很多了，我觉得作为一个合格的前端开发人员你应该去熟悉他们，比如div,span,h,ul,ol,dl,p,input,a,button等等这类的标签的使用。应该非常合理，还有就是注意h标签的断层，及h1标签的使用，一个页面中h1最好不要超过一个等，这些都是非常重要的。
同时在我们的结构中不要出现style和onclick这样的内联的样式和事件。希望大家能够注意结构与表现、行为的分离。
标签语义化的好处是很多的，比如有利于搜索引擎抓取，有利于团队合作以及盲人阅读的识别等等。
二、css优化
css优化主要应该文件大小和尽量采用外联的方式引用。如果网站的页面非常大，同时设计又比较花哨，显然css文件就会比较大。所以尽量采用缩写形式，可以一定程度的减小css文件的大小。css优化也包括尽可能的减少http请求书，如何减少http请求，可以参考我之前分享的一篇文章，模块化开发那篇文章。
三、js优化
js的优化整体来说跟css类似，主要从文件大小和http请求来优化，当然代码的性能也是很重要的，如果网站到处都是死循环，或者执行效率不高的代码，必然会造成网站性能低。当然js效率的问题相当的深奥了，有机会会专门就js的执行效率做一个专题分享。
四、背景图片的优化
网页中很多时候难免会用到背景图片，尤其是如果还要兼容IE8以下浏览器，一个圆角都需要用背景图片来拼，也是相当蛋疼了。既然有需求，那我就说说我是怎么来优化背景图的吧。可以把多张小图片合成一张大图片，这样可以有效的减少因为请求图片所额外增加的http请求，使用css的background-position来写样式。同时在不影响效果的情况下，可以最大限度的讲图片进行压缩。当然如果不用考虑低级浏览器，能用css写的就尽量用css写吧。
五、内容图片的优化
内容图片的话，恐怕就只能尽量压缩小这一种解决方案了。
当然，这些只是最基础的一些方式，而且只是浅浅的谈了一下。不过千万不能小看这几条，这几条涉及的内容可以说非常多，比如一些自动化工具啊等等。有什么好的建议也可以一起交流沟通，前端需要我们一起努力。
谢谢大家的支持，谢谢。
网友评论