网站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

免责声明:本站部分内容来源互联网整理,如有侵权请联系站长留言处理。

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

相关推荐

  • 什么是反作弊算法?反作弊算法有哪些类型?

    本篇文章站长博客介绍什么是反作弊算法?反作弊算法有哪些类型? 在搜索引擎的架构中过滤也是很重要的一环,在Spider抓取部分会过滤掉重复和垃圾页面,在进行排序和呈现时同样还会进行一…

    2022年2月25日
  • 蓝天算法2.0详情

    原文标题:百度升级『蓝天算法』,加强“站点构造目录发布低质内容”识别能力 原文发布日期:2021-07-27 近日,百度搜索技术团队发现“站点构造目录发布低质、虚假等与站点主题无关…

    2022年2月8日
  • 网站被黑花样多 提高警惕免忧祸

    前几天院长接到站点投诉,反馈在百度搜索  某某有限公司,显示的是危险链接,但直接输入网站进去是正常的。为什么会出现这种情况呢?通过工程师检测,发现站点被注入恶意代码,简言之,就是站…

    2022年1月30日
  • 网站301跳转常见问题汇总

    上周有站长朋友在百度站长平台社区提出了一些关于301跳转的问题,我们特别邀请Baiduspider技术专家对此做了解答。在后续与Baiduspider技术专家沟通时,我们又获得了一…

    2022年1月22日
  • 外贸公司建站要知道哪些事?

    外贸公司建站要知道哪些事? 外贸公司建站要知道哪些事?由于前期了解的不清楚很多人在建站后遇到各种麻烦,比如网站后期无人维护、建站后又有其他各种收费以及建站到期后的收费很高等。因此下…

    2022年4月1日
  • 什么是谷歌SEO?谷歌SEO如何做?

    SEO(搜索引擎优化)是一种通过优化网站内容来获得搜索引擎的自然搜索结果排名的实践。 好处显而易见:免费流量,被动访问,源源不断。 但是,您该如何针对SEO去优化内容?有哪些重要的…

    2022年1月12日
  • 关键词分类知识:什么是2/8理论?什么是长尾理论

    按照关键词的长短可以把所有关键词分成短尾关键词和长尾关键词。短尾关键词即字数比较少的关键词,比如机械、美容、北京医院等,一般竞争强度会很大;长尾关键词即字数比较多、比较具体、搜索量…

    2022年3月5日
  • 谷歌SEO:网站页面优化包含哪些内容?如何优化网站页面?

    标题标签 标题标签是用于指定页面标题的 HTML 元素。称为 H1 的主标题标记通常保留用于页面标题。它看起来像这样: <h1>页面标题</h1> 还有从 …

    2022年2月21日
  • 关键词分为哪些类型?

    只有明确关键词的分类后,才可以根据网站的目的来筛选、布局和重点优化关键词。 关键词的分类有很多种形式,每一种形式都可以指导网站EO策略和方向的规划。不同网站所使用的关键词分类方式也…

    2022年3月3日
  • seo关键词有哪些误区?

    seo关键词有哪些误区? seo关键词是seo网站优化比较重要的一个环节,如果seo关键词选取不到,也会影响网站的流量。那么你知道seo优化关键词有哪些误区吗?本文将主要为大家介绍…

    2022年4月24日