web前端优化

1.使用CDN加速,
2.静态资源的压缩合并,
3.减少HTTP请求,
4.尽可能的减少DOM操作,
5.由于浏览器渲染机制的影响,JS,CSS文件放在页面最底部
6.使用懒加载,
7.使用浏览器缓存,本地存储,减少请求数量
8.使用SSR(server side rendering)后端渲染,数据直接输出到HTML
9.项目中采用按需加载

渲染类的一些方法:

1.压缩图片,
2.尽量使用CSS动画,开启GPU加速
3.Iconfont代替图片

  1. 精简代码,压缩代码
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载自:http://web.jobbole.com/82197/ 前端的性能对于一个Web应用来说非常重要,如果...
    天字一等阅读 626评论 0 2
  • 开发前端也有几年了,一直很忙,课下看书,或者做一些笔记,看看别人的见解,也会做一些笔记记录,有时间就来刷刷掘金,逛...
    程序蜗牛阅读 11,765评论 1 18
  • 一、Web前端优化最佳实践之 内容 1. 尽量减少HTTP请求; 合并文件,比如把多个css文件合成一个;CSS ...
    LiLi原上草阅读 543评论 0 3
  • 一、Web前端优化最佳实践之 内容 尽量减少HTTP请求; 合并文件,比如把多个css文件合成一个;CSS Spr...
    LaBaby_阅读 477评论 0 3
  • 怀着一颗猎奇的心在读《艾瑞克森》想要学习一点催眠的知识,书看了大半没有学习到如何的催眠人。 但却认识了一个热情,慈...
    致敬乔布斯阅读 298评论 0 0