当前位置: 主页 > 资讯 >

网站优化的就是优化网站代码

文章出处:柠檬味 │ 网站编辑:admin │ 发表时间:2019-01-18 11:06

在日常做网站优化时,确定网站优化的就是优化网站代码,网站代码的诊断通过检测工具部分诊断出来,CSS、js代码需要合并,尽量减少不必要的服务器请求,使用CSSSprite合并不常改动的图片,js放置到页面未尾增进页面加载速度,出现在正文中的CSS代码合并到CSS表中,改进HTML盒子的大小定义等方面,代码优化可以增进访问速度、减轻服务器访问压力、减少服务器占用空间及下载带宽等。

一、合并CSS/js代码

image.png

遵循W3C代码规范,前端HTML结构标签、CSS样式层叠表、js应该尽量保持分离,方便代码阅读管理,同时对搜索引摩抓取友好,有意识的降嵘,可以帮助视索引掌里高效识别HTML文档关键内容。

合并CSS代码包括HTME文档中用LINK及@IMPORT引入的CSS样式层叠表,页面内部样式表,行内嵌人样式表。每一次LINK或@IMPORT引入都会对服务器进行一次资源请求。无论从用户访问、搜索引擎抓取还是服务器负荷等角度来说,合并CSS文件都是必要的。假如同一时间并发10万访向。对服务器的请求词数则相差10倍,可能造成访问阻塞或者服务器宕机等。

二、CSSSprite

CSS精灵技术的目的也在于合并不常改动的网站图片到一张大图上去,减少服务器请求次数,比较常见的是对按键小图标、标题前小图标、LOGO、确定、取消等图片合并成一张。

1.js引入或页内js放置到HTML文档末

image.png

由于js是可执行文件,因此有可能会存在需要较长时间才能执行完一个函数的情况,如果放置在页面前部分,就会阻塞js文件后面的页面加载,导致页面只有部分被加载进客户端容器,影响用户体验,因此提倡将外部引人js或页内js放置页面末端获得更好的访问及蜘蛛抓取体验。此处就涉及js的同步、异步及延迟加载,目的依旧在于考虑用户及蜘蛛的访问体验,起到更好的优化效果。

2.减少HTML、CSS、js文档冗余,压缩文档

(1)HTML文档非必要的常见冗余包括Meta元标签,如作者、版权等声明,搜索引|擎验证代码(<Metaname-"360-site-verification’content-89e0370e560677b07820df27dd1b172e),分割开的js、CSS引人代码,注释,多余空格,无用的js,CSS或者隐藏的HTML无任何功能的标签,重叠的CSS样式,非必要的标签嵌套,过多的统计代码,分享代码、排荐代码等方代码等第三方代码。

(2)CSS文档里与默认样式一样的代码,组合样式中多余的CSS代码,没有必要出现的样式,不起作用的单样式,HTML文档中的样式标签应被CSS样式替代,注释,多余空格等。

(3)js文档常见的冗余,包括15写冗余,逻辑冗余、多余执行的冗余和代码数量的冗余等,需要依靠前端程序员协助进行代码重构,以提高代码执行效率,压缩占用空间等。

(4)检在删除不使用的HTML,CSS,js及图片,Flash文件、视频等,减少不必要的服务器空间占用。开启GZIP亚索对web问价进行亚索处理,减少空间占用和加快下载的速度。

(编辑:柠檬味)

地址/Add:
电话/Tel:
邮箱/Mail: