当前位置:首页 > 产品与运营 > 正文内容

前端优化之代码篇

喵斯基8年前 (2017-11-14)产品与运营2918

作为一个前端狗,常常会跟一些东西较劲。比如代码大小,文件大小,加载速度等。今天扯一下前端代码的优化。

记得很早以前,给网站加内容的时候,从word复制文字,然后黏贴到编辑器。我都有一个习惯,需要借助记事本中转一下,在黏贴到网站编辑器。这是为什么呢?因为word里面的内容,黏贴到编辑器的时候会带有样式,这些样式其实是多余的。

我测算过,如果添加内容,都这么做的话,网页文件可以减小1/5以上,虽然现在带宽很大了,没必要去计较这几K几十K的大小,但是我们必须要考虑到一个因素:代码冗余。

因为网站元素容器的嵌套越多,搜索引擎蜘蛛爬得越累,越不容易爬到内容。这样对SEO其实是不利的。

同样的道理,前端代码也需要减负,尽可能的减少嵌套,虽然目前有各类框架可以用,但是我还是不太喜欢,因为嵌套太多。而且最终呈现出来的网站结构也都差不多,对SEO也不太好。

扫描二维码推送至手机访问。

版权声明:本文由前端笔记发布,如需转载请注明出处。

本文链接:https://aowowo.com/pno/14

标签: 前端
分享给朋友:

“前端优化之代码篇” 的相关文章

用Dzen做了个typecho的主题

用Dzen做了个typecho的主题

前段时间点闲暇时间,研究了下现在这套typecho博客系统,然后在网上找了个觉得还不错的模板,尝试着做了一个模板出来,总体来说,完成度还算不错。只是有些内容的调用,typecho还不够灵活。不过我php不咋地,要是php过关的话,也就几条sql语句的事。 废话不多说,上...

Android和IOS开发与H5一样都属于前端

Android和IOS开发与H5一样都属于前端

最近手头上有些事情,这个项目从目前来看,进展不是很理想,前端也好,技术也好,都没能跟上。也就是趁这个时间,把工作捋一下,然后静下心来思考。关于前端,除了PC时代的Web前端,移动时代的安卓和IOS开发,也属于是前端下面的分支。所谓前端,是针对后端而言的。前,即我们能看到的;后,即我们看不到的。这样理...

WPS2019,惊艳了时光

WPS2019,惊艳了时光

前几天看同事在使用wps2019,发现出现了很大的变化,于是今天也下载了下来。发觉变化真是很大,有一种惊艳了时光的感觉,图标都是采用了时下流行的线形图标,最大的变化在于功能窗口集成到一起,用户不再需要多个窗口打开不同的文档。另外,新增了思维导图和H5编辑功能(之前的H5必须通过web界面...

市面上99%的抖音培训都没讲清楚的一个问题

市面上99%的抖音培训都没讲清楚的一个问题

首先立下一个Flag,99%的抖音都是套路————让你掏更多的钱参加他的抖音培训这是在我学习了第一性原理之后,揣摩出来的东西为什么要这么说呢?我觉得做任何事情,都需要把底层逻辑理顺了,这样才能很好的掌握它。比如我们要在两座山头架桥,一般会选择直线架桥,而不会选择弯弯曲曲的绕来绕去的架桥,是因为我们充...

为了更好的体验,全站SSL外加CDN

为了更好的体验,全站SSL外加CDN

我很懒,很少打理这个网站,一方面是现在PC站点越来越式微,流量大不如从前,另外一方面也是自己很少去写东西,因为怎么写都觉得达不到想要的效果,干脆就不写了。不过最近看这个网站有点别扭,总感觉少了点什么,后来才发现,虽然网站有SSL证书,但还是打个问号的。查看源码才发现,原来是网站引用了非SSL的URL...

我为国产操作系统站台,UOS不错,加油!

我为国产操作系统站台,UOS不错,加油!

这篇文章,写于UOS 系统很早之前听说国产操作系统的进展不错,于是从网上找到了UOS 的镜像下载,然后在虚拟机上安装,整个过程非常顺畅。国产操作系统走过这么些年,终于看到一个还算不错的,为什么说他是个不错的系统呢?一方面,是成熟的软件生态,UOS 基于深度Deepin OS 制作,在深度已建立的软件...