web性能优化技巧

147 阅读1分钟

web性能优化技巧

想要了解有用的web优化技巧,首先要知道从在地址栏输入URL到页面渲染这个过程中到底发生了什么。

未命名文件 (1).png

请求阶段的性能优化

  1. 优化DNS。可以通过修改hosts文件来缩短DNS服务时间;
  2. TCP连接复用(keep-alive);
  3. SQL数据库优化

响应阶段的性能优化

  1. 提高服务器的带宽;
  2. 压缩算法:gzip;

渲染阶段的性能优化

  1. 通过减少重复的样式来优化css文件;
  2. 先加载css,再加载js;
  3. 懒加载;
  4. 预加载;

再次渲染过程

  1. 使用cache-control来设置css和js的缓存时间;
  2. 创建多个域名来同时请求多个文件。