`
qiansheng1987
  • 浏览: 5398 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

试读《高性能html5》

阅读更多
    自己对前端页面比较感兴趣,但是苦于平时开发中接触到的后台比较多一点,但是兴趣驱动,最近一直在进修前端技术,这几天利用了点时间拜读了这本书,收益匪浅。
    本书虽名为高性能的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放在尾部
   避免使用CSS表达式
    9)删除不用的CSS语句
    10)对javascript,css进行压缩
    11)减少重绘
    最后对于如何提高开发效率来讲,有必要关注和理解页面的重用机制,如此来缩短开发,维护的时间。
0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics