前端页面如何优化

1、网络加载优化减少HTTP资源请求次数和请求大小，尽量合并静态资源图片、JavaScript或CSS代码，能放一个文件里就不要分开放，这样可以减少页面请求数和资源请嫫绑臾潜求消耗，缩短首屏加载时间。我一般都会用Gzip压缩传输内容

2、页面渲染优化在编写前端页面的时候，把CSS资源引用代码放到HTML文件的头部，这样浏览器可以优先下载CSS并尽早完成页面渲染！JavaScript的引用代码放到HTML文件底部，帛镢宜嗣防止JS的加载和解析执行对页面渲染造成阻塞！

3、手机端优化在移动端访问时，不一定有WiFi，偶尔网络速度会比较慢，因此为了加快完成页面的加载，需要保证首屏加载资源最小化。不是首页面的数据，我们可以采用异步加载或者滚动加载。

4、页面缓存优化合理利用浏览器缓存可以大大提高页面中静态资源的加载速度

5、图片优化在手机端上比较重要，尽量不要以原图的形式直接使用，因为那样很消耗流量，而且加载时间更长！使用较小的图片或者压缩后的图片，不仅能尽快完成加载还能节省流量~