`

《高性能网站建设指南》读书笔记

阅读更多
规则1,减少HTTP请求
这是最重要的原则,如果14条规则里只能选一条,那就是它了。可以通过多种方法减少HTTP请求,例如合并图片,合并JS和CSS等等。这一点薄荷网有很多改进的余地,首先应该把现在的JS合并了。

规则2,使用内容发布网络
内容发布网络就是CDN了,但是CDN似乎挺贵的,目前还不适合薄荷网,不过可以考虑自己弄一个网通的静态资源服务器解决有中国特色的可恶的南北互通问题。

规则3,添加Expires头
这个没什么好说的,是个建网站的人都应该知道。目前薄荷网图片,css,js,flash过期时间设置了3年,可以说是永久了,:) Expires有个麻烦的地方是内容更新问题。

规则4,压缩组件
这个也没什么好说的,配置一下web server的压缩功能,减少服务器带宽,加快响应,立杆见影。

规则5,将样式表放在顶部
这条有点新鲜,虽然平常都是这么做的,但是没有想过不这样做有什么麻烦。如果不这样,浏览器是不能做到边下载边显示,用户体验很糟糕。薄荷网现在有部分样式没放在顶部,回头检查测试一下看看。

规则6,将脚本放在底部
这条是第一次听说,有些震惊。原因在于浏览器下载执行脚本的时候,会阻塞其他资源的下载,这样导致整体响应时间变长。薄荷网的脚本几乎都是放在顶部的,回头测试比较下看看。

规则7,避免CSS表达式
CSS表达是简直像个Bug,可以弃用,寻求变通的解决方便,比如事件处理器等。

规则8,使用外部的JavaScript和CSS
考虑到缓存和复用,大部分情况显然是外联更划算。

规则9,减少DNS查找
DNS耗费的时间是相当可观的,因此同一页面的域名数量最好控制在2~4之间。

规则10,精简JavaScript
精简JavaScript可以显著减少Js文件的大小,减少下载时间。

规则11,避免重定向
get的重定向可以通过web server的url rewrite很好解决。

规则12,移除重复脚本
重复的脚本既增加一次http请求,又要重复执行,当然坚决移除了。

规则13,配置ETag
这个似乎是个不错的大幅加快响应的方法,值得再深入好好研究一番。

规则14,使Ajax可缓存
就是使用之前的规则应用于Ajax请求,:)



  • 大小: 231.5 KB
分享到:
评论

相关推荐

    《高性能网站建设指南》笔记

    《高性能网站建设指南》,这是一本值得所有网站前端人员、网站开发人员、网站产品经理一读的好书。《高》首先分析了网站的用户响应时间都花在哪里,然后在这个基础上归纳出提高性能的若干办法,最后以十大网站为例...

    JavaScript关于提高网站性能的几点建议(一)

    近在学习《高性能网站建设指南》这本书,本文算是一个学习笔记,将学到的东西进行整理一下,方便后面查看。 性能黄金法则(Performance Golden Rule)解释了只有10%~20%的最终用户响应时间花在接受所请求的用户HTML...

    Liferay_Portal_6学习之路-学习笔记完整版

    ### Liferay Portal 6 学习之路:全面解析与实践指南 #### 一、Portal与Liferay Portal简介 ##### Portal概念 Portal,即门户网站,是一种集合多种应用和服务的平台,旨在为用户提供一站式的访问体验。它能够根据...

    精华Drupal教程

    Drupal,作为一个开源的内容管理系统(CMS),在全球范围内广受欢迎,尤其在复杂的网站建设和企业级应用中。本"精华Drupal教程"集合了多个文档和PDF,旨在为开发者提供全面且深入的指导,帮助他们掌握Drupal的核心...

    wiki学习笔记-MediaWiki配置过程

    - 设计社区指南,帮助用户了解如何有效参与编辑和讨论。 - 鼓励用户贡献内容,通过邮件列表、社交媒体和论坛进行互动。 MediaWiki的配置涉及到许多方面,从基础设置到高级功能,都需要根据实际需求进行调整。了解...

Global site tag (gtag.js) - Google Analytics