新書推薦:
《
揉碎浪漫(全两册)
》
售價:HK$
70.3
《
古籍善本
》
售價:HK$
537.6
《
人民币国际化报告2024:可持续全球供应链体系与国际货币金融变革
》
售價:HK$
87.4
《
道德经新注 81幅作者亲绘哲理中国画,图文解读道德经
》
售價:HK$
143.4
《
清俗纪闻
》
售價:HK$
98.6
《
镜中的星期天
》
售價:HK$
76.2
《
世界前沿技术发展报告2024
》
售價:HK$
188.2
《
可转债——新手理财的极简工具
》
售價:HK$
65.0
|
編輯推薦: |
Web设计师在权衡外观设计与网站性能时总是要作出艰难的选择。良好的内容、布局、图片和交互对于吸引用户来说至关重要,这其中的每一个元素都会对页面加载时间和网站的感知性能造成巨大影响。本书会帮助你在项目过程中将页面速度放在首位,向你展示如何验证*关键的设计决策,从而提升页面加载速度,打造*用户体验。
如果你是Web设计师或开发人员,想提升网站性能,本书非常适合你。
页面加载时间对网站、品牌和用户的影响
页面速度的基础知识:浏览器是如何获取和渲染内容的
优化和加载图片的*实战
如何清理HTML和CSS,优化网络字体
以性能为目标的移动优先设计
随着网站的演进,利用工具度量性能
改变组织性能文化的方法
|
內容簡介: |
本书探讨如何提升网站性能,分8章详细介绍性能提升所需的工具、软件、方法,主要内容包括:页面加载速度的基础知识,图片的格式和优化方法,HTML标记和样式的优化,如何用好响应式Web设计,网站性能的评估方法,以及如何打造组织的性能文化。
|
關於作者: |
Lara Callender Hogan是Etsy性能团队的高级工程经理,曾管理Etsy的移动Web工程团队。在加入Etsy之前,Lara是一名用户体验经理,也是一名自学成才的前端开发人员,曾在多家创业公司任职。
|
目錄:
|
前言xv
第1章 性能即用户体验1
1.1 对品牌的影响2
1.1.1 回访用户2
1.1.2 搜索引擎排名2
1.2 对移动用户的影响3
1.2.1 移动网络4
1.2.2 移动行为模式6
1.2.3 移动硬件7
1.3 设计师对性能的影响8
第2章 页面速度初探12
2.1 浏览器如何渲染内容12
2.1.1 请求13
2.1.2 连接15
2.2 页面大小16
2.3 感知性能18
2.3.1 关键渲染路径18
2.3.2 卡顿21
2.4 影响页面速度的其他因素22
2.4.1 地理位置22
2.4.2 网络23
2.4.3 浏览器23
第3章 优化图片24
3.1 图片格式的选择25
3.1.1 JPEG25
3.1.2 GIF29
3.1.3 PNG32
3.1.4 额外的压缩36
3.2 替换图片请求38
3.2.1 精灵图38
3.2.2 CSS345
3.2.3 data URI 和Base64 编码图像50
3.2.4 SVG51
3.3 图片使用规划和改进55
3.3.1 建立日常检查机制55
3.3.2 创建样式指南56
3.3.3 指导其他的图片创作者56
第4章 优化HTML 标记和样式58
4.1 简化HTML58
4.1.1 过度嵌套59
4.1.2 语义化60
4.1.3 可访问性63
4.1.4 框架和网格系统63
4.2 简化CSS65
4.2.1 未使用的样式66
4.2.2 合并及精简样式67
4.2.3 精简样式图片72
4.2.4 去除特殊性73
4.3 优化网络字体74
4.4 创建可复用的HTML 标记77
4.5 关于HTML 标记的进一步思考82
4.5.1 CSS 和JavaScript 加载82
4.5.2 压缩和gzip84
4.5.3 资源缓存86
第5章 响应式Web 设计88
5.1 谨慎加载内容89
5.1.1 图片89
5.1.2 字体96
5.2 方案97
5.2.1 项目文档97
5.2.2 移动优先98
5.2.3 衡量一切99
第6章 性能评估与迭代104
6.1 浏览器工具105
6.1.1 YSlow105
6.1.2 Chrome 开发者工具106
6.2 综合测试108
6.3 真实用户监控112
6.4 持续改变114
第7章 权衡美感与性能118
7.1 找到平衡点118
7.2 将性能作为工作流程的一部分121
7.3 基于性能预算尝试新设计121
7.4 结合性能试验设计122
第8章 改变组织文化125
8.1 性能卫士125
8.2 向上管理128
8.2.1 对业务指标的影响128
8.2.2 体验网站速度130
8.3 与其他设计者和开发者工作132
8.3.1 培训132
8.3.2 认可133
作者介绍140
封面介绍140
|
|