当前位置:首页 > 产品与运营

前端优化之代码篇

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

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

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

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

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

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

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

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

本文链接:https://chex.com.cn/pno/14

标签: 前端
分享给朋友:

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

typecho升级了 可我还是不懂php

typecho升级了 可我还是不懂php

今天看到后台提醒,typecho终于从1.0升级到了1.1版(17.10.30),but,我不太懂代码,这也没有在线升级的按钮,算了,暂时先不升级,我也不知道该怎么升。前几天做了个前端,用的是douphp的,这套系统怎么说呢,确实很小,很多功能是需要付费购买的,这都不是问题,而且,我认为为需要的功能…

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

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

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

紧急IP切换:记一次因域名备案丢失引发的事故处理复盘

紧急IP切换:记一次因域名备案丢失引发的事故处理复盘

事情刚刚处理妥善,简单来说,就是一次运维安全事故。事情的经过大概是这样,某位工作人员接到任务,要求新增域名备案,在接到任务后,在上级的指导下,了解了备案的流程,于是交给该工作人员进行备案。结果在备案的过程中,由于备案信息的变更,导致需要重新提交资料,最后备案下来的时候,把老域名的备案搞丢了。而要命的…

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

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

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

网络兼职的套路-自古真情留不住,从来套路得人心

网络兼职的套路-自古真情留不住,从来套路得人心

最近生活压力大,很想在网上找一些兼职来干干,于是搜索了一下微信小程序上面的兼职应用,一抓一大把啊。有大量的PS兼职的,因为自己有PS基础,于是翻了几条兼职招聘的招聘要求仔细看了看,这一看不打紧,我发现了里面的套路了。他的套路是怎么玩的呢?这里就以某猫为例首先,他会要求你必须学习,乍一看没啥问题,对吧…

所有公司都应该向阿里巴巴学习怎么无中生有创造赢利点

所有公司都应该向阿里巴巴学习怎么无中生有创造赢利点

在中国做生意,要论怎么赚钱,这些互联网公司可谓是当仁不让。但要说这些互联网公司中最会赚钱的,非阿里巴巴莫属。举个例子,就拿网站备案为例,其实备案是免费的,但是因为需要付出劳动,因此,那些帮客户备案的人,可以手续相应费用。毕竟,商业社会嘛,付出了劳动就得收取报酬,合情合理。作为中国互联网公司的一哥,阿…