《高性能网站建设指南》读后感
2016-03-16 16:15
239 查看
首先这本书分析了前端在网站体验中的重要性,并提出了简单有效的14条规则,对网站架构有指导意义
规则如下:
1、减少HTTP请求
a、图片地图(即图片热点,感觉此方法因缺少交互已被逐步取代)
b、css sprite
c、内联图片(即用base64编码图片)
d、合并脚本与样式表(此问题无绝对化,否则与模块化相冲突,感觉模块化希望文件小而独立,并按需加载)
2、使用内容分发网络(即CDN服务)
3、添加Expires头(此处对http协议不甚理解,暂无头绪,理解为服务器端设置)
4、压缩组件(通过gzip压缩传输)
5、样式表放在顶部(防止加载过程中的样式重构)
6、脚本放在底部(防止脚本阻塞其他组件下载)
7、避免CSS表达式
8、用外部JS和CSS
a、外部文件可缓存,重复度高(此处与第一点中d有冲突,需要权衡)
b、可以缓加载或动态加载
9、减少DNS查找
10、精简JS(含压缩和逻辑优化)
11、避免重定向
12、删除重复脚本(含重复的http请求和js脚本)
13、配置ETag
14、使AJAX可缓存(设置长久的Expires头)
规则如下:
1、减少HTTP请求
a、图片地图(即图片热点,感觉此方法因缺少交互已被逐步取代)
b、css sprite
c、内联图片(即用base64编码图片)
d、合并脚本与样式表(此问题无绝对化,否则与模块化相冲突,感觉模块化希望文件小而独立,并按需加载)
2、使用内容分发网络(即CDN服务)
3、添加Expires头(此处对http协议不甚理解,暂无头绪,理解为服务器端设置)
4、压缩组件(通过gzip压缩传输)
5、样式表放在顶部(防止加载过程中的样式重构)
6、脚本放在底部(防止脚本阻塞其他组件下载)
7、避免CSS表达式
8、用外部JS和CSS
a、外部文件可缓存,重复度高(此处与第一点中d有冲突,需要权衡)
b、可以缓加载或动态加载
9、减少DNS查找
10、精简JS(含压缩和逻辑优化)
11、避免重定向
12、删除重复脚本(含重复的http请求和js脚本)
13、配置ETag
14、使AJAX可缓存(设置长久的Expires头)
相关文章推荐
- 基于Flume的美团日志收集系统(一)架构和设计
- mysql mha 主从自动切换 高可用
- 在网页标题栏上和收藏夹显示网站logo的实现方法
- 在网页标题栏上和收藏夹显示网站logo
- $.getjson方法配合在url上传递jsoncallback=?参数,实现跨域获取指定网站某商品访问量
- java.util.concurrent 架构介绍
- 重磅推荐,国内国外优秀的素材资源网站
- 手游页游和端游的服务端的架构与区别
- 手机访问PC网站自动跳转到手机网站代码(转)
- Flume架构与源码分析-核心组件分析-2
- 高性能网站架构的思考
- 常见网站的两种攻击方式
- Flume架构与源码分析-核心组件分析-1
- 架构设计
- WEB网站常见受攻击方式及解决办法
- 扫二维码银行卡诈骗是如何实现的?日常生活中如何避免?
- 微信Android客户端架构演进之路
- 购物搜索引擎架构的变与不变——淘宝网曲琳
- 通过历史看未来——百度搜索的新方向__陈竞凯 【全球架构师峰会】
- 除非Windows Activation Service (WAS)和万维网发布服务(W3SVC)均处于运行状态,否则无法启动网站。