WEB 前端性能优化基本套路

前言

前端性能优化这是一个老生常谈的话题,但是还是有很多人没有真正的重视起来,或者说还没有产生这种意识。

当用户打开页面,首屏加载速度越慢,流失用户的概率就越大,在体验产品的时候性能和交互对用户的影响是最直接的,推广拉新是一门艺术,用户的留存是一门技术,拉进来留住用户,产品体验很关键,这里我以美柚的页面为例子,用实例展开说明前端优化的基本套路(适合新手上车)。

WEB性能优化套路

基础套路1:减少资源体积

  • css
    • 压缩
    • 响应头GZIP
  • js
    • 压缩
    • 响应头GZIP

继续阅读全文 “WEB 前端性能优化基本套路”

TYPE HERO – 在线测试(Google fonts)字体样式

TYPE HERO 是一款简单的在线服务,用来测试在线字体样式,可以自定义颜色、大小等。 挑选字体也是一个头痛的事,一切交给 TYPE HERO 就简单多了。

Google Fonts 无法在中国直接使用,但是可以下载后使用,毕竟谷歌字体免费又漂亮的字体本来不多,更何况 Google Fonts 还有中文字体。打开官网体验一下吧

继续阅读全文 “TYPE HERO – 在线测试(Google fonts)字体样式”