美文网首页
14条 前端优化准则

14条 前端优化准则

作者: cca1000 | 来源:发表于2017-08-03 17:42 被阅读0次

1、减少http请求;

css sprite
图片转base64,其实文本比图片体积大 目前不推荐使用该方案;

2、使用CDN

一般来说对与企业 不是前端所要关心的事情,都是架构师来去做这方面的事情;
技术原理:服务器内容网络分发——(把服务器放到离访问者跟进的位置)

3、添加Expires头

告诉你的浏览器我们这个东西会什么时候过期;不添加的话浏览器认为是 即时过期访问之后就消除;
一般是后端关心的问题;

4、压缩组件

比如使用gzip压缩html code;基本上大部分网站的服务器应用都默认经过了content-encoding:gizp

5-6、将CSS放在顶部-javascript 放在底部

css是页面显示内容,应加载在dom之前 这样
javascript 会阻塞加载

7、css表达式Expressions

现在基本不用了

8、将js、css放到外部文件当中
9、减少DNS查找

很多网站把 图片放到另一个域名下 减少服务器带宽;

10、精简js和css文件

11、避免重定向

12、移除重复脚本

靠经验了~分装函数表现多态化

13、配置Etag

请求标记 类似 id 相同的内容 Etag是相同的,为了让浏览器判定内容是否相同

14、使Ajax可缓存

比如说可以缓存 站点默认配置

相关文章

  • 前端极限性能优化合集

    前端极限性能优化合集 性能优化是老生常谈了,从雅虎的N条军规,前端各种优化准则,到2010年Google IO上S...

  • 前端性能优化的14个规则

    规则01:尽量减少HTTP请求 前端优化的黄金准则指导着前端页面的优化策略:只有10%-20%的最终用户响应时间花...

  • 14条 前端优化准则

    1、减少http请求; 2、使用CDN 3、添加Expires头 4、压缩组件 5-6、将CSS放在顶部-java...

  • 前端性能优化(中)

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

  • 前端性能优化(下)

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

  • 前端性能优化(上)

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

  • 前端性能优化-开篇

    前端性能优化问题是每个前端需要掌握的技术。这篇文章从渲染优化、代码优化、资源优化、构建优化、传输加载优化、更多流行...

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • 前端性能优化

    前端性能优化 下面是我认知的前端性能优化的策略,本书主要着手 JavaScript 优化展开阐述。 JavaScr...

网友评论

      本文标题:14条 前端优化准则

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