自己对前端页面比较感兴趣,但是苦于平时开发中接触到的后台比较多一点,但是兴趣驱动,最近一直在进修前端技术,这几天利用了点时间拜读了这本书,收益匪浅。
本书虽名为高性能的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)减少重绘
最后对于如何提高开发效率来讲,有必要关注和理解页面的重用机制,如此来缩短开发,维护的时间。
分享到:
相关推荐
想让大规模高复杂度网站更快更易扩展?远不止H5/CSS3 这本彻头彻尾的实战书将教会你一切
由国内著名技术社区联合推荐的2012年IT技术力作:《高性能Linux服务器构建实战:运维监控、性能调优与集群应用》,即将上架发行,此书从Web应用、数据备份与恢复、网络存储应用、运维监控与性能优化、集群高级应用等...
Oracle高性能SQL引擎剖析:SQL优化与调优机制详解 试读版前146页
Android移动性能实战试读文章 , 注意是试读.....只有100多页,觉得写得好可以去购买正版
测试人员可以看看,对LoadRunner性能测试工具想了解下的朋友,看看吧?这是一个很好的文档,不是一个是多个文档在里面哦!看看,不会让你失望的!
轻松道破软件性能调优方法论和具体实现路径,全面细致,一本书搞定性能优化
Spring cloud与docker高并发微服务架构设计实施(试读)
《HTML5移动Web开发指南》主要围绕HTML5技术,讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。《HTML5移动Web开发指南》共分为四大部分,第一部分主要讲述Web技术的发展及HTML5标准在移动Web技术中的...
《html5 canvas游戏开发实战》主要讲解使用html5 canvas来开发和设计各类常见游戏的思路和技巧,在介绍html5 canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读者不仅知其然,而且知其所以然。...
最开始学习时,读了试读章节,感觉还不错。亲手编写了部分源码,但动画搞不定,还是找了源码下载。最后读完了试读章节,又找来了整本电子书阅读。
留级跟班试读申请书参考.doc
留级跟班试读申请书参考精选.doc
IAM白皮书(试读本).pdf
来自现实场景解决方案 一本教你真正会用|用好Docker的务实之作
注重算法的核心思想及解决实际问题,详细讲解相关数学理论及编程实现技巧,面试必备
构建高性能Web站点 [试读]Web组件分离 - 节选
2015数据结构高分笔记的试读版,可以帮助希望购买这本书的人了解一下此书的风格!强烈推荐!
资源名称:玩到极致 Android手机让你不一样(目录试读)书本内容简介: 《玩到极致Android手机让你不一样》主要内容简介:对于刚入手Android(安卓)手机的人来说,这款界面时尚、功能强大的智能手机操作系统,又...
这是试读版,只有前两章,不过是原版不是扫描版。我会在我的博客记录我的阅读笔记。
《操作系统高分笔记》试读版.pdf