网站优化当中有哪些代码需要精简删除?

网站优化当中有哪些代码需要精简删除?

2019-12-03

  现在越来越严重,越来越智能的搜索引擎,百度算法以满足用户的需求网页的审美效应也在不断提升,但提升页面代码太多必然会发生,导致页面加载速度慢,所以简洁的页面代码到seo人员是一个重要的任务。下面小编来给大家介绍一下网站优化当中需要精简删除的代码。

  1、网站分享按钮等社交软件要优化精简甚至删除。

  很多官方组件都很胖,这些按钮会给你的网站增加0.5M左右的重量,会在加载页面前用力,严重影响网站的速度。所以这些社交网站的组成部分,尽量选择轻的。

  2、检查所有第三方组件的大小。

  除了第一个原因外,其他第三方组件也会影响网站的速度,有时甚至会加载其他网站的内容,最多可达几百kb的数据。如果您必须使用推荐的JavaScript组件,它们几乎都是轻量级的,可以在页面底部加载。

  3、用CSS替换图像。

  众所周知,CSS可以产生各种各样的前景效果,包括各种样式的按钮,背景…您完全不必担心浏览器对CSS样式的影响。当你构建一个响应式设计页面时,你将不得不改变蒙版的大小,如果你还在使用图像,这会带来很多麻烦,所以CSS是一个不错的选择。

  4、用CSS效果和动画代替JavaScript。

  几年前我们不得不这样做,但现在我们可以选择用CSS3来替代JavaScript效果。

  5、优化图片。

  在2000年的时候,随着Web设计变得越来越复杂和聪明,设计师们开始考虑使用非javascript方法来创建鼠标悬停菜单。CSSSprite出现了,它更容易用CSS控制,很快就流行起来。

  对于web图像解决方案,CSS3应该是首选,其次是SVG和图标字体,最后是位图。经常使用的位图文件应该打包在一个单独的Sprite中,以便可以在CSS中访问图像。

  6、不要使用超过三层的URL层次结构。

  尽量使用静态或伪静态url,不要超过三层。

  7、网站是GZIP压缩。

  根据W3Techs的数据,近一半的网站没有压缩。在Web主机上,只需简单的服务器设置就可以启用GZIP压缩。

  8、支持浏览器缓存。

  如果浏览器可以很容易地缓存一个文件,它就不必反复下载了。对此的一个解决方案是设置适当的Expires标头、最后修改时间或HTTP标头中采用的ETags。

  9、去掉不必要的字体。

  Web字体革新了设计,减少了基于图像的字体的使用。然而,使用传统字体时,web页面上的代码量通常会增加数百kb。所以尽量把这种字体的使用限制在两种或三种以内。