使网页访问变得更快 web优化


网络通信层面:低延迟和高带宽(物理位置更近信息发送时间更短,充足带宽满足更高的吞吐量。),选用优秀的CDN服务商。
查看延迟、路由路径及带宽 工具 ping\traceroute\iftop\taskmgr\ 云服务器利用实例监控观察状况

服务器端(后端)
HTTP持久连接 (Apache:KeepAlive On KeepAliveTimeOut,Nginx:keepalive_timeout)
动态页面静态化\延长静态资源缓存时间  Expires和Cache-Control Etag
开启服务器端的Gzip压缩 (web容器和代码层都可实现)

分析服务器运行状况,Windows下性能监控,Apache mod_status 开启,Nginx status配置

浏览器端(前端)
压缩源码和图片,选择合适的图片格式,减少Cookie体积(采用png,js库使用经过精简和混淆后的min版)
合并压缩静态资源,减少http请求  (使用图片地图\使用CSS Sprites\合并JS和CSS文件,css和js可以通过页面get请求不同的版本号防止缓存
把CSS放在页面头部,把JavaScript放在页面底部 (JS会阻塞对其后面内容的呈现\会阻塞对其后面内容的下载)

前端性能分析可借助Firefox的Firebug和Yslow插件,IE下F12调试

你可能感兴趣的:(使网页访问变得更快 web优化)