前言:
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上面其实也是有很多可以优化的地方,值得注意
相关推荐
读书笔记:高性能的mysql读书笔记
读书笔记:高性能mysql读书笔记
索引能够轻易将查询性能提高几个数量级,创建一个最优的索引经常需要重写查询。索引可以包含一个或多个列的值,如果索引包含多个列,那么列的顺序也十分重要,因为MySQL只能高效地使用索引的最左前缀。创建一个包含...
《高性能MySQL》是一本深入探讨MySQL数据库系统优化与管理的经典著作。这本书涵盖了MySQL的架构、历史、性能调优以及基准测试等多个重要主题,对于数据库管理员、开发人员以及对数据库性能有高要求的技术人员来说,...
读书笔记:高性能MySQL阅读笔记
读书笔记:撩课Mysql高级性能优化
读书笔记:《高性能MySQL》学习笔记
读书笔记:轻量级高性能MySql驱动
读书笔记:《高性能 MySQL》第三版学习笔记
读书笔记:同步mysql到pgsql(高性能迁移服务)
总的来说,微信读书iOS性能优化的策略包括了全方位的监控体系、深度的业务流程优化、精细的线程管理和智能的资源加载策略,这些经验对于其他iOS开发者来说具有很高的参考价值。在追求功能丰富的同时,注重性能优化,...
读书笔记:一个高性能可配置的动态mysql集群性能测试数据一致性校验工具
高性能传动使电机具有快速、准确的动态响应,且提供良好的稳态性能。本书首先给出了交流电机的基本模型(包括异步电机、永磁同步电机、双馈异步电机),详细阐述了电压型逆变器的脉宽调制技术,然后针对交流电机的高...
读书笔记:《高性能Mysql》(第三版) 学习笔记、摘要
读书笔记:高性能、高可靠的数据库跨云中间件完全兼容MySQL技术体系由极数云舟出品开源
读书笔记:《高性能MySQL》《MySQL技术内幕InnoDB存储引擎》阅读笔记
高性能javascript,高清,读好书,多读书,祝大家在前端的路上越走越好!
GPU高性能编程CUDA实战中文 多线程编程
本文将深入探讨如何利用C# Socket实现高性能的大文件传输。 标题"**C# Socket 高性能传送大文件**"涉及的关键技术点包括: 1. **C# Socket基础**:Socket是网络通信的基础,它基于TCP/IP协议,提供低级别的网络...
读书笔记:采用Netty4.x网络编程实现高性能高并发的RPC开源框架, 基于Java语言来开发JDK1.8