• 技术文章 >web前端 >前端问答

    css为什么压缩

    青灯夜游青灯夜游2021-05-11 14:54:21原创866

    原因:浏览器打开网页,是需要下载网页中的数据回本地电脑,再进行显示;如果网页中内容数量越多,链接请求次数就越多,网页打开速度就会越慢。而压缩css文件可以减少CSS代码所占用字节数,减文件的体积、网络传输量和带宽占用,进而提高页面打开速度。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    浏览器打开网页,是需要下载网页中的数据回本地电脑,再进行显示。

    下载的网页内容包括:网页中的图片、文本、程序代码:CSS、HTML、js脚本、字体等,数量多达上百个。

    浏览器打开网页时,同时请求服务器下载网页中的内容。如果网页中内容数量越多,那么链接请求次数就会越多;如果内容越大,链接后下载的时间就会越长。

    因此,减少链接次数,以及内容大小,是提升网页打开速度的重要途径。所以我们通常要对css文件进行压缩。

    压缩css文件的好处:

    1、减小了文件的体积

    2、减小了网络传输量和带宽占用

    3、减小了服务器的处理的压力

    4、提高了页面的渲染显示的速度

    CSS代码压缩从哪些方面入手

    网页开发好后,将要发布到网站的CSS代码直接缩减压缩,比如删除空格、去掉换行、去掉多余分号等

    当然有的CSS代码可以进行优化也是可以大大减少代码量从而减少文件大小。

    学习视频分享:css视频教程

    以上就是css为什么压缩的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 压缩
    上一篇:css modules是什么 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 如何只用css实现点击按钮切换图片• css怎么实现图片居中• css如何设置背景图片位置• 纯CSS制作一个简单气泡对话框(图文详解)• 你值得了解的关于CSS变量的知识点!!
    1/1

    PHP中文网