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

前端优化之代码篇

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

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

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

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

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

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

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

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

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

标签: 前端
分享给朋友:

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

WPS2019,惊艳了时光

WPS2019,惊艳了时光

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

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

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

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

怎样写一个完整的活动运营方案

怎样写一个完整的活动运营方案

一项工作做久了,就会形成一个固定点习惯,人也容易疲,往往从懈怠的那一刻起,能力提升也就停止了。作为运营汪,活动方案是必不可少的技能,在以往的工作中,对于如何写一个活动方案,会有一个固定的套路。but,现在再去看这些方案,着实存在不少问题,比如网上那些方案的模板,往往是程式化的东西太多,核心的东西太少...

简单介绍一个暴力抖音操作手法

简单介绍一个暴力抖音操作手法

首先声明,本方案的投入比较高,现金不足的人士略过。建议大家在看本文的时候,先对抖音的算法有个大概的了解,为了便于理解,仅做简单介绍,因为本文的操作手法,是根植于抖音的算法。好了,话不多说,步入正题。首先简单说下抖音的规则首先是一个账号,他发布的内容需要获得流量,会根据这个账号所属的标签或分类,来推荐...

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

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

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

从zblog的平台化说起

从zblog的平台化说起

zblog是国内最为流行的blog系统,基本上是一骑绝尘。虽然国内不少人喜欢用wordpress,但我更看好zblog ———— 虽然zblog的模板机制不那么符合我的习惯 ———— 但是从他的平台化来说,算是当前cms开发者变现的一个不错的途径。国内的blog系统,跟随国内的互联网一路走来,从蛮荒...