1)web开发的特点是是:没有太复杂的技术难点,一切在于迅速的把握需求,其实这正式敏捷开发的要旨所在,一切都可以非常快速的建立,非常快速的重构,我们的开发工具,底层库和框架,包括搜索引擎和web文档提供的帮助,都提我们供给了敏捷的能力。
2)此外,相应的,最有效率的交流方式必须留给web开发,那就是face2face(面对面),不要太担心你的设计不能被完备的文档所保留下来,他们会以交流,代码和小卡片的方式保存下来
3)人的因素会更加重要,无论是对用户的需求,还是开发人员的素质。
另:有关web效率,有著名的14条规则,由yahoo性能效率小组所总结,并广为流传。业已出现相关插件(YSlow),14 rules列在下面:
1. Make Fewer HTTP Requests
减少http请求次数
Image maps 图像中增加url可以将多个图片合为一个,减少http请求。
CSS Sprites 通过css 将图片引入到页面中减少页面请求http 。
Combined files合并文件不如合并多个请求的javascript为一个。减少http请求。
http://developer.yahoo.net/blog/archives/2007/04/rule_1_make_few.html
2. Use a Content Delivery Network
3. Add an Expires Header
在下载的css、js、image组件里增加过期时间
4. Gzip Components
(对下载的组件进行压缩)
毫无疑问,对站点内容进行压缩是一个比较常用的 Web 优化手段.但是并不一定都能达到理想的效果.原因在于 mod-gzip 模块不但消耗服务器端 CPU资源,也消耗客户端 CPU资源. 而且, mod_gzip 压缩文件后创建的临时文件是放到磁盘上的,这也会给磁盘 IO带来严重的问题.
Flickr 采用的是 Httpd 2.x 以后支持的 mod_deflate 模块.压缩操作都在内存中进行.mod_deflate 在 Httpd 1.x 是不可用的, 不过可以通过创建 RAM盘的方式来间接提高性能.
当然, mod_gzip 到也不是一无是处, 对于预压缩的文件, 还是有好处的. 而且, 采用压缩的时候,也要注意策略. 图片文件压缩就没什么必要了(Flickr 上图像多, 而且压缩得不到什么好处). Flickr 只对JavaScript 和 CSS进行压缩. mod_gzip 新一点的版本能够自动通过配置 mod_gzip_update_static 选项自动处理预压缩的文件. Cal 也指出这个特性在一些旧版本的浏览器上会出问题.
压缩的另一个主要手段是内容的压缩. 针对 JavaScript 可以进行通过减少注释、合并空格、使用紧凑的语法等小技巧(Google 的所有脚本都非常难读,而且非常紧凑,思想类似).当然,经过这样处理的 JavaScript 可能带了很多括号不容易解析,Flickr 使用了 Dojo Compressor 来构建解析树。Dojo Compressor 开销很低,而且对于最终用户是透明的. JavaScript 的处理方法介绍过,CSS 处理则相对简单.通过简单的正则表达式替换(比如把多个空格替换为一个空格符), 最高可以获得 50% 的压缩比。
5. Put CSS at the Top
css文件尽可能放在页面的最上面
· Move Scripts to the Bottom
js文件尽可能放在页面的最下面
6。Put JS components as close to the bottom of the page as possible.
(js文件尽可能放在页面的最下面)
7。Avoid CSS Expressions
(在css文件中慎用表达式)
8。Make JavaScript and CSS External
(在外部包含js和css文件)
9。Reduce DNS Lookups
(减少请求中域名的解析次数)
10。Minify JavaScript
(js代码压缩)
11。Avoid doing redirects.
(避免重定向)
12。Remove Duplicates Scripts
(避免请求重复的js文件)
13。Configure ETags
(配置好ETag)
Flickr 的开发者充分利用了 Http 1.1 规范定义的 Etag 与 Last-Modified 机制 来提高 Caching 的效率. 值得注意的是,Cal 介绍了一个在负载均衡条件下的 e-Tag 小技巧. 即可以设定 Apache 通过文件调整时间与文件大小获得 E-Tag ,而默认情况下, Apache 是通过文件节点获取 e-Tag 的。当然,这也不是很完美,因为会影响 if-modified-since 。
但是有的网站的e-Tag,如yahoo,其产生规则是基于节点的。相同的css或js脚本在不同节点服务器上的e-Tag不同,所以如果有n个服务器,那么浏览器获得304应答消息的概率是1/n。
14。Make Ajax Cacheable
(缓存Ajax请求)
以下几点是新增的准则,还没有正式公布,所以大家要注意,
15。Flush the Header
(先发送Header里的信息)
We improved the page load times by flushing the apache output buffer after the document HEAD was generated.This had two benefits.
First, the HEAD contains SCRIPT and LINK tags for scripts and stylesheets. By flushing the HEAD, those tags are received and parsed by the browser sooner, and in turn the browser starts downloading those components earlier.
Second, the HEAD is flushed before actually generating the search results. This is a win for any property doing a significant backend computation or especially making one or more backend web service calls.
16。Split Static Content Across Multiple Hostnames
(把较大的静态文件分割成不同域的请求)
If you have many (10 or more) components downloaded from a single hostname, it might be better to split those across two hostnames.
17。Reduce the Size of Cookies
(不要让Cookie内容过大)
Reduce the amount of data in the cookie by storing state information on the backend, and abbreviating names and values stored in the cookie. Set expiration dates on your cookies, and make them as short as possible.
18。Host Static Content on a Different Top-Level Domain
(把静态文件放在不同的顶级域名下)
19。Minify CSS
(Css代码压缩)
20。Use GET for XHR
(有XHR时使用GET请求)
Iain Lamb did a deep study of how using POST for XMLHttpRequests is inefficient, especially in IE. His recommendation: “If the amount of data you have to send to the server is small (less than 2k), I suggest you design your webservice / client application to use GET rather than POST。
21。Avoid IFrames
(尽量避免使用IFrame)
Don’t use SRC (set it via JS instead). Each IFrame takes 20-50ms, even if it contains nothing
22。Optimize images
(优化图片)
分享到:
相关推荐
有关web效率,有著名的14条规则,由yahoo性能效率小组所总结,并广为流传。
j2ee web应用程序提高效率文档 非常有用的一个文档 需要的同学可以下载
NULL 博文链接:https://jonenine.iteye.com/blog/2163782
AJAX异步提高Web应用效率.pdf
一、Web3行业赛道包括: 1.区块链基础设施(Web3.0核心技术) 2.DeFi(Web3.0金融体系) 3.NFT(Web3.0基本载体) 4.元宇宙(Web3.0具象表现形式) 5.DAO(Web3.0基本组织...3.这个场景下,Web 3 的产品解决问题的效率会更好吗?
尽量避免使用DOM。当需要反复使用DOM时,先把对DOM的引用存到JAVAScript本地变量里再使用。
Vino是一个轻量级和高效率的Web服务器
一个有效实现ASP.NET web applications运行效率更高的程序源代码,采用C#进行开发,提供一个有效提高效率的类库代码,供大家学习!
于是自己动手,用jsp写了一个web版的管理工具svn web admin,subversion web 管理工具,发布到tomcat上直接可以修改服务器的配置文件,密码都加密保存,成员也可以自己登录修改,不用什么事都来烦我了,工作效率大大...
目前, 为了提高Web服务发现的质量与效率, 有很多新颖且有效方法被提出。文 中根据Web服务发现技术的研究现状, 主要从系统结构、服务描述、匹配方法方面对当前的W eb服务发现技术进行归类 和介绍, 分析和比较了各种...
可以对于网站进行监控,查看web处理的相关效率!
exit-web-framework是对常用的java web开发封装实用功能来提高开发效率
即用户界面导航的控制、状态管理和模块化,极大地提高了生产效率,尤其适合需要复杂用户交互界面的Web应用程序。此外,它还借鉴了UML状态图思想的流定义方式,使得Web流的开发更加自然。 书中重点讲解Web流、流定义...
delphi下soap编程指导 第一章 SOAP和Web Service的概念 第二章 组件模型、Internet/Intranet和...第十二章 Web service和执行效率 第十三章 Delphi的Soap和Web Service之幕后制作 第十四章 在Internet上使用Web Service
2008.1不仅对其代码的运行效率进行了优化,还最增了一个大家期盼已久的成员:Upload。上传空间虽已不是罕见的东东,可是ComponentArt提供的这款不会让你和你的开发团队失望的。 更主要的是ASP.NET 3.5的版本的发布的...
高层次抽象屏蔽了开发者设计业务底层的复杂度,提升了开发效率,减少了后期维护成本。移动Web技术随着设备和网络的优化迭代,包含更多、更复杂的应用功能,不再是大家所认识的简单交互、单纯展示的页面而已。如今移动Web...
开发备必——WEB前端开发规范文档
防火墙采用C语言编写,运行效率极高。在每秒 100兆比特数据传输的大型服务器上运行良好,占用 CPU 极少。 超强安全防护: 彻底防 SQL 注入攻击等攻击。 彻底防迅雷、FlashGet等。 智能防DDOS、CC拒绝服务。 web后门...
排序方法效率比较C++&飞机订票系统Web
极致SSR构建高效率高性能Web应用.pptx