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.加载图片时使用懒加载或预加载