前端性能优化

Posted zyb99812

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端性能优化相关的知识,希望对你有一定的参考价值。

一:静态资源优化:
        ①:合并css,js文件,制作雪碧图,减少http的请求次数;
   ②:静态资源cdn的分发;客户端可以通过最佳网络链路加载静态页面。
   ③:js,css文件压缩,图片压缩,减少请求返回的数据量。
   ④:静态资源缓存机制。
   
二:接口优化:
         ①:接口合并;
    ②:首屏合并,同构。
    
三:页面渲染速度优化:
         ①:css放在顶首:优先;
    ②:js放在底部:避免阻塞;
    ③:减少DOM元素数量;
    ④:img标签要宽高:减少重绘排版。

以上是关于前端性能优化的主要内容,如果未能解决你的问题,请参考以下文章

前端性能优化总结

前端性能优化之路——图片篇。

前端性能优化之Gzip

前端性能优化:桌面浏览器前端优化策略

前端性能优化--图片篇

前端进阶Web前端性能优化