网站CSS代码如何优化

对于网站排名优化来说,css的几乎没有任何影响,但往大的方向如网站优化来说,样式表css的优化就至关重要了,其主要作用即是提高网页的响应速度。

外链CSS

css的使用有多种方式,一是嵌入式,即在html标签中直接定义样式表,如下所示:<p style=”font-family:arial;font-size:16px;font-weight:bold;”>Outside now its raining,and tears are falling from my eyes…</p>

还有一种是直接定义在页面头部的如下:<styletype=”text/css”>p{ background:#f1f1f1; color:#333; line-height:20px;} </style>

这两种方式都是把css写在当前html中,这样会造成hml文档变大,降低网页的响应速度,所以我们需要外链css,将所有与本页面相关的样式写入到该样式表中:<link href=”style/common.css”rel=”stylesheet”type=”text/css”/>

精简CSS

对于这一点需要一定的css能力才可以做到了。所谓精简,指的是用尽可能少的样式代码实现整个网页的样式效果,需要充分利用css的继承和综合使用,举一个简单的例子来说明。如页面中的链接,全部不需要下划线、大部分为12像素,但链接的颜色并不相同,个别的字体效果也不相同,我们就可以这样来写:

a{ text-decoration:none; font-size:12px;}/*定义通用a样式*/

a.a_red{ color:#e00;}

a.a_blue{ color:#009;}

a.a_menu{ color:#fff; font-size:14px; font-weight:bold;}/*针对特殊a标签只指定特殊样式*/

因为css的继承作用,a_red和a_blue都具备没有下划线、12像素这一样式,而a_menu同样具备没有下划线,但因指定了大小,就不再继承12像素的指定而使用14像素。

整合CSS

一般情况下,前端制作人员喜欢把通用样式写成一个文件,把专用样式写成另一个文件以便各个页面调用。如笔者,就喜欢把页面通用样式(包括通用的布局样式、文字样式等)写在common.css中,而把专用的写在另一个样式表中。如首页,我们就需要调用common.css和index.css两个样式表文件。这样做,对于前端来说是正确的。但对于优化,却不太好。多一个文件调用就需要多一次请求,当然也会多耗费一点时间。所以,在网站制作完成后,我们需要把页面的所有样式合并大一起以提高网页的响应速度!但需注意,合并css不利于网站后期整改,权衡利弊各取所需吧,具体是否合并还需根据你的实际情况而定。

压缩CSS

压缩css其实很简单,就是去掉多余的空格和换行。实现起来也非常的简单,网上有很多工具,请自行搜索“css压缩”即可找到很多在线压缩工具。同上面一点,压缩后的css不便于后期整改,需要自己权衡取舍。

文章为作者独立观点,不代表站长派立场,本文链接:https://zhanzhangpai.com/?p=1637

免责声明:本站部分内容来源互联网整理,如有侵权请联系站长删除。站长邮箱:1245911050@qq.com

(0)
上一篇 2022年3月15日 下午4:04
下一篇 2022年3月15日 下午4:07

相关推荐

  • 谷歌SEO-博文应该写多长?关于内容篇幅的“真相”

    大多数博客文章应该不少于 300 词。如果篇幅短于此,你就应该怀疑自己是否真的有什么重要的话要说了。 从 300 词开始,你就不应该以达成某个特定的字数(统计)为目标了。你的目标应…

    2022年2月4日
  • 谷歌SEO-搜索意图: 一个十分重要又经常被忽略的“排名要素”

    希望现在能够参与谷歌的排名?那么你就需要创作出一个满足用户搜索意图的内容。 我很难强调搜索意图对谷歌SEO的重要性。但可以毫不夸张地说,如果现在你想参与谷歌的排名,那么理解、并创作…

    2022年2月6日
  • 什么是链接农场和内容农场?

    现阶段的搜索引擎算法对网站的内容和链接都很注重,所以为了套取搜索引擎流量的站长和EO人员,就抛弃网站为用户服务的本质,而为搜索引擎制造内容和链接,并发明了盛极一时的链接农场和内容农…

    2022年2月28日
  • 如何用程序识别Baiduspider ua

    近日 ,Baiduspider针对移动抓取user agent(以下简称ua)进行了升级,与PC端的抓取ua做到版本统一,均称为Baiduspider/2.0。从此次更新的移动ua…

    2022年2月3日
  • 网站HTML代码如何优化

    html代码是最为基础的网站制作语言,对于网站优化来说,html代码也有一定的影响,是特别需要注意的优化细节之一。 TITLE标签 title标签就是网页的标题,是一个对于网站优化…

    2022年3月15日
  • 如何建设网站外链?增加网站外链的方法?

    首先教大家认识一下什么是高质量外链,依据笔者多年的经验来看,高质量外链是指外链网站权重高,站点相关性好,导出链接少……俗话说内容为王,外链为皇,皇又比王重要,可见外链的重要性。而高…

    2022年3月15日
  • 百度搜索算法全解析

    上周的百度搜索线上直播课《开发者避雷指南》之搜索算法全解析,你看了吗?直播中,百度搜索产品经理结合理论与案例详细解读了百度搜索网站质量规范和搜索算法中的常见违规行为,供广大开发者参…

    2022年12月30日
  • 什么是外链?外链的作用是什么?

    什么是外链 外链就是指从别的网站导入到自己网站的链接。导入链接对于网站优化来说是非常重要的一个过程。导入链接的质量(即导入链接所在页面的权重)直接决定了我们的网站在搜索引擎中的权重…

    2022年3月15日
  • 如何正确识别Baiduspider移动ua

    百度站长平台发布公告宣布新版Baiduspider移动ua上线,同时公布了PC版Baiduspider UA,那么该如何正确识别移动UA呢?我们百度站长平台技术专家孙权老师给出了答…

    2022年2月4日
  • 百度统计被刷恶意广告怎么办

    此方法并不能彻底杜绝刷百度统计广告,只能避免被刷,毕竟小站沧海一粟,流量寥寥无几,被刷是在太影响统计数据了,大流量网站倒是无所谓。接下来说说方法: 1、删除原有百度统计(或其他统计…

    2022年12月29日