‘高性能网站建设指南’读书摘要

这本书介绍了十四个优化前端性能的方法。有的仅适用于商业网站,比如CDN,ETAG。
只有10%-20%的最终用户响应时间花在了下载HTML文档上。其余的80%-90%的时间花在了下载页面中的所有组件上。
一、减少HTTP请求
1.合并图片,css sprites
2.合并脚本和样式表,js,css分开合并
二、CDN网络
三、添加EXPIRES头
四、压缩组件
gzip压缩,同时也要考虑压缩时要占用额外的CPU周期。根据经验一般对大于1KB或者2KB的文件进行压缩。
压缩支持需要配置服务器。
其他需要注意的(略)
五,六、将样式表放在顶部,脚本放在底部。
不要用@import,最好用link标签把样式表放在head中。
浏览器可以并行下载,默认是2个。用户可以自己设置。下载脚本事并行下载是禁用的,因为脚本可能使用document.write来修改页面内容,所以,浏览器会等待以确保页面能够恰当的布局。
脚本对web页面的影响:脚本会阻塞对其后面内容的呈现;脚本会阻塞对其后面组件的下载
七、避免CSS表达式:在没有深入了解底层影响的情况下使用CSS表达式是很危险的。
八、使用外部javascript&css
原因:缓存和组件重用
九、使用keep-alive和较少的域名来减少DNS查找
十、精简javascript&css
精简javascript工具:JSMin   Dojo Compressor
十一、寻找一种避免重定向的方法。
十二、移除重复脚本。
十三、当网站放在多个服务器上时,配置或者移除ETAG.
十四、使Ajax可缓存

工具:firebug,YSlow

总结:影响前端的因素:
1.服务器,带宽,距离
2.网页大小,组件的大小和多少
3.DNS,缓存

本站提供的服务

  • wordpress主题、插件、开发、优化以及WordPress虚拟主机、VPS售卖
  • 自用Shadowsocks 服务器搭建 RMB50/次
  • VPN(PPTP&L2TP)流量出售: 5RMB/GB,10GB起售,8条台湾、美国、香港线路
    • 联系QQ:2564692806

      打赏作者
      这篇文章帮助很大,重重有赏

      您的支持将鼓励我们继续创作!

      [微信] 扫描二维码打赏

      [支付宝] 扫描二维码打赏

      正在跳转到PayPal...

Add a Comment

电子邮件地址不会被公开。 必填项已用*标注