创建高性能的 Web 页面_网站应用

尽可能的减少 HTTP 的请求数 [content]
使用 CDN(Content Delivery Network) [server]
添加 Expires 头(或者 Cache-control) [server]
Gzip 组件 [server]
将 CSS 样式放在页面的上方 [css]
将脚本移动到底部(包括内联的)[javascript]
避免使用 CSS 中的 Expressions [css]
将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
减少 DNS 查询 [content]
压缩 JavaScript 和 CSS (包括内联的)[javascript] [css]
避免重定向 [server]
移除重复的脚本 [javascript]
配置实体标签(ETags)[css]
使 Ajax 缓存 [content]
根据,PPT 的内容所示,我使用 Yslow 检查了下本人的主页,才得了个“F 47”(坦白说,与我本人估计的非常有出入)。

主要的问题就是没有开启 Gzip 压缩,以及没有设置 HTTP 头缓存。看来折腾了那么久,除了服务器端的性能,客户端的缓存还是不能忽视的。

想想看,如果淘宝首页没有缓存,即便是多了 1KB 的页面容量,乘以每天上亿的 PV,这个数字将是多么的庞大。

最后,提供本次的交流会的 PPT 下载,再次感谢他们。

有关更多的信息,可以访问 圆心 同志的 Blog,他上面有更详实的内容。

时间: 2024-07-29 08:42:30

创建高性能的 Web 页面_网站应用的相关文章

asp.net截屏功能实现截取web页面_实用技巧

本文实例展示了asp.net截屏功能实现截取web页面的方法,代码简洁易懂,分享给大家供大家参考. 具体实现代码如下: using System.Drawing; //打开该页面 System.Diagnostics.Process.Start("IEXPLORE.EXE", "http://localhost:56/Spacxxe.html"); System.Threading.Thread.Sleep(3000); //截屏 //创建并设置画布大小 Syste

ASP.NET微信公众号之用户分组管理web页面_实用技巧

本文实例为大家分享了ASP.NET微信用户分组管理的具体代码,供大家参考,具体内容如下 Model层实体类: public class UserList { public string total { get; set; } public string count { get; set; } public userlistopenid data { get; set; } public string next_openid { get; set; } } public class userlis

谁会去在意什么 Web 标准_网站应用

庆幸的是本站由于页面非常的简陋,所以能够很容易的通过 XHtml 严格版的认证.但我并没有发现通过此认证会给我带来什么好处:浏览量上去了,还是用户普遍赞扬我的网站能在不同的浏览器打开效果都一样了? 至于标准,在经过狂热的代码优雅的追求以后,我对它的看法已经逐渐地发生了改变.这个问题就得先回到我们为什么要做网站的起点上来.不管你目前的网站是否是营利性的,出发点就只有一个:就是面向客户. 客户是否就因为你的网站通过了所谓的 Web 标准就每天来拜访呢?我想这个结论是显而易见的.紧扣用户眼球的不是网站

如何构建HTML 5 Web页面

HTML 5是时下Web开发领域炒得火热的一个术语,是的,很多人都看好它,也有很多业内知名公司开始正式使用HTML 5重新构建自己的网站,如YouTube开始使用HTML 5视频,Google已经弃用自家的Gears,开始全面拥抱HTML 5实现离线解决方案,各大浏览器厂家也纷纷开始支持HTML 5,连被人诟病的微软也声称要在IE 9中增加对HTML 5的支持.本文打算为大家详细介绍一下如何构建一个完整的HTML 5 Web页面,以加深对HTML 5的理解. HTML 5有何不同? 首先我们要明

如何在Web页面上直接打开、编辑、创建Office文档

web|创建|页面 有朋友询问如何在Web页面上做到像SharePoint中的效果一样,能直接激活客户端的Word来打开.doc文件,而不是类似直接点击.doc文档链接时Word在IE中被打开那样.想想这个问题应该很多人都会感兴趣,所以干脆写一篇blog来大致描述一下方法. 在安装Office2003以后,有一个ActiveX控件被安装到了系统中,这个控件位于"Program Files\Microsoft Office\OFFICE11\owssupp.dll".通过这个控件,客户端

用JavaScript脚本实现Web页面信息交互_基础知识

要实现动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识. 一.窗体基础知识 窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为. 1.什么是窗体对象窗体(Form):它构成了Web页面的基本元素.通常一个Web页面有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问.<form Name=Form1><INPUT type=text...><Input

ASP.NET中根据XML动态创建使用WEB组件_实用技巧

  前段时间笔者在开发中需要动态创建WEB组件,本以为是小事一桩,谁知看时容易做时难.里面还真有些小问题.下面笔者就结合自己的程序来介绍一下如何动态创建并使用WEB组件,希望能给做类似工作的朋友提供一点帮助.   一.程序思路   程序主要分三部分:   1.程序要根据XML中的数据信息确定需要创建的WEB组件的个数.   2.动态创建WEB组件.   3.使用动态创建的WEB组件.   其中2和3是笔者要重点介绍的部分.   下面笔者就按照这三部分结合程序实例(以c#为例)来一一介绍.   二

asp.net web页面元素的多语言化(多国语化)实现分享_实用技巧

开发的一些系统,经常要求支持多语言(例如日文,英文等),以前大部分做法是创建一个资源文件, 将每一个标签,按钮等标题文字预先用各种语言设定保存好, 在程序中根据选择的语言来显示对应文字. 这样做的缺点是如果每次改动或增加一个控件,都需要程序开发人员刻意做多语言对应, 如果用户想要改某些标题的描述,还需要开发人员改动资源文件并替换到程序发布目录. 经过调查实验,最终想了一个办法来较好地对应此问题: 在每一个web页面,设定一个只有最高级的管理权限才能看到的一个按钮(例如叫"设定"), 来

如何在Web页面上直接打开、编辑、创建Office文档_javascript技巧

如何在Web页面上直接打开.编辑.创建Office文档  有朋友询问如何在Web页面上做到像SharePoint中的效果一样,能直接激活客户端的Word来打开.doc文件,而不是类似直接点击.doc文档链接时Word在IE中被打开那样.想想这个问题应该很多人都会感兴趣,所以干脆写一篇blog来大致描述一下方法. 在安装Office2003以后,有一个ActiveX控件被安装到了系统中,这个控件位于"Program Files\Microsoft Office\OFFICE11\owssupp.d