解释一下今天早上访问 OSC 很慢的原因!

红薯 发布于 2015/04/14 10:44
阅读 2K+
收藏 8

今天早上更新了程序,差不多8点出头的时候 OSC 整个网站访问很慢。原因如下:

OSC 目前用的 Markdown 编辑器 http://git.oschina.net/benhail/thinker-md 支持 emoji 表情,有大量的表情原来是一个个单独的图片存放的,因此加载的时候因为需要加载近 1000 个图片导致很慢。因此我们昨天对这些图片进行合并。但是使用的却是将图片数据直接写在 css 里,导致一个 css 文件有近2兆大小。而我们没有注意到这个问题就更新了,这个 css 文件在多数页面都被引用到,由于 OSC 访问量巨大,使得 OSC 共有四五个 CDN 节点的流量全部爆满。

目前已经暂时停止这种方式使用,我们今天会将所有的表情图片合并成一个大图片的方式来处理,预计这个合并后的图片大小也就是几十k,不会对带宽造成大压力。

有几个结论:

1. 在 CSS 中嵌入图片数据的体积会比图片本身大很多,因为 BASE64 编码的缘故
2. 现在很流行的一个词是 DevOps,开发人员必须了解一些运维的知识

加载中
0
滔哥
滔哥
那我不能发贴回贴是咋回事儿咧.你也不理我..
红薯
红薯
你能回帖就能发帖
0
开源中国首席颈椎砖家
开源中国首席颈椎砖家
慢吗?我这里是不停载入,浏览器直接禁止载入就进页面了
0
酒逍遥
酒逍遥

确实 这种问题 测试中 很难发现...

到了生产环境才会提现出来.不过 经验其实就是这么积累起来的.红薯 的分享精神点个赞.

这种很宝贵的经验能够公开 非常不容易.

0
sinopf
sinopf
赞你!
0
暴走游侠
暴走游侠
你们招不招运维,让我跟你混吧
0
rxc55555
rxc55555
这个访问量巨大,怎么个巨大法O(∩_∩)O
0
Force武装卫队
Force武装卫队

要用emoji 字体


0
抚琴煮酒
抚琴煮酒
这里我稍为补充一点知识:
由于CSS属于静态文件,所以CDN节点肯定是会缓存CSS的,这也导致了CDN节点流量爆满,此外,资深的
运维是必须要懂开发的,python,ruby和PHP都行,说实话,不懂这些,不懂git和开发框架,你跟开发人员都没办法交流和沟通的。
0
yak
yak
OSC 访问量巨大 到底有多大
返回顶部
顶部