美文网首页
Web应用网络优化基本要点

Web应用网络优化基本要点

作者: Hi_One | 来源:发表于2017-09-11 16:48 被阅读30次

    HTTP加载过程
    1.Blocked:IE内核准备
    2.DNSLookup:将域名转化为IP,如果本身世IP或DNS缓存存在则无此操作
    3.Connect:和接续出的IP地址所指服务器建立TCP连接
    4.Send:将HTTP请求发送至远程服务器
    5.Wait:等待服务器响应请求
    6.Recv:接收数据

    1. web网络层面优化
      1.减少DNS,每次DNS都需要一次网络往返,增加请求的延迟,而且在查询期间会阻塞请求(发送尽量少的数据)
      2.开启DNS Prefetch,预先进行DNS加速页面加载,同时避免同域下多元素并发阻塞(使用CDN)
      3.调整TCP的性能可以为服务端和客户端提供最佳的吞吐量和延迟。然而,应用程序如何使用每一个新的或者已建立TCP连接,对性能也有很大影响。(TCP连接复用)

    2. APP应用层面优化
      Make Fewer HTTP Requests #减少HTTP请求
      Use a Content Delivery Network #使用CDN
      Optimize images #优化图像
      Add Expires header (or Cache-control) #添加过期头或缓存控制
      Gzip Components #开启Gzip插件
      Put CSS at the Top #将CSS放在顶部
      Move Scripts to the Bottom(inline too) #将脚本放在底部(内链接也是)
      Avoid CSS Expressions #避免使用CSS表达式
      Make JavaScript and CSS External #使用javascript和外部CSS
      Minify JavaScript and CSS (inline too) #减小javascript和CSS(内链接也是)
      Avoid Redirects #避免重定向
      Remove Duplicate Scripts #删除重复的脚本
      Configure ETags #配置ETags
      Make AJAX Cacheable #使AJAX可缓存

    3. 终端ISP层面优化
      1.主动监控LocalDNS缓存策略失效或劫持,LocalDNS缓存策略不合理,导致CDN失效从而页面加载很慢,甚至无法访问 。
      2.主动监控页面链路劫持,页面加载过程被强行插入多余请求,且这些请求往往性能极差,导致页面整体性能很慢

    常用的WEB性能优化工具

    • Firebug
    • Chrome Devtools
    • YSlow
    • Fiddler
    • HttpWatch
    • WebPageTest
    • Page Detailer
    • HTTP Analyzer

    相关文章

      网友评论

          本文标题:Web应用网络优化基本要点

          本文链接:https://www.haomeiwen.com/subject/bddfsxtx.html