【荐书】Designing for Performance

Designing for Performance

Author:Lara Callender Hogan

目录

  1. 性能即用户体验
    1.1 对你的品牌的影响
    1.2 对移动用户的影响
    1.3 设计者对性能的影响

  2. 网页速度基础
    2.1 浏览器如何渲染内容
    2.2 页面重量
    2.3 可感的性能
    2.4 对网页速度的其他影响

网页中各类内容所占平均比例org/interesting.php
Jank(反应迟钝):使用Timeline检测
用户位置影响速度,使用CDN解决

  1. 优化图像
    3.1 选择图像格式
    3.2 替换图像请求
    3.3 图像规划和迭代

  2. 优化标签和样式
    4.1 清理HTML
    4.2 清理CSS
    4.3 优化Web字体
    4.4 创建可赋予新功能的标记
    4.5 附加的标记考虑(CSS和JS加载,最小化和gzip,缓存)

  3. 响应式Web设计
    5.1 谨慎加载内容(图像和字体)
    5.2 方法(项目文档,移动优先和检测一切)

  4. 检测并迭代检测性能(YSlow,Chrome DevTools,Webpagetest,Catchpoint,Gomez,wpt-script,Google Analytics,mPulse,Glimpse...)

  5. 权衡美感和性能

  6. 改变组织的文化

你可能感兴趣的:(【荐书】Designing for Performance)