WEB前端不用框架，处女座骨灰极简代码，性能提升50％

科技的发展推动了历史的车轮，技术的革新，见证了社会的变迁。用科技的力量，简化生活，用知识的海洋，强化科技的实力。大家好，我是你们最信赖的小编，今天小编继续用嘴准确的数据，最公正的视角，为大家带来最严谨的科技评测，让我们一起品读吧。

大家好，吖七自媒体每日分享自媒体、网络运营干货，每天0点左右更新，工作再忙也要花两个小时码字，很久没写技术文章了，向大家介绍提升网站打开速度的操作。

目前主流的WEB前端会设计成自适应，许多朋友会用框架，确实会减少很多开发时间。常见的框架很多是在Bootstrap基础上开发的，整合了许多常见效果，入门快，不需要非常专业也能做出逼格很高的网站。

吖七就不太爱用框架，代码太臃肿了。其实很多效果用原生的javascript就能解决，再结合CSS3，就能创造丰富的动态效果。要知道并不是所有人都是来“欣赏”你的网站特效的，网站打开速度越快，用户体验越好。

SEO基础优化做好的网站一般排名都不会太差，特别是“轻量级”的网站，简单、大气，利于排名。排除服务器与地域问题，影响网站打开速度的几个因素有：

1）图片。这是影响网站加载时间的主要因素，尽量先把图片处理成WEB格式，图片大小控制在80-100kb之间，有条件的可以把小图片用CDN加速；

2）外部请求数。这是笔者为什么不想用框架的主要原因，框架需要引用外部公共JS和CSS，还需要引用个性化的JS和CSS，等于是增加了多个请求数；无法避免的情况下，每个人的情况不一样，对比一下用外部调用还是网站引用文件打开速度快，选择最快的就行。

3）html代码。这是很多人容易忽略的问题，虽然搜索引擎不会去读所有的html代码，但代码过于臃肿，打开速度相对慢。骨灰极简代码是本文重点，对标准将展开说明。

骨灰级极简代码要素

1）短标签。块级元素用、、

、

、

、、、等；行内元素用、、、等。

2）class类选择器。也就是div的命名方式，没有必要把所有的div都命名，在某一区块，只需要命名父级div即可。如果某些div属于同一类，就不需要重复再命名，可以用拼音或英文，下面的写法是不是很清爽。

这是标题

3）CSS公共样式。不外部调用，全部写在标签前，常用公共样式可以不展开说，下面几个是重点。

学习Html代码比较容易，但写想写好，并不是一件容易的事，同样的效果别人只需要十几行搞定，而缺乏经验的新手可能要上百页才能搞定。PC众多浏览器的兼容代码也是比较麻烦的，有些其实不用记，直接用就行了，这就需要平时多做笔记，慢慢也就记住了。

文章依旧是这么的短暂，寥寥几句就已经结束，又到了小编该和各位读者朋友们说再见的时候了，小编每天都会持续更新严谨公证的评测文章和科技的新闻资讯，趣事看点。如果你和小编一样喜欢科技、热爱科技，你一定不要忘记给小编点个关注哦，点关注不迷路，感谢各位读者的支持，让我们一起去见证中国，见证世界的科技发展，我们下期再见。