high performance web sites 阅读小记
high performance web sites
1,减少HTTP请求数(1)图片加载使用image maps 或者 CSS Sprite(2)使用非http协议,如(ftp:, file: mailto: data:URL等,已被IE废弃)(3)合并css和js代码文件2,使用内容分发网络(CDN:content delivery network)当然使用cdn有优点也有缺点:成本高,不受控制,和其他客户竞争cdn带宽3,增加expires头,控制缓存时间(1)设置expires头,不易操作,需要设置精确过期时间,client和server需要同步时间等(2)http 1.1引进Cache-controll:max-age(3)主要针对image/stylesheet/script等类型文件(4)更改文件名可“刷新”缓存,如添加js版本号4,使用Gzip(1)Accept-Encoding: gzip, deflate(2)一般可压缩大于1~2K的文本文件(html/css/js/xml/json等)5,把stylesheets放在前面(1)有些浏览器可能会在读完stylesheet后再渲染,所以影响用户体验(2)多用link标签,少用@import6,把scripts放在后面(1)脚本执行占用时间,导致页面加载缓慢(2)加快stylesheet渲染页面(3)使用多个子域名或者cdn,增加浏览器并发下载数目,但script只能单独下载,无法并行7,减少css的运算表达式8,把javascript和css放在外部文件(1)css和js能轻易被浏览器缓存(2)资源复用等9,减少dns查询(1)dns查询结果包含ttl值,表示保持时间,浏览器有记录缓存10,减小javascript代码压缩,混淆,删掉无用代码片段,可用JSMin工具或Dojo Compressor11,减少3xx跳转(服务器端用alias等方式替代)12,防止script被多次引用13,设置ETag服务器 -> 浏览器 ETag: "10c24bc-4ab-457e1c1f"浏览器 -> 服务器 If-None-Match: "10c24bc-4ab-457e1c1f"14,使Ajax可缓存,优化ajax
附:关于网站建设整理:(各个组件的一些解决方案)
1,原型设计Axure 2,后端MVC框架(codeigniter/yii/ruby on rails等) 3,前端框架bootstrap(css),jquery(javascript),yaml(css)等 4,持久化数据库(mysql数据表设计,读写分离,合适存储引擎,慢查询日志,数据库连接池,索引,通过业务实现分表分库);缓存数据库(redis/mongodb等) 5,缓存方案(数据缓存memcache/redis,文件缓存squid/varnish) 6,消息队列(redis/zeromq/httpsqs等),任务调度(zeromq/gearman等) 7,文件存储(磁盘大文件存储+mongodb小文件存储) 8,搜索引擎(lucene/nutch/elasticsearch等) 9,SEO优化(添加ga统计代码等) 10,虚拟化(xen或lxc或kvm) 11,日志处理:分布式日志搜集(facebook的scribe)日志统计处理(awk/hadoop/elasticsearch/storm) 12,监控(glances,nagios,zabbix,查看网络IO,磁盘IO,cpu,磁盘剩余,内存占用等参数) 13,负载均衡(F5/lvs/nginx/Haproxy热备) 14,装机策略(系统盘和重要的数据盘做raid10),操作系统centos 15,网络安全(程序以nobody权限运行,禁止root账户操作现网,防ddos攻击,防xss注入攻击,及时更新各个软件,改变ssh等常用软件的端口)
转载于:https://www.cnblogs.com/ciaos/p/3296678.html
high performance web sites 阅读小记相关推荐
- 【护眼阅读】PC端通过主流常用浏览器打开本地WEB页面阅读本地TXT小说
自用-通过WEB页面阅读本地小说,生成章节导航,设置字色和背景色达到护眼目的,HTML+CSS+JS 章节导航 需求分析 HTML代码 CSS代码 JS代码 总结 章节导航 从分析需求入手,查找资料, ...
- webmatrix mysql_Web Sites系列:使用Windows Azure的Web Sites和WebMatrix创建PHP和MySQL站点
新引进的Windows Azure Web Sites和最新版本的Microsoft WebMatrix提供了一个创建和承载PHP+ MySQL Web Sites的好方法.您可以在Windows A ...
- NAS论文阅读小记一
NAS论文阅读小记一 Darts SPOS MMNAS BN-NAS ProxyLessNAS 总结 论文 DARTS: Differentiable Architecture Search Sing ...
- 《HTML5 移动Web App阅读器》随笔
一.Web App介绍 1.HTML5应用场景 (1)PC端web站点(pc端网站开发) (2)基于WebView的hybrid native App开发 (融合WebApp与MobileApp混合开 ...
- web在线阅读日志文件,response.getOutputStream().write中文乱码原因
背景 系统的对接,将接口部署到第三方的企业,有的时候需要看系统的日志信息,每次都要登录服务器上操作太麻烦,如何实现在web页面对日志的观察,将日志文件显示到web页面上,可能实时的显示目前还没做好,但 ...
- “谈谈我对技术发展的一点感悟”阅读小记
下面要品鉴的是"燕洋天"的文章,原作者的博客地址为:http://www.cnblogs.com/yanyangtian/ 随着自己不断的在技术这条路上走着,感悟和体会也是越来越多 ...
- html5 json转字符串,web前端-js小记(5)-字符串及json
0. 对于 HTTP 协议而言,HTML.CSS.JS.JSON 的本质都是什么? 对于HTTP协议而言,html.css.js.json是符合相应语法的字符串. 用户访问页面时,浏览器根据用户的请求 ...
- yii 2.0 代码阅读 小记
1.\yii\base\object 设置了get/set属性...使用getName()获取属性名..构造函数中使用config初始化属性 2.\yii\base\Component 继承自Obje ...
- Searching the Web论文阅读
Searching the Web (Arvind Arasu etc.) 1. 概述 2000年,23%网页每天更新,.com域内网页40%每天更新.网页生存半衰期是10天.描述方法可用Pois ...
最新文章
- 科学史上那些盛极一时的“著名理论”是如何被攻破的?
- AJAX是一门艺术: XHR篇
- mybatis映射器${}和#{}的区别
- git 如何清理操作日志_git如何清空所有的commit记录
- HttpClient测试类请求端和服务端即可能出现乱码的解决
- hdu 2018多校8
- unixODBC的使用
- 基于阿里云HiTSDB搭建工业物联网平台实践
- dp、sp 转换为 px 的工具类
- 腾讯员工人均年薪曝光!比上一年涨薪7万,这个柠檬我先吃了...
- 20145227《Java程序设计》第10周学习总结
- Android的ListView长按监听器
- 倾角传感器的介绍和应用
- PHP测试POST请求工具
- 联想笔记本驱动升级,指纹识别不了不成功解决方法
- elisa标准曲线怎么做_如何拟合Elisa标准曲线
- python编写贪吃蛇大战_用Python实现贪吃蛇双人大战
- ArcGIS Runtime for Android天地图底图及TPK数据包放大后数据不显示问题
- The Book Thief
- 华为S5700交换机链路聚合配置