新闻资讯  快讯  焦点  财经  政策  社会
互 联 网   电商  金融  数据  计算  技巧
生活百科  科技  职场  健康  法律  汽车
手机百科  知识  软件  修理  测评  微信
软件技术  应用  系统  图像  视频  经验
硬件技术  知识  技术  测评  选购  维修
网络技术  硬件  软件  设置  安全  技术
程序开发  语言  移动  数据  开源  百科
安全防护  资讯  黑客  木马  病毒  移动
站长技术  搜索  SEO  推广  媒体  移动
财经百科  股票  知识  理财  财务  金融
教育考试  育儿  小学  高考  考研  留学
您当前的位置:首页 > IT百科 > 站长技术 > 网站

我们悄悄优化了页面载入速度

时间:2019-12-02 15:59:50  来源:  作者:

随着访问量的增大,我们发现在高峰时期 SegmentFault 的载入速度越来越慢,而且还时不时会出现 502 的问题。而优化载入速度是一个很庞大的系统工程,它不仅涉及到系统设计,前端改造还包括业务逻辑的优化等等。但是,有些问题是可以立马解决的,而且可以带来比较明显的提升效果,因此我们这次的优化就集中在这些问题上了。

加机器

这是增加系统承载量最简单粗暴的方法,当然这次也不能免俗。当然作为一个创业公司,我们对增加服务器一直是比较谨慎的,对现有服务器的性能也是一直压榨压榨再压榨(手动微笑)。当然考虑到现有服务器在高峰期的负载已经逼近峰值,这加机器也是必不可少的了。

于是我们首先升级了 php 的版本(这可以带来少量的性能提升),并且增加了服务器的数量。负载立马下降,效果立竿见影。但是要加快载入,还需要一些其它的手段综合使用。

剥离其它业务的访问量

之前为了配置方便,我们的一些附属服务的流量也是从同一个流量入口进入。这就导致了在高峰期的网络拥挤。特别是广告服务,因为一个页面往往有好几个广告位置,这导致请求量被成倍放大。

在这次优化中,这些服务被挪到单独的入口,并进行针对性的网络优化。以前吃紧的带宽,一下子富余了很多。负载均衡服务器的压力也大大下降了

前端页面的小优化

在用debug工具查看页面的网络请求时,我们发现广告业务的请求是同步加载的,这就导致页面的渲染会一顿一顿地进行,用户体验比较糟糕。于是我们修改了广告载入的逻辑,让它与页面加载异步进行,这提高了感官上的页面载入速度。

总结

载入速度优化是一个持续不断的过程,我们也会把这项工作继续进行下去。这些立竿见影的改进完成后,就是业务逻辑的优化,这些硬仗可能会持续很长时间。目前我们已经在对某些页面做针对性的改进,比如大家能看到的新版文章页。后续还有一大波新的页面正在赶来的路上。



Tags:优化   点击:()  评论:()
声明:本站部分内容来自互联网,内容观点仅代表作者本人,如有任何版权侵犯请与我们联系,我们将立即删除。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
说起SEO优化,许多人心中第一时间想到的自然是主要针对网站做优化,那么再细节点儿,什么是网站优化呢?内容优化应该如何做?网站优化定时发文是好是坏呢?下面,小编就来和大家聊一聊这...【详细内容】
2020-03-18   优化  点击:(6)  评论:(0)  加入收藏
什么是平均负载系统平均负载是可运行或不中断的平均进程数。处于可运行状态的进程正在使用CPU或等待使用CPU。无限的过程可中断状态正在等待某些I / O访问,例如,等待磁盘。取...【详细内容】
2020-03-17   优化  点击:(6)  评论:(0)  加入收藏
做网站优化,许多人有着不恰当的认知,也就是所谓做网站优化时,经常出现的几种误区,下面小编就和大家聊聊网站优化中比较常见的几大误区。 一、网站主题不明确无论是做网站优化还...【详细内容】
2020-03-17   优化  点击:(5)  评论:(0)  加入收藏
SEO优化中最让人烦的的事情,莫不过是辛苦创作的网站内容不收录,因为不收录,排名就无从谈起。所以,网站内容的收录也是SEOer们最为关心的问题。影响网站收录量的因素有很多,菜鸟菌...【详细内容】
2020-03-16   优化  点击:(5)  评论:(0)  加入收藏
执行free -m 命令查看可用内存,发现cached占比过高,free可用内存过少。 Linux手动释放缓存的方法Linux释放内存的命令:syncecho 1 > /proc/sys/vm/drop_cachesdrop_caches的...【详细内容】
2020-03-15   优化  点击:(3)  评论:(0)  加入收藏
选择恰当的关键词是seo最重要的步骤之一。只有选择了正确的关键词,才能使seo有一个正确的方向。在选择seo关键词的时候要遵循以下几条原则。1、选择与内容相关的关键词在选择...【详细内容】
2020-03-13   优化  点击:(7)  评论:(0)  加入收藏
在对网站SEO优化时通常要分析竞争对手,那如何判断一个网站SEO优化的好坏呢?以下列出的就是判断一个网站SEO优化好坏的标准,通过这些能看出这个网站SEO优化的质量。1、关键词与...【详细内容】
2020-03-13   优化  点击:(5)  评论:(0)  加入收藏
为什么区分网络推广、网站优化和SEO要去了解以上所述的内容?很简单,因为网络推广、网站优化、SEO皆为当今最流行的网站运营的表现形式。首先,网络推广就是网络营销中的一种表...【详细内容】
2020-03-13   优化  点击:(4)  评论:(0)  加入收藏
想要发展网站,优化是不可或缺的,规则永远不变。首先要有适用自己网站的优化方案,不同的网站情况有所不同,那么在seo优化就不同,做优化是长期的问题,要心里有数。务必要拿出对自己...【详细内容】
2020-03-13   优化  点击:(7)  评论:(0)  加入收藏
网站优化目的是以用户为中心,增加网站转换率,增加用户体验,提升网站流量,树立网站品牌,让网站能够长久发展。下面总结的网站优化步骤:1、网站设计策划要符合用户体验的要求,提高访...【详细内容】
2020-03-13   优化  点击:(3)  评论:(0)  加入收藏
本文主要针对的是关系型数据数据库 MySql。先简单梳理下 Mysql 的基本概念,然后分创建时和查询时这两个阶段的优化展开。1 基本概念简述1.1 逻辑架构 第一层:客户端通过连接...【详细内容】
2020-03-13   优化  点击:(10)  评论:(0)  加入收藏
1、网站打开速度想要网站打开速度快,就必须要保证服务器的质量。在选择服务器的时候,最好选择独立服务器,不要选择共享服务器,虽然共享服务器便宜,但如果这个服务器上的网站出现...【详细内容】
2020-03-13   优化  点击:(3)  评论:(0)  加入收藏
执行free -m 命令查看可用内存,发现cached占比过高,free可用内存过少。...【详细内容】
2020-03-13   优化  点击:(0)  评论:(0)  加入收藏
外贸网站内部链接构造,能提高搜索引擎的收录与网站权重。相对外部链接,内部链接也很重要,下面是对内部链接优化策略的一些建议:一、网站导航1、网站导航是搜索引擎蜘蛛首先关注...【详细内容】
2020-03-11   优化  点击:(3)  评论:(0)  加入收藏
亚马逊运营人员,每天都会去查看亚马逊广告得基本数据情况,消费,销量,点击,点击率,是否盈利?是否调整广告费用?一般情况下,亚马逊卖家都会通过下载报告,根据这些数据去分析我们知道每个...【详细内容】
2020-03-09   优化  点击:(4)  评论:(0)  加入收藏
谁在消耗cpu?用户+系统+IO等待+软硬中断+空闲 祸首是谁?用户用户空间CPU消耗,各种逻辑运算正在进行大量tps函数/排序/类型转化/逻辑IO访问…用户空间消耗大量cpu,产生...【详细内容】
2020-03-09   优化  点击:(7)  评论:(0)  加入收藏
“春江水暖鸭先知,产品好坏客户知”,作为前端开发,我们更注重客户体验,产品的好坏决定着客户的体验,那么一款产品的好坏有很多因素,其中性能是决定因素,那么怎么优化才能让产品的性...【详细内容】
2020-03-09   优化  点击:(3)  评论:(0)  加入收藏
新网站上线影响网站优化排名的四个因素,在SEO优化的过程和结果中,无论是专业的SEOer还是一些非专业的客户网站管理者,对网站关键词的排名都是十分关心的。经常会有人问相关关键...【详细内容】
2020-03-06   优化  点击:(0)  评论:(0)  加入收藏
01. 索引对数据库性能如此重要,如何使用它?为数据库选择正确的索引是一项复杂的任务。如果索引列较少,则需要的磁盘空间和维护开销 都较少。如果在一个大表上创建了多种组合...【详细内容】
2020-03-06   优化  点击:(6)  评论:(0)  加入收藏
Linux操作系统是一个开源产品,也是一个开源软件的实践和应用平台,在这个平台下有无数的开源软件支撑,我们常见的apache、tomcat、mysql、php等等,开源软件的最大理念是自由、开...【详细内容】
2020-03-06   优化  点击:(3)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条