tinyshare微博账号
web性能101 十一月 3, 2018


web性能为什么重要?

  • 加载很慢的网站会让人很不舒服;
  • web性能直接影响你的产品;

什么样的网站算是快的网站?

  • 加载快;
  • 运行快(动画不掉帧,滚动很顺滑等);
  • 服务器响应时间短;
  • 应用加载和渲染的很快。

文中介绍了几种提升网站加载和渲染速度的方法:

  • JavaScript。JavaScript通常是最容易拖累网站的资源了。压缩、异步加载、代码分割、移除无用代码等;
  • CSS。CSS的优化方法有压缩、懒加载(先加载主要的样式,然后再加载其他样式)等;
  • HTTP。HTTP的优化方法有压缩HTML、使用Gzip压缩、CDN和预加载等;
  • 图片。使用适当的图片格式,压缩图片等;
  • 字体。指定备选字体、使用font-display: optional显示文本。
  • 工具。PageSpeed InsightsLighthouseWebPageTestwebpack-bundle-analyzer等。

希望这篇文章能给你启发,让你更好地优化网站,更好地提升网站的性能。