如何优化前端页面加载速度

1.网络加载优化

1.获取信息方式尽量使用Ajax方式获取内容
2.减少HTTP资源请求次数和请求大小
3.使用外链JS和CSS

2.页面渲染优化

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

3.页面缓存优化

1.合理利用浏览器缓存可以大大提高页面中静态资源的加载速度（cookie，localStorage）

4.图片优化

1.使用较小的图片或者压缩后的图片，不仅能尽快完成加载还能节省流量（如webp）
2.加载图片时使用懒加载或预加载