1. 使用 CDN
(Use a Content Delivery Network)
国内 CDN
的普及还不够。不过我们有独特的电信、网通之间的问题
,如果针对这个作优化,基本上也算能收到 CDN
或类似的效果吧(假装如此)。【Tin 说国内 CDN
用的挺多,看看 CDN
厂商的市场就知道了,还没走入寻常百姓家】
2. 添加 Expires 或 Cache-Control 信息头 (Add an Expires or a Cache-Control Header)
各个浏览器都有针对的方案, Apache 例子【注意:下面的说明例子还不够精细,具体的环境上还要加一些调整】:
ExpiresActive On ExpiresByType image/gif “modification plus 1 weeks”
Lighttpd 启用 mod_expire 模块 后:
$HTTP["url"] =~ “\.(jpg|gif|png)$” { expire.url = ( “” => “access 1 years” ) }
Nginx 例子参考:
location ~* \.(jpg|gif|png)$ { if (-f $request_filename) { expires max; break; } }
3. 压缩内容 (Gzip Components)
对于绝大多数站点,这都是必要的一步,能有效减轻网络流量压力。或许有人担心对 CPU
压缩对于 CPU
的影响,放心大胆的整吧,没事儿。Nginx 例子:
gzip on; gzip_types text/plain text/html text/css ext/javascript;
另外参见:
4. 设置 Etags (Configure ETags)
对于 Etag
,可能是多数网站维护者都会忽略的地方。在这一系列优化规则出现之前,可能互联网上绝大多数站点都对这个问题忽略了。当然,Etag 对多数站点性能的影响并不是很大。除非是面向 RSS
的网站。【看到有朋友批评说写的简略,并且说 IE
不支持 ETag。明确说一下:IE 支持 ETag,倒是使用 IIS
要注意相关 Etag Bug。】
补充:我的意思是”很多网站在不注意的情况下都是打开 Etag 的,而没有网站关心如何用,消耗资源而不知。并不是说 Etag 不好,合理利用 Etag ,绝对能取得很好的收益.
5. 尽早刷新 Buffer (Flush the Buffer Early)
对这一条,琢磨了半天,貌似还是异步
的思路。能更好的提升用户体验?
6. 对 AJAX
请求使用 GET 方法 (Use GET for AJAX
Requests)
XMLHttpRequest POST 要两步,而 GET 只需要一步。但要注意的是在 IE
上 GET 最大能处理的 URL
长度是 2K。
分享到:
相关推荐
Web 前端优化最佳实践.rar
Web前端优化最佳实践及工具集锦[定义].pdf
Web前端开发最佳实践.pdf 个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除!
web性能优化最佳实践
本书的主要内容和特色: 以W3C Web规范为基础展开讨论,介绍Web前端开发中的最佳实践方法及编码风格。为Web前端开发人员快速成长提供了一条捷径。 介绍了大量近年来涌现出来的并已经得到广泛应用的工具和技术...
本书贴近Web前端标准来介绍前端开发相关最佳实践,目的在于让前端开发工程师提高编写代码的质量,重视代码的可维护性和执行性能,让初级工程师从入门开始就养成一个良好的编码习惯。本书总共分五个部分13章,第一...
高清彩版 Web前端开发最佳实践
党建 著 ISBN:9787111488439
web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题...
Web前端设计修炼之道》以Web前端设计的流程为主线,以前端设计的方法和原则为基础,围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳实践....
Web 前端性能优化思路与学习方法Web 前端性能优化思路与学习方法Web 前端性能优化思路与学习方法
一本讲述web前端性能优化以及实践经验分享的书籍,非常不错,值得学习
web前端优化的一些自己从网上参考的方法然后总结出的内容
Web前端性能优化全攻略
让你页面速度飞起来,Web前端性能优化。 让你页面速度飞起来,Web前端性能优化。百度云盘视频资料,下载直接看