前言:
6月份活动又来啦,必须必地参加。这本确实是一本专业方面,仔细地读下来感觉有一些收获。
正文:
这本书带来了:
- 理解浏览器的代码执行机制
- 如何使用h5的新特性
- 介绍一些模式和技巧
- 介绍一些服务器端的技术
什么是高性能?
- 页面加载时间:重要的性能指标
- 浏览器性能:js引擎和css动画处理的优化和加速
- 网络性能:节省带宽
- 开发效率:解决命名冲突、代码复用等
开发原则:
- 编写符合当代浏览器性能的代码
减少html中元素的数量、减少重绘:
- 要改动的元素在DOM数种的深度,越深则改动就越独立,对其他节点影响越少
- 要对DOM有多次操作,尽量合并到一次
- 用css布局
浏览器渲染页面其实就是渲染一系列的“盒子”,而盒子里面有很多“盒子”。
盒子套盒子:把一个或一大组元素都包在一个盒子里。
- 渐进式增强的方法
首先有一个基本的设计是可以兼容所有浏览器的。再为较新的或者更新的浏览器做加强的显示或者功能。
介绍了两个不错的网站和工具:
http://css3please.com/ 和 http://css-tricks.com/autoprefixer/
关于Modernize其实对于前端专业的同学应该一点也不陌生,它就是一个不错的检测js功能十分可以的工具。
- 各司其职
- html是内容之源
- css是展现大师
- 动态数据之王,交互
性能准则:
- 减少http请求:合并资源文件、使用雪碧图
- 使用CDN
- 避免空的src或者href
- 增加过期头
- 启用GZIP:Accept-Encoding: gzip, deflate
- css放头部
- 减少重绘:规定图片的高和宽、定义字符集、不要重组DOM
- 。。。
其实总体上还是那个32条
总结:
其实以前很多前端关注的是js的性能,还有服务相关的,但是h5上面其实也是有很多可以优化的地方,值得注意
相关推荐
《高性能html5》为读者讲解了如何用html5 从一开始就设计一个高性能的网站,以及如何对已有网站进行改良,使得它们具备优越的性能。《高性能html5》中总结了许多实践经验、关键技巧,并提供了丰富的示例,作者有意...
高性能HTML5 (美)布莱恩特 等 《高性能HTML5》为读者讲解了如何用HTML5 从一开始就设计一个高性能的网站,以及如何对已有网站进行改良,使得它们具备优越的性能。《高性能HTML5》中总结了许多实践经验、关键技巧...
扫描完整版 高性能HTML5.Pro HTML5 Performance 高性能HTML5.Pro HTML5 Performance
高性能html5,非常不错的一本书,推荐学习和工作中用到HTML5的朋友,如果感觉不错,请支持正版。
在HTML页面完成展现之后,动态改变页面元素或调整CSS样式都会引起浏览器重绘,性能的损耗直接取决于动态改变的范围:如果只是改变一个元素的颜色之类的信息则只会重写该元素;而如果是增删节点或调整节点位置则会...
《高性能Mysql》第五章的读书笔记,记录的都是要点,以思维导图的方式呈现。
构建高性能HTML5页游
高性能计算与高性能计算机 USTC
高性能MySQL(一)优化服务器设置 高性能MySQL(二)操作系统和硬件优化 高性能MySQL(三)复制 高性能MySQL(四)可扩展的MySQL 高性能MySQL(五)MySQL分支与变种 高性能MySQL(六)高可用性
目录: 游戏产业的发展与HTML5的关系 Flash富客户端与HTML5对比 游戏服务端架构 性能方面的监控与调优 HTML5页游未来发展与展望 *MMORPG页游实践
随着 HTML5 带来的诸多特性(包括 video and audio, canvas, SVG, app cache, localStorage, @font-face,等等)浏览器正在迎头赶上,希望能领先开发者采用这些新技术带来的 Web 应用大潮。 你的 HTML5 应用将会傲立...
java EE 7 & HTML5 应用开发——构建和部署同时支持桌面和移动设备的动态高性能企业级应用.rar
索引能够轻易将查询性能提高几个数量级,创建一个最优的索引经常需要重写查询。索引可以包含一个或多个列的值,如果索引包含多个列,那么列的顺序也十分重要,因为MySQL只能高效地使用索引的最左前缀。创建一个包含...
html5ever, 高性能浏览器级HTML5解析器 html5ever API文档html5ever是作为伺服插件项目一部分开发的HTML解析器。它可以根据 WHATWG的规范 html5") 解析和序列化 HTML 。 目前存在一些遗漏,大部分都是在跟踪程序中...
高性能PHP应用开发 高性能PHP 高性能PHP应用 PHP应用 PHP应用开发
高性能市场概要 曙光和高性能计算机 什么是高性能计算 什么是高性能计算机 集群系统
HTML5 canvas高性能打方块小游戏