创建高性能的 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，他上面有更详实的内容。

赞 (0)

相关推荐

  • 创建高性能的 Web 页面

    创建高性能的 Web 页面

    尽可能的减少 HTTP 的请求数 [content] 使用 CDN(Content Delivery Network) [server] 添加 Expires 头(或者 Cache-control) [server] Gzip 组件 [server] 将 CSS 样式放在页面的上方 [css] 将脚本移动到底部(包括内联的)[javascript] 避免使用 CSS 中的 Expressions [css] 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css

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

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

  • 如何使用ASP.NET创建网站并设计web页面

    如何使用ASP.NET创建网站并设计web页面

    创建网站 1.从网上下载VS2017,我接触的朋友和公司大多数都是使用VS2017/VS2019,我查过,差别不大,不影响学习,但不建议项目中突然改变版本,升级或降级,都有一定的报错什么的,所以还是老老实实选好了就不要随意升级/降级,毕竟运行了这么久,框架也成型了,不好改变 2.打开VS2017,在文件菜单中,选择新建->项目->Web-APS.NNT Web,名称和位置可以自己定义,另外我选的是.NET Framework 4框架,因为这个版本的使用率比较普及的 直接确定后,生成完成后,会看

  • web server使用php生成web页面的三种方法总结

    查找mysql_pconnect时在mysql帮助文档上发现的,记在这里. web server使用php生成一个web页面的三式有以下三种: 一:把PHP作为CGI Wrapper.这种方式下,每个到达web server的请求都会导致一个php解析器进程被创建,当这个php页面执行结束时,这个php解析器进程终止. 二:在多进程的web server中,把php作为web server的一个模块.这是目前最流行的做法,但是当前也只有apahce用的这种方式.一个多进程的web server通

  • 用JavaScript脚本实现Web页面信息交互

    用JavaScript脚本实现Web页面信息交互

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

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

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

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

  • php将服务端的文件读出来显示在web页面实例

    php将服务端的文件读出来显示在web页面实例

    本篇文章的内容我将告诉你如何应用php将服务端的文件读出来显示在web页面. 现有保存在服务端的文件orders.txt,内容为: 现创建vieworder.PHP文件,将其读出并显示; <?php $DOCUMENT_ROOT =$_SERVER['DOCUMENT_ROOT']; ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>客户订

  • 使用CamanJS在Web页面上处理图像的技巧

    使用CamanJS在Web页面上处理图像的技巧

    你可能会想问既然CSS已经有现成的功能可以支持基础的图像操作了,为什么我们还会想要为此使用一个像这样的 JavaScript 库呢. 好吧,除了有浏览器的支持,使用 CamanJS 有许多的好处.它为我们操作图像提供了更多的过滤器和选项.你可以在你的图像中创建高级过滤器,进而控制其中的每一个像素.你可以使用其内置的混合模式和图层系统.而它也能让你进行图像的跨域操作,并可以对操作产生的图像进行保存. 现在,就让我们来开始探索 CamanJS 所提供的特性吧! 引入必要的文件 要开始使用 Caman

  • 浅谈Web页面向后台提交数据的方式和选择

    1.通过表单提交 这是HTML支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面会刷新. 2.通过网页链接提交 可以在网页的链接附上需要提交的参数,当用户点击链接后,浏览器发起向链接的访问,从而也把链接附带的参数提交到后台,这种方式提交后页面也会刷新. 3.通过ajax提交 Javascript支持ajax方式创建HTTP请求,可以通过在HTML页面元素的事件处理函数中创建ajax请求,在url参数里携带所需提交的

随机推荐