信息技术专题讲座.ppt

信息技术 专题讲座 网站架构 中小网站（LAMP技术） Linux+Apache+MySQL+PHP 大型网站（从中小网站发展而来） 高流量、高并发、高可用、高性能、伸缩性、可扩展、安全 NoSQL=not only SQL 不仅仅是SQL 泛指非关系型数据库，目前应用最广泛的是Apache HBase 网站架构 常用的网站架构： Linux + Apache + PHP + MySQL Linux + Apache + Java (WebSphere) + Oracle Windows Server 2003/2008 + IIS + C#/ASP.NET + 数据库MsSQL 软件下载： Apache: / PHP: / MySQL : / WEB前端技术 用户体验（主观） 网站优化—面包屑导航 面包屑导航其实就是目录结构、位置导航，像：主分类一级分类二级分类三 级分类……最终内容页面 在童话里，面包屑是汉赛尔在进入森林的路中偷偷撒下的，这是一种“历史记录”的应用方式，目的是帮助你追溯来路，因而它应该是一种线性的导航方式。 在网页的应用中，“追溯来路”这件事浏览器已 经做得足够好了，所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素，也就是我们经常看到的“主分类一级分类二级分类三 级分类……最终内容页面”这样的方式。但是一般正常的来讲目录结构由3层结构组成。分别是首页栏目页内容页。合理的构建 目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散。同时在许多关于网站用户使用体验的调查报告中也得出超 过3次点击访客还没有找到需要的信息，访客就很大的可能性会离开网站。所以，3层目录结构也是浏览体验的需要。 网站优化—面包屑导航作用 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的属性，可以设定浏览器缓存的时间。使用此策略时，应采用逐量更新的方法 网站优化--WEB前端性能优化 4.启用压缩 在服务器端对文件进行压缩，在浏览器端对文件解压缩，可有效减少通信传输的数据量，文本文件的压缩效率可达80%以上，因此html,css,javascript文件使用Gzip压缩可达到较好的效果。但是压缩对服务器和浏览器产生一定的压力，在通信带宽良好，服务器资源不足的情况下要权衡考虑。 5.把CSS放在页面最上面 浏览器会在下载完全部CSS之后才对整个页面进行渲染，因此最好的做法是将CSS放在页面最上面，让浏览器尽快下载CSS。 6.把Javascript放在页面最下面 浏览器在加载Javas