Web 性能优化的几个策略

开发人员多了解一些优化技术

Web 性能优化的几个策略_第1张图片

在进行 web 性能优化之前,我们先重温一下,访问一个页面地址到浏览器渲染完页面,都有哪些过程:

资源请求/获取流程图:

Web 性能优化的几个策略_第2张图片

资源响应/页面渲染流程图

Web 性能优化的几个策略_第3张图片

这两张图无需额外解释了,所以 web 性能优化主要是针对这里的过程进行优化,上车:

DNS 优化
在与服务主机建立连接之前,需要先解析域名;那么,解析越快就越好。

限制不同域名的数量。数量多了自然会消耗更多的解析时间,https 时代这个成本更高。
保证低限度的解析延迟。了解你的 DNS 服务基础设施的结构,然后从你的最终用户分布的所有地域定期监控解析时间。
在主体页面 HTML 或响应中利用 DNS 预取指令。例如:Web 性能优化的几个策略_第4张图片

你可能感兴趣的:(最新技术分享)