HTML和CSS进阶(4)_CSS优化简介

前端简单还是后台开发
webgis开发的前端和后台
web前端和后台开发哪个难

编写高质量的css代码主要体现在2个方面:(1)可读性和可维护性;(3)高性能。对于一名前端工程师来说,如何平衡“追求高性能”和“可维护性”这两个是一个很值得思考的问题。
对于流量比较少的普通网站来说,css本身的性能并不突出。因此,提高CSS代码的可读性和可维护性相对性能来说更重要一些。一般情况下,我们都是在确保CSS可读性和可维护性的前提下,再去考虑它的性能速度。但是对于大型网站如淘宝来说,改善性能是非常具有实际意义的。
在这一章中,我们从以下8个方面来介绍一下CSS性能优化中的各种技巧:
(1)属性缩写;
(2)语法压缩;
(3)图片压缩;
(4)选择器优化;
(5)CSS模块化;
(6)压缩工具;
(7)CSS Sprite技术;
(8)性能评估;
CSS文件比较小,性能提高也是微乎其微。因此可能会有人说:“我们如此细致地去优化CSS性能,意义并不大啊。”大多数情况下的确如此。但是当我们大规模地使用CSS,文件变得非常大,并且页面每天都会有几百万甚至上千万次的访问时,这种小小的性能提升就大有不同了。对于一个流量比较少的小网站来说,CSS再怎么优化也提高不了多少性能。但是对于一个高流量的网站如淘宝、百度等来说,CSS性能速度哪怕有一丁点提高也是非常有用的。
有研究表明:Amazon.com每增加10毫秒的页面加载时间会导致销售额下降1%,而谷歌搜索结果显示时间每增加500毫秒将导致收入减少20%。我们可以看到性能的提高在大型网站是多么的重要了。哪怕所做的优化能够提高1毫秒的速度,也是相当有价值的。事实上,互联网大公司在性能考虑方面是非常细致而全面的。
此外,这些性能优化技能也是“真正前端工程师”和“野生网页设计师”重要分水岭之一。新手和高手写出来的代码,一眼能够看出来。因此对于这一章的优化技巧,希望大家重点掌握。

前端难还是后台开发难
前端开发与后台开发的融合
前端和后台分离开发
» 本文来自:前端开发者 » 《HTML和CSS进阶(4)_CSS优化简介》
» 本文链接地址:https://www.rokub.com/6243.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!