Yahoo!军规

本日的鸡汤来自“有书共读”——《你好好说话会死吗?》

是,不是你心境不好,全球都得陪你哭;不是你心境不好,四周的人都得忍耐你的统统。不是你身怀矛头,手藏匕首,就有资历在惆怅的时刻,刺向你最熟习的人,杀向一切的陌生人。

Yahoo军规主要的几点也是经常运用的几点来个总结:

  • 削减HTTP要求(减轻服务器压力)

图片兼并
JS兼并
CSS兼并

  • 运用CDN(内容分发收集)(须要花钱买副本服务器)

定义:尽量避开互联网上有能够影响数据传输速率和稳固性的瓶颈和环节,使内容传输的更快、更稳固。

浅显明白:在离你近来的处所,安排一台机能好链接顺畅的副本服务器,你能够以近来的间隔,最快的速率猎取内容

  • 增加Expire/Cache-Control头

expire头的内容是一个时候值,值就是当地资本在当地的逾期时候、存在当地、在当地缓存阶段,找到一个对应的逾期时候,就直接运用这个资本,不会要求http要求。

Cache-Control头是http协定中经常运用的头部之一,望文生义,他是担任掌握页面的缓存机制,假如该头部指导缓存,缓存内容也不会存在当地,操纵流程和expire类似,cache-control会有更多的选项,而且会有更多的处理方式。

  • 启用Gzip紧缩(这地球人都知道)

  • 将css放在页面最上面

浏览器剖析html是从上往下剖析,假如把css放到下面会涌现空缺->先涌现HTML,再出来CSS。想一想都丑。

  • 将script放在页面最下面(基本上一切的公司都用了这类要领)

dom加载递次和css一样的题目,然则js不须要提早显现。所以要放到DOM加载完成的时刻。

  • 防止在css中运用Expressions

css表达式 页面显现和缩放、页面转动、鼠标挪动的时刻都要从新盘算一次。巨耗机能。

  • 削减DNS查询

这个有一个峰值,和之前测试HTML中的Worker时一样。多域名不能太多。

  • 最小化JS和css (紧缩)

这个没得说webpack plugin就有的东西,拿出来打包就能够。

  • 防止重定向

301->挪动永远重定向

302->找到了不在这个位置 暂时重定向

然则无论是哪一种重定向都是要求了2次 2次DNS查询=>削减DNS查询

  • 设置ETag

  • get要求能够被代办缓存,而post的不能够。然则方法不是没有!

    原文作者:caozheng550
    原文地址: https://segmentfault.com/a/1190000007374123
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞