自己对前端页面比较感兴趣,但是苦于平时开发中接触到的后台比较多一点,但是兴趣驱动,最近一直在进修前端技术,这几天利用了点时间拜读了这本书,收益匪浅。
本书虽名为高性能的html5,但是并不局限于此,实际上是对前段开发的总领。在这个互联网时代,每一个用户都有着对快速访问页面的诉求,当然,对于我们开发这而言,有责任,也必须迎合这种诉求,摆在我们面前的就是如何实现高性能的网站,这主要包括客户端性能,服务器端的性能和网络性能,以及开发效率。在着手实现的高性能的前提首先对载体浏览器工作机制要有所了解,只有这样才能知道瓶颈在哪里,如何优化。一个页面被展示出来离不开三要素,html,css,javascript。
HTML是页面之本也是内容之源,有了内容就可以使用CSS和Javascript来与之交互。
CSS他是为展现而生的,他提供的展现性能是最好的,必须正确的使用CSS选择器。
Javascript是动态数据之王,结合CSS可以完成各种交互。
在此基础上要使三者各司其值,让功能和逻辑进行合适的分离,让代码更健壮,易维护。
在了解如何开发的基础上,想减少页面的加载时间,实现高性能的网站,通常需要关注以下几点:
1)减少http请求
2)使用CND加速
3)避免空的src或者href属性值
4)增加过期头
5)使用GZIP压缩
6)把CSS放在头部
7)把javascript放在尾部
8)避免使用CSS表达式
9)删除不用的CSS语句
10)对javascript,css进行压缩
11)减少重绘
最后对于如何提高开发效率来讲,有必要关注和理解页面的重用机制,如此来缩短开发,维护的时间。
本书虽名为高性能的html5,但是并不局限于此,实际上是对前段开发的总领。在这个互联网时代,每一个用户都有着对快速访问页面的诉求,当然,对于我们开发这而言,有责任,也必须迎合这种诉求,摆在我们面前的就是如何实现高性能的网站,这主要包括客户端性能,服务器端的性能和网络性能,以及开发效率。在着手实现的高性能的前提首先对载体浏览器工作机制要有所了解,只有这样才能知道瓶颈在哪里,如何优化。一个页面被展示出来离不开三要素,html,css,javascript。
HTML是页面之本也是内容之源,有了内容就可以使用CSS和Javascript来与之交互。
CSS他是为展现而生的,他提供的展现性能是最好的,必须正确的使用CSS选择器。
Javascript是动态数据之王,结合CSS可以完成各种交互。
在此基础上要使三者各司其值,让功能和逻辑进行合适的分离,让代码更健壮,易维护。
在了解如何开发的基础上,想减少页面的加载时间,实现高性能的网站,通常需要关注以下几点:
1)减少http请求
2)使用CND加速
3)避免空的src或者href属性值
4)增加过期头
5)使用GZIP压缩
6)把CSS放在头部
7)把javascript放在尾部
8)避免使用CSS表达式
9)删除不用的CSS语句
10)对javascript,css进行压缩
11)减少重绘
最后对于如何提高开发效率来讲,有必要关注和理解页面的重用机制,如此来缩短开发,维护的时间。