资讯专栏INFORMATION COLUMN

Yahoo!军规

elliott_hu / 1492人阅读

摘要:军规重要的几点也是常用的几点来个总结减少请求减轻服务器压力图片合并合并合并使用内容分发网络需要花钱买副本服务器定义尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快更稳定。

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

是,不是你心情不好,全世界都得陪你哭;不是你心情不好,周围的人都得忍受你的一切。不是你身怀锋芒,手藏匕首,就有资格在难过的时候,刺向你最熟悉的人,杀向所有的陌生人。

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的不可以。但是办法不是没有!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80774.html

相关文章

  • YAHOO 军规

    摘要:一尽可能减少请求什么是请求官方回答从客户端到服务器端的请求消息包括消息首行中对资源的请求方法资源的标识符及使用协议菜鸟回答当你打开网页的时候所看到的文字图片多媒体等都是从服务器获取的每一个内容的获取就是请求把图片合并二使用内容分发网络官方回 一、尽可能减少Http请求 什么是Http请求?官方回答:从客户端到服务器端的请求消息包括消息首行中对资源的请求方法 资源的标识符及使用协议菜鸟回...

    lansheng228 评论0 收藏0
  • 从“雅虎军规”看性能优化

    摘要:避免重定向重定向用和状态码,下面是一个有状态码的头浏览器会自动跳转到域指明的。除此之外还有别的跳转方式元标签和,但如果你必须得做重定向,最好用标准的状态码,主要是为了让返回按钮能正常使用。要提高性能,优化这些响应至关重要。 showImg(https://segmentfault.com/img/bVbmMsz?w=652&h=367);一直以来,性能优化是开发的重中之中,而提及 前端...

    BlackMass 评论0 收藏0
  • 从“雅虎军规”看性能优化

    摘要:避免重定向重定向用和状态码,下面是一个有状态码的头浏览器会自动跳转到域指明的。除此之外还有别的跳转方式元标签和,但如果你必须得做重定向,最好用标准的状态码,主要是为了让返回按钮能正常使用。要提高性能,优化这些响应至关重要。 showImg(https://segmentfault.com/img/bVbmMsz?w=652&h=367);一直以来,性能优化是开发的重中之中,而提及 前端...

    Kyxy 评论0 收藏0
  • 从“雅虎军规”看性能优化

    摘要:避免重定向重定向用和状态码,下面是一个有状态码的头浏览器会自动跳转到域指明的。除此之外还有别的跳转方式元标签和,但如果你必须得做重定向,最好用标准的状态码,主要是为了让返回按钮能正常使用。要提高性能,优化这些响应至关重要。 showImg(https://segmentfault.com/img/bVbmMsz?w=652&h=367);一直以来,性能优化是开发的重中之中,而提及 前端...

    TalkingData 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<