WEB网站性能优化

最近做了个WEB网站,刚开始还好,可是后来越来越慢,特别是调试模式下,本地运行不调试模式下也挺慢的,这肯定是我们的代码有问题,但是即使业务不是很复杂的也很慢,我们就想当然的认为我们的代码没问题,可最后证明还是我们的代码有问题。我也挺佩服我怎么忍受的了的,这个也是我们不能如期完成的主要原因,大家都因为慢,很降低我们的积极性,往往写几句代码调试要话好长时间,所以大家都愿意干点其他的。

先列几点我知道的可以从哪方面入手优化的东西。

从前台入手

1.减少HTTP请求

可以减少JS和CSS文件的个数,把几个合并在一起。减少不必要的图片存在,服务器传过来HTML文档后,浏览器在解析的时候,遇到img便签,会发生HTTP请求去获取图片。

2.使用浏览器缓存

一个网站他的样式几乎是一样的,所以内容是相同的,如JS、CSS和图片等,像这些东西就可以放缓存里,下次读缓存就行。

3.图片或者flash资源预加载

有时一个页面有很多图片和flash资源,如果都一起加载的话,那速度很慢,影响用户使用心情,所以就可以预加载这些资源,提高用户体验度。

从代码方面入手

1.少循环,尽量杜绝嵌套循环

有的业务十分复杂,按常规思维写的话,会出现很多循环,甚至嵌套好几层循环。写代码时三层以上的绝对不要有,如果数据量不大的前提,两层三层的可以少有。

2.杜绝全局变量、静态变量,少用锁

尽量杜绝全局变量、静态变量,所有人都操作一份数据,这就会有数据不统一的情况。不要轻易对一个资源加锁,如果对一个资源加锁,下一个人得等上一个人使用完,如果是频繁的访问这个资源,则效率会大大降低。

3.减少数据库链接

与数据库打一次交到就打开一个连接,也不主动释放,这是不可取的。如果每次打开链接在关闭链接,这样也是不好的。可以使用已有的链接,没有已有链接才打开一个链接。

4.使用外部的JS和CSS

将内联的JS和CSS写成外部的JS和CSS,减少重复下载内联的JS和CSS。

数据库的优化

数据库优化也有多值得学习的地方,这里没有深入的研究,就大概写写自己暂时知道的一些。设计数据库的时候要遵循数据库三范式,但不是要求严格遵循,如有时也会要写必要的冗余来达到效率的提高。如果要写SQL语句,要杜绝in,in就相当于代码里的循环,当数据越来越多时,那会很影响效率的。如果用到了ORM相关的,自然中大部分实体都是相关联的,但并不是有点关联就要建立映射关系,那会十分影响效率,只有关联十分密切的才建立关联关系,不然你查询孙子,你就可能把它的父母、爷爷、祖父等都会查询出来,所以也少用关联映射来查询内容。

最后,关于性能优化是一个很大的方面,有很多东西值得我们学习,上面只是最近一点点的感触,欢迎大家有其他相关的东西与我分享。

如果想知道我们项目从哪一点优化的,请关注我下篇博客

时间: 2024-10-14 22:20:09

WEB网站性能优化的相关文章

web网站性能优化整理

.tab { width: 600px; table-layout: fixed; border-collapse: collapse } .tab th,.tab td { text-align: center; border: 1px solid #ddd !important; line-height: 40px; color: #FFFF83 !important; background-color: #282c34 !important } ul.code { background-c

优化Web网站性能

一.前端优化 网站性能优化是一个很综合的话题,涉及到服务器的配置和网站前后端程序等各个方面,我只是从实际经历出发,分享一下自己所尝试过的网站性能优化方法.之所以在标题上挂一个web2.0,是因为本文更偏重于中小网站的性能优化,我所使用的系统也是典型web2.0的LAMP架构. 首先讲讲前端的优化,用户访问网页的等待时间,有80%是发生在浏览器前端,特别是页面和页面中各种元素(图片.CSS.Javascript. flash…)的下载之上.因此在很多情况下,相对于把大量的时间花在艰苦而繁杂的程序改

高性能网站建设进阶指南:Web开发者性能优化最佳实践 pdf扫描版

高性能网站建设进阶指南:Web开发者性能优化最佳实践是<高性能网站建设指南>姊妹篇.作者Steve Souders是Google Web性能布道者和Yahoo!前首席性能工程师.在本书中,Souders与8位专家分享了提升网站性能的最佳实践和实用建议,主要包括:理解Ajax性能,编写高效的JavaScript,创建快速响应的应用程序.无阻塞加载脚本, 跨域共享资源,无损压缩图片大小,使用块编码加快网页渲染:避免或取代iframe的方法,简化CSS选择符,以及其他技术.性能是任何一个网站成功的关

如何进行网站性能优化

如何进行网站性能优化 雅虎Best Practices for Speeding Up Your Web Site: content方面 减少HTTP请求:合并文件.CSS精灵.inline Image 减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件.方法:DNS缓存.将资源分布到恰当数量的主机名,平衡并行下载和DNS查询 避免重定向:多余的中间访问 使Ajax可缓存 非必须组件延迟加载 未来所需组件预加载 减少DOM元素数量 将资源放到不同的域下:浏览器同时从一个域下载

Web前端性能优化进阶——完结篇

前言 在之前的文章 如何优化网站性能,提高页面加载速度 中,我们简单介绍了网站性能优化的重要性以及几种网站性能优化的方法(没有看过的可以狂戳 链接 移步过去看一下),那么今天我们深入讨论如何进一步优化网站性能. 一.拆分初始化负载 拆分初始化负载——听名字觉得高大上,其实不然,土一点将讲就是将页面加载时需要的一堆JavaScript文件,分成两部分:渲染页面所必需的(页面出来,没他不行)和剩下的.页面初始化时,只加载必须的,其余的等会加载. 其实在现实生产环境中,对于大部分网站:页面加载完毕(w

网站性能优化:动态缩略图技术实现思路

在网站开发过程中,大家都是如何解决多尺寸图片缩略图问题的呢?犹为典型的是电商网站,据了解,淘宝的图片缩略图是直接存储多张缩略图的方式,以满足各种情况下使用,因为它有牛逼的开源+自主开发的海量图片存储架构作支撑.但是,我们在做网站时,并不可能直接搬牛逼的架构过来,就可以达到预期的效果,况且各种成本投入也是有限的.所以一般性能优化的原则大都是这样:先考虑软件的优化,再考虑硬件的升级,当然土豪客户则除外. 很多网站可能没有对图片进行缩略图处理,上传时图片可能几百KB,在页面也是直接加载几百KB的图片大

网站性能优化你需知道的东西

本文提到的网站性能指网站的响应速度,这也符合绝大部分人对于网站性能的理解:访问快速的网站性能好,反之,访问速度越慢,则网站性能越差.本文总结的优化方法是宏观的工程层面的方法,并不包含微观的语言语法层面的方法,例如,JS.CSS的语法优化,这一部分同样影响网站的性能,但语言语法层面的优化更多的是取决于开发人员的编程水平. 什么样的网站响应速度快呢?其实很容易想到,网站加载资源的速度越快,网站响应速度越快:网站需要加载的资源越少,网站响应速度越快.这就分别对应网站性能优化的两大方向:资源缓存.资源合

Yahoo! 35条网站性能优化建议

Yahoo! 35条网站性能优化建议 分类: 网站性能优化2014-03-08 17:18 212人阅读 评论(0) 收藏 举报 网站性能优化 Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践.他们为此进行了一系列的实验.开发了各种工具.写了大量的文章和博客并在各种会议上参与探讨.最佳实践的核心就是旨在提高网站性能.原版猛戳:Best Practices for Speeding Up Your Web Site, Excetional Perfo

Web应用性能优化黄金法则——转

本文转自:Web应用性能优化黄金法则——转 Web应用性能优化黄金法则:先优化前端程序(front-end)的性能,因为这是80%或以上的最终用户响应时间的花费所在. 法则1. 减少HTTP请求次数 80%的最终用户响应时间花在前端程序上,而其大部分时间则花在各种页面元素,如图像.样式表.脚本和Flash等,的下载上.减少页面元素将会减少HTTP请求次数.这是快速显示页面的关键所在. 一种减少页面元素个数的方法是简化页面设计.但是否存在其他方式,能做到既有丰富内容,又能获得快速响应时间呢?以下是