美文网首页
前端项目优化

前端项目优化

作者: lxt410725 | 来源:发表于2018-03-03 22:59 被阅读0次
    随着现在前端的应用范围越来越广,用户体校效果的注重,加载速度的要求等等,就要求前端做一些性能的优化
1、减少 HTTP 请求数
2、减少 DNS 查询
3、使用 CDN
4、避免重定向
5、图片懒加载
6、减少 DOM 元素数量
7、减少 DOM 操作
8、使用外部 JavaScript 和 CSS
9、压缩 JavaScript 、 CSS 、字体、图片等
10、优化 CSS Sprite
11、使用 iconfont
12、字体裁剪
13、多域名分发划分内容到不同域名
14、尽量减少 iframe 使用
15、避免图片 src 为空

相关文章

  • gzip 从15秒到700毫秒的前端项目优化解决方案

    gzip 优化 gzip 优化前 gzip 优化后 项目地址 http://mrlishaohai.com/ 前端...

  • 前端项目优化

  • 前端性能优化清单

    本文参考前端性能优化最佳实践2018前端性能优化清单 以下是针对目前公司项目(我参与的项目)的具体情况,整理出来的...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • Nginx开启Gzip优化网页访问速度

    前言 开启Nginx Gzip 优化网页加载速度不限于Vue项目,所有前端皆可开启gzip优化如果是Vue项目可以...

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • 前端的项目优化

    如何进行项目优化呢?1,文件合并 减少http请求,合并css js 文件2,文件体积压缩。利用webpack,G...

  • 前端项目性能优化

    在前端工程化项目的项目中,版本不断迭代,项目的性能优化就变的十分重要了。 1、提升开发体验 source Map源...

  • 浅谈前端性能优化

    写在前面 前端性能优化是一门很深的学问,作为前端工程师往往会为了优化项目加载的几十毫秒而绞尽脑汁,当然这也是前端面...

网友评论

      本文标题:前端项目优化

      本文链接:https://www.haomeiwen.com/subject/tqwxfftx.html