web 性能优化
优化思路 其实目的只有一个:那就是让网页更快的呈现给用户。可以从压缩代码,并发请求等几个角度回答前端优化的方面
sql 数据查询 如何知道是前端和后端的问题呢 点击 network 查看绿色的线,Waiting (TTFB)等后端处理完, host 文件配置 域名 少了 dns 解析这一步 如何配置域名 优化 css 比如说重复的 css 选择器或者属性
Web 性能优化常见技巧
- 采用 css 雪碧图（css sprite/css 图片精灵）技术，把一些小图合并到一张大图上，使用的时候通过背景图片定位，定位到具体的某一张小图片上 利用雪碧图把图片压缩小,图片体积小了,下载量就小。
- 图片懒加载,路由懒加载 比方说 监听到页面变化的时候 再去加载图片
- 将一些图片转换成 icon 标签,减少 http 请求。
- 将 CSS 放在文件头部，JavaScript 文件放在底部
- 把一些静态资源放到 cdn 上部署。 比如 cdn 上。假设加载一个页面的时候下载量特别大 阿里云的
- webpack 使用 commons-chunk,happy-hack
前端优化页面 体验流畅,页面展现快,资源下载快
