信息技术专题讲座1..

网站优化—面包屑导航作用
1、让用户了解目前所处位置，以及当前页面在整个 网站中的位置。 2、体现了网站的架构层级，能够帮助用户快速学习 和了解网站内容和组织方式，从而形成很 好的位置 感。 3、提供返回各个层级的快速入口，方便用户操作。 4、Google已经将面包屑导航整合到搜索结果里面， 因此优化面包屑导航每个层级的名称， 多使用关键 字，都可以优化SEO。
网站优化--WEB前端性能优化

1.减少HTTP请求 HTTP协议是无状态的应用层协议。意味着每次HTTP请求都需要建立通信链路、进行数据传输，而在服务器 端，每个HTTP都需要启动独立的线程去处理，这样通信和服务的开销都很昂贵，减少HTTP请求的数目可有 效提高访问性能。 图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多 个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，通过CSS 偏移响应鼠标点击操作，构造不同的URL。 2.利用CDN技术 CDN （Content Distribute Network内容分发网络）的本质仍然是一个缓存，而且将数据缓存在离 用户最近的地方，使用户以最快速度获取数据。 由于CDN部署在网络运营商的机房，这些运营商又是终端用户的网络服务提供商，因此用户请求路由的第 一跳就到达了CDN服务器，当CDN中存在浏览器请求的资源时，从CDN直接返回给浏览器，最短路径返 回响应，加快用户访问速度，减少数据中心负载压力。 CDN能够缓存的一般是静态资源，如图片、文件、CSS、Script脚本、静态网页等，但是这些文件的访问 频率很高，将其缓存在CDN可极大改善网页的打开速度。 3.使用浏览器缓存 对一个网站而言，静态资源文件的更新频率较低，而这些文件又几乎是每次HTTP请求需要的，如果将这些 文件缓存在浏览器中，可以极好的改善性能，通过设置HTTP头中Cache-Control和Expires的属性， 可以设定浏览器缓存的时间。使用此策略时，应采用逐量更新的方法
网站架构
常用的网站架构：
Linux + Apache + PHP + MySQL Linux + Apache + Java (WebSphere) + Oracle Windows Server 2003/2008 + IIS + C#/ASP.NET + 数据库MsSQL 软件下载： Apache: http://www.apache.org/ PHP: http://php.net/ MySQL : http://www.mysql.com/

网站优化--WEB前端性能优化
4.启用压缩 在服务器端对文件进行压缩，在浏览器端对文件解压缩，可有效减少通信传输 的数据量，文本文件的压缩效率可达80%以上，因此html,css,javascript 文件使用Gzip压缩可达到较好的效果。但是压缩对服务器和浏览器产生一定的 压力，在通信带宽良好，服务器资源不足的情况下要权衡考虑。
信息技术
专题讲座
网站架构
中小网站（LAMP技术）
Linux+Apache+MySQL+PHP
大型网站（从中小网站发展而来）
高流量、高并发、高可用、高性能、伸缩性、可扩展、安全 NoSQL=not only SQL 不仅仅是SQL 泛指非关系型数据库，目前应用最广泛的是Apache HBase
几秒 十几毫 秒
在数据库中查询一条记 录（有索引）
1微秒
0.5毫秒
网络传输2KB数据
从远程分布式缓存 Redis读取一个数据
网站优化—面包屑导航
面包屑导航其实就是目录结构、位置导航，像：主分类>一级 分类>二级分类>三 级分类>……>最终内容页面
在童话里，面包屑是汉赛尔在进入森林的路中偷偷撒下的，这 是一种“历史记录”的应用方式，目的是帮助你追溯来路，因而 它应该是一种线性的导航方式。 在网页的应用中，“追溯来路”这件事浏览器已 经做得足够好了， 所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素， 也就是我们经常看到的“主分类>一级分类>二级分类>三 级分 类>……>最终内容页面”这样的方式。但是一般正常的来讲目 录结构由3层结构组成。分别是首页>栏目页>内容页。合理的 构建 目录结构可以让用户随时随地的找到自己所在的位置又能 保证栏目分类后的各个栏目的权重不至于太分散。同时在许多 关于网站用户使用体验的调查报告中也得出超 过3次点击访客 还没有找到需要的信息，访客就很大的可能性会离开网站。所 以，3层目录结构也是浏览体验的需要。
WEB前端技术
WEB前端技术的范围 编程语言/技术（HTML，JavaScript，CSS等） 跨浏览器兼容性/支持（JS Framework，CSS Library） 网络传输性能（并行下载，带宽利用率） 浏览器渲染时间/性能 （TTI即用户可交互前等待时间，JS执行性能）
用户体验（主观）
影响因素 优化方法
使用者 的状态
梅特卡夫定律 (Metcalfe’s Law)：
感官体验 Βιβλιοθήκη Baidu改善
系统性 能
网络价值同网 络用户数量的 平方成正比。
交互体验 的改善
环境（状 况）
用户最基本的需求： 速度和稳定性 迭代式发展，周期相对短 Always On line
目标信息 要醒目而 亲近并保 持更新
系统响应时间
打开一个网站
5.把CSS放在页面最上面 浏览器会在下载完全部CSS之后才对整个页面进行渲染，因此最好的做法是将 CSS放在页面最上面，让浏览器尽快下载CSS。 6.把Javascript放在页面最下面 浏览器在加载Javascript后立即执行，有时会阻塞整个页面，造成页面显示 缓慢，因此Javascript最好放在页面最下面，但如果页面解析时就需要用到 Javascript,这时放在底部就不合适了。 7.避免CSS 表达式 CSS表达式很可怕，这个只被IE支持的东西执行时候的运算量非常大，你移动 一下鼠标它都要进行重计算的，但有时候为了做浏览器的兼容必须要用到这个