web性能为什么重要？

• 加载很慢的网站会让人很不舒服；

• web性能直接影响你的产品；

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

• 加载快；

• 运行快（动画不掉帧，滚动很顺滑等）；

• 服务器响应时间短；

• 应用加载和渲染的很快。

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

• JavaScript。JavaScript通常是最容易拖累网站的资源了。压缩、异步加载、代码分割、移除无用代码等；

• CSS。CSS的优化方法有压缩、懒加载（先加载主要的样式，然后再加载其他样式）等；

• HTTP。HTTP的优化方法有压缩HTML、使用Gzip压缩、CDN和预加载等；

• 图片。使用适当的图片格式，压缩图片等；

• 字体。指定备选字体、使用font-display: optional显示文本。

• 工具。PageSpeed Insights、Lighthouse、WebPageTest、webpack-bundle-analyzer等。

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